/* Mobile overrides for Wizard BC */
@media (max-width: 768px) {
    .biz-grid,
    .admin-grid {
        grid-template-columns: 1fr;
        gap: var(--space-xs);
    }

    .wiz-wrap {
        margin: 0;
        min-height: 100vh;
        max-width: none;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        padding: var(--space-md);
    }

    .day-head {
        grid-template-columns: 1fr auto;
        row-gap: var(--space-xs);
    }

    .day-head-left {
        grid-template-columns: 1fr;
        gap: var(--space-xs);
    }

    .expand-icon {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
    }

    .day-head-right {
        grid-column: 1 / -1;
        justify-content: flex-start;
        min-width: 0;
    }

    .hours-row {
        grid-template-columns: 1fr;
        gap: var(--space-xs);
    }

    .clone-day {
        width: 100%;
    }

    button:not(.password-toggle) {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .wiz-wrap {
        padding: var(--space-sm);
    }

    .day-head {
        padding: var(--space-xs);
    }

    .mode-row select,
    input,
    .clone-day,
    button {
        font-size: var(--font-size-sm);
    }
}
@media (max-width: 768px) {
    .summary-grid,
    .final-card {
        grid-template-columns: 1fr;
    }

    .final-logo {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .wizard-step {
        padding-right: 0;
    }

    .step-nav {
        flex-direction: column;
        align-items: stretch;
    }

    .step-nav .btn-back {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .wiz-title-row {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--space-xs);
    }
}

@media (max-width: 768px) {
    .biz-grid--logo {
        grid-template-columns: 1fr;
    }

    .admin-top-grid {
        grid-template-columns: 1fr;
    }

    .biz-logo-drop {
        min-height: 150px;
    }
}

@media (max-width: 768px) {
    .main-category-buttons {
        grid-template-columns: 1fr;
    }

    .main-category-btn {
        min-height: 96px;
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
    }

    .main-category-btn .material-symbols-rounded {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .btn-link {
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    .completion-loading--step {
        min-height: 240px;
    }

    .loading-donut--xl {
        width: 84px;
        height: 84px;
        border-width: 7px;
    }

    .completion-loading--step p {
        font-size: 1.05rem;
    }
}