/* ============================================================================
   Utilities - Mobile, Responsive, Accessibility
   ============================================================================ */

/* =============================================
   MOBILE NAVIGATION ENHANCEMENTS
   ============================================= */

.ptasi-header-nav {
    position: relative;
}

/* Desktop only - Desktop dropdown behavior */
@media (min-width: 1025px) {
    /* Fix button padding on desktop - add right padding */
    .ptasi-header-nav .wp-block-navigation__responsive-container .wp-block-navigation-item .wp-block-navigation__submenu-icon,
    .ptasi-header-nav .wp-block-navigation__responsive-container .wp-block-navigation-item .wp-block-navigation-submenu__toggle {
        padding: 0 0.5rem 0 0.25rem !important;
    }

    /* Enable hover-based dropdown display on desktop */
    .ptasi-header-nav .wp-block-navigation__responsive-container .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container {
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
    }

    /* Reset mobile-specific submenu background for desktop */
    .ptasi-header-nav .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
        background: var(--ptasi-surface) !important;
    }
}

/* Tablet/Mobile Header Adjustments */
@media (max-width: 1024px) {
    /* Force hamburger menu to show on tablet/mobile */
    .ptasi-header-nav .wp-block-navigation__responsive-container-open,
    .ptasi-header-nav button.wp-block-navigation__responsive-container-open {
        display: flex !important;
    }

    /* Hide desktop navigation links on tablet/mobile when menu is closed */
    .ptasi-header-nav .wp-block-navigation__container {
        display: none !important;
    }

    /* Hide the entire responsive container when closed */
    .ptasi-header-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Show overlay only when menu is open */
    .ptasi-header-nav .wp-block-navigation__responsive-container.is-menu-open,
    .wp-block-navigation.is-menu-open .wp-block-navigation__responsive-container {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* Ensure navigation container inside overlay is visible */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Remove all list styling and gaps */
    .wp-block-navigation__responsive-container .wp-block-navigation__container,
    .wp-block-navigation__responsive-container ul,
    .wp-block-navigation__responsive-container .is-layout-flex,
    .wp-block-navigation__responsive-container .is-layout-flow {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        row-gap: 0 !important;
        column-gap: 0 !important;
    }

    /* Override WordPress block gap system in mobile menu */
    .wp-block-navigation__responsive-container .wp-block-navigation__container > *,
    .wp-block-navigation__responsive-container .is-layout-flex > *,
    .wp-block-navigation__responsive-container .is-layout-flow > * {
        margin-block-start: 0 !important;
        margin-block-end: 0 !important;
    }

    /* Mobile Navigation - Full-screen overlay */
    .wp-block-navigation__responsive-container {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
        background: var(--ptasi-surface);
        z-index: 999999 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        box-shadow: none !important;
        border: none !important;
    }

    /* Ensure the close button and content are positioned correctly */
    .wp-block-navigation__responsive-close {
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 10 !important;
        background: var(--ptasi-surface);
        padding: 0.75rem 1rem !important;
        border: none !important;
        box-shadow: none !important;
    }

    .wp-block-navigation__responsive-dialog {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        box-shadow: none !important;
        border: none !important;
    }

    .wp-block-navigation__responsive-container-content {
        padding: 1rem 0 0 0 !important;
        margin: 0 !important;
        gap: 0 !important;
    }

    /* Close button styling - minimal with WCAG-compliant touch target */
    .wp-block-navigation__responsive-container-close {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0.75rem !important;
        min-width: 44px !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Mobile Navigation Container - Control list item layout, zero gaps */
    .wp-block-navigation__responsive-container .wp-block-navigation__container .wp-block-navigation-item {
        display: flex !important;
        align-items: stretch !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
        row-gap: 0 !important;
        column-gap: 0 !important;
        background: var(--ptasi-surface) !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Add breathing room between top-level items only */
    .wp-block-navigation__responsive-container .wp-block-navigation__container > .wp-block-navigation-item {
        margin-bottom: 0.6rem !important;
    }

    /* Remove margin from last top-level item */
    .wp-block-navigation__responsive-container .wp-block-navigation__container > .wp-block-navigation-item:last-child {
        margin-bottom: 0 !important;
    }

    /* Force zero margin on all navigation items at all levels */
    .wp-block-navigation__responsive-container .wp-block-navigation-item,
    .wp-block-navigation__responsive-container li {
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Links - Compact spacing, no shadows */
    .wp-block-navigation__responsive-container .wp-block-navigation-item a {
        display: flex !important;
        align-items: center !important;
        padding: 0.5rem 1.25rem !important;
        flex: 1;
        font-size: 0.95rem;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--ptasi-secondary);
        text-decoration: none;
        min-height: 40px;
        line-height: 1.3;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Submenu toggle button - Hide on mobile */
    .wp-block-navigation__responsive-container .wp-block-navigation-item .wp-block-navigation__submenu-icon,
    .wp-block-navigation__responsive-container .wp-block-navigation-item .wp-block-navigation-submenu__toggle {
        display: none !important;
    }

    /* Submenu container styling - flat white background, no gaps */
    .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        row-gap: 0 !important;
        column-gap: 0 !important;
        background: var(--ptasi-surface) !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Force remove any WordPress default spacing */
    .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container > * {
        margin: 0 !important;
    }

    /* Submenu items - Tighter spacing, indented */
    .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item {
        display: flex !important;
        align-items: stretch !important;
        padding: 0 !important;
        margin: 0 !important;
        background: var(--ptasi-surface) !important;
        box-shadow: none !important;
        border: none !important;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item a {
        padding: 0.45rem 1.25rem 0.45rem 2.25rem !important;
        font-size: 0.9rem;
        font-weight: 500;
        text-transform: none;
        min-height: 36px;
        line-height: 1.3;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }

    .ptasi-header-inner {
        padding-block: clamp(0.6rem, 4vw, 1.1rem);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
    }

    /* Logo + Title centered */
    .ptasi-header-brand {
        gap: 0.75rem;
        max-width: none;
        justify-content: center;
    }

    .ptasi-header-brand .wp-block-site-logo {
        width: 240px !important;
        flex-shrink: 0;
    }

    .ptasi-header-brand .wp-block-site-logo img {
        width: 240px !important;
        height: auto !important;
    }

    .ptasi-header-brand .wp-block-site-title,
    .ptasi-header-brand .wp-block-site-title a {
        font-size: 1rem;
        white-space: nowrap;
    }

    /* Navigation + Lang Switcher centered */
    .ptasi-header-inner > .wp-block-group {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.75rem;
        margin-left: 0;
    }

    /* Hide language switcher from inside mobile nav dropdown */
    .wp-block-navigation__responsive-container .ptasi-language-switcher {
        display: none !important;
    }

    .ptasi-language-switcher {
        padding: 0;
        border: none;
        margin: 0;
        display: flex !important;
    }

    .ptasi-language-switcher ul {
        margin: 0 !important;
    }

    /* Mobile menu button - Minimal icon style */
    .wp-block-navigation__responsive-container-open,
    .ptasi-header-nav .wp-block-navigation__responsive-container-open,
    button.wp-block-navigation__responsive-container-open {
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0.65rem;
        min-width: 48px;
        min-height: 48px;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        z-index: 10;
    }

    .wp-block-navigation__responsive-container-open:hover,
    .ptasi-header-nav .wp-block-navigation__responsive-container-open:hover {
        transform: scale(1.05);
    }

    .wp-block-navigation__responsive-container-open svg,
    .ptasi-header-nav .wp-block-navigation__responsive-container-open svg {
        width: 24px;
        height: 24px;
        display: block !important;
        color: var(--ptasi-secondary);
        transition: color 0.3s ease;
    }

    .wp-block-navigation__responsive-container-open:hover svg,
    .ptasi-header-nav .wp-block-navigation__responsive-container-open:hover svg {
        color: var(--ptasi-primary);
    }

    /* Focus state for accessibility */
    .wp-block-navigation__responsive-container-open:focus-visible,
    .ptasi-header-nav .wp-block-navigation__responsive-container-open:focus-visible {
        outline: 2px solid var(--ptasi-primary);
        outline-offset: 2px;
    }
}

/* Tablet-specific (landscape phones and small tablets) */
@media (min-width: 769px) and (max-width: 1024px) {
    .ptasi-header-brand .wp-block-site-logo {
        width: 345px !important;
    }

    .ptasi-header-brand .wp-block-site-logo img {
        width: 345px !important;
        height: auto !important;
    }

    .ptasi-header-brand .wp-block-site-title,
    .ptasi-header-brand .wp-block-site-title a {
        font-size: 1.05rem;
    }
}

@media (max-width: 768px) {
    .ptasi-header-inner {
        padding-inline: 1rem;
        gap: 0.65rem;
    }

    .ptasi-header-brand {
        gap: 0.5rem;
        justify-content: center;
    }

    .ptasi-header-brand .wp-block-site-logo {
        width: 286px !important;
    }

    .ptasi-header-brand .wp-block-site-logo img {
        width: 286px !important;
        height: auto !important;
    }

    .ptasi-header-brand .wp-block-site-title,
    .ptasi-header-brand .wp-block-site-title a {
        font-size: 0.9rem;
    }

    /* Navigation group centered */
    .ptasi-header-inner > .wp-block-group {
        gap: 0.5rem;
        justify-content: center;
    }

    .ptasi-language-switcher .lang-code {
        font-size: 0.7rem;
        padding: 0.3rem 0.5rem;
    }

    /* Mobile menu button - smaller screens */
    .wp-block-navigation__responsive-container-open {
        padding: 0.55rem;
        min-width: 44px;
        min-height: 44px;
    }

    .wp-block-navigation__responsive-container-open svg {
        width: 22px;
        height: 22px;
    }

    /* Mobile navigation - very compact on small screens */
    .wp-block-navigation__responsive-container .wp-block-navigation__container .wp-block-navigation-item a {
        padding: 0.4rem 1rem !important;
        font-size: 0.9rem;
        min-height: 36px;
        line-height: 1.2;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation-item .wp-block-navigation-submenu__toggle {
        padding: 0.4rem 0.5rem !important;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item a {
        padding: 0.35rem 1rem 0.35rem var(--space-8) !important;
        font-size: 0.85rem;
        min-height: 32px;
        line-height: 1.2;
    }

    /* Ensure uniform white background on all nested levels */
    .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        background: #ffffff !important;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item a {
        padding: 0.5rem 1rem 0.5rem 2.75rem !important;
    }
}

/* =============================================
   BLOCK STYLES - Moved to blocks.css
   ============================================= */



/* =============================================
   RESPONSIVE ADJUSTMENTS
   ============================================= */

/* =============================================
   ACCESSIBILITY ENHANCEMENTS
   ============================================= */

/* Phone CTA Block - Inverted Style */
.ptasi-phone-cta--inverted {
    background: var(--ptasi-text);
}

.ptasi-phone-cta--inverted .ptasi-phone-cta__heading {
    color: var(--ptasi-surface);
}

.ptasi-phone-cta--inverted .ptasi-phone-cta__phone {
    color: var(--ptasi-surface);
}

.ptasi-phone-cta--inverted .ptasi-phone-cta__subtext {
    color: rgb(var(--ptasi-surface-rgb) / 0.85);
}

.ptasi-phone-cta--inverted .ptasi-phone-cta__inner {
    background: rgb(var(--ptasi-surface-rgb) / 0.05);
    border: 1px solid rgb(var(--ptasi-surface-rgb) / 0.1);
}

/* Contact Details Block - Inverted Style */
.ptasi-contact-details--inverted {
    background: var(--ptasi-text);
}

.ptasi-contact-details--inverted .ptasi-section-heading__title {
    color: var(--ptasi-surface);
}

.ptasi-contact-details--inverted .ptasi-section-heading__subtitle {
    color: rgb(var(--ptasi-surface-rgb) / 0.85);
}

/* Language Switcher Block - Inverted Style */
.ptasi-language-switcher--inverted {
    background: var(--ptasi-text);
}

.ptasi-language-switcher--inverted .ptasi-language-switcher__title {
    color: var(--ptasi-surface);
}

/* =============================================
   SPACING UTILITIES
   ============================================= */

/* =============================================
   TEXT UTILITIES
   ============================================= */

/* Prevent line breaks - useful for airplane models, phone numbers, etc. */
.no-break,
.nowrap {
    white-space: nowrap !important;
}