/* ================================================================
   Cabinet Central — Mobile & Responsive
   ================================================================ */

/* ---- Mobile Nav ---- */
.mobile-nav { display: none; }

.mobile-nav__toggle {
    background:    transparent;
    border:        2px solid var(--cc-accent);
    border-radius: var(--radius-sm);
    padding:       6px 10px;
    color:         var(--cc-accent);
    transition:    all var(--ease-fast);
}
.mobile-nav__toggle:hover { background: rgba(201,169,110,.15); }
.mobile-nav__toggle[aria-expanded="true"] .hamburger::before { content: '✕'; font-size: 1.1rem; }
.hamburger::before { content: '☰'; font-size: 1.2rem; }

.mobile-nav__list {
    position:   absolute;
    top:        var(--header-height);
    left:       0;
    right:      0;
    background: var(--cc-primary);
    padding:    var(--space-sm) 0;
    box-shadow: var(--shadow-md);
    z-index:    99;
}
.mobile-nav__link {
    display:        block;
    padding:        var(--space-md) var(--space-xl);
    color:          rgba(255,255,255,.85);
    font-size:      1rem;
    border-bottom:  1px solid rgba(255,255,255,.08);
    text-decoration: none;
    transition:     background var(--ease-fast), color var(--ease-fast);
}
.mobile-nav__link:hover {
    background:      rgba(255,255,255,.1);
    color:           var(--cc-light);
    text-decoration: none;
}

/* ================================================================
   Breakpoints
   ================================================================ */

@media (max-width: 900px) {
    .header-tagline { display: none; }
    .kitchen-placeholder { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    /* Show mobile nav */
    .mobile-nav { display: block; }

    /* Full-width panel */
    .zone-panel { width: 100vw; }

    /* Kitchen placeholder */
    .kitchen-placeholder {
        grid-template-columns: repeat(2, 1fr);
        padding: var(--space-lg);
        gap:     var(--space-md);
    }
    .kitchen-placeholder .kitchen-zone { height: 140px; }

    /* Hide kitchen desktop hint */
    .kitchen-hint { display: none; }

    /* Panel header shrink */
    .panel__header { padding: var(--space-2xl) var(--space-lg) var(--space-lg); }
    .panel__title  { font-size: 1.5rem; }
    .panel__body   { padding: var(--space-lg); }

    /* Gallery 1-col on mobile */
    .gallery-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .kitchen-placeholder { grid-template-columns: 1fr; }
    .kitchen-placeholder .kitchen-zone { height: 120px; }
    .header-phone { font-size: 0.85rem; }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration:   0.01ms !important;
        transition-duration:  0.01ms !important;
    }
}