/* Mobile Top Bar - Debug Version */
@media (max-width: 991px) {
    /* Header Contact Container */
    .header-contact {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: var(--mobile-top-bar-height, 44px) !important;
        background: #81d742 !important;
        z-index: 10000 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-left: calc(env(safe-area-inset-left) + clamp(6px, 3vw, 16px)) !important;
        padding-right: calc(env(safe-area-inset-right) + clamp(6px, 3vw, 16px)) !important;
    }

    .header-contact .header-container-wrapper {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        gap: clamp(8px, 4vw, 18px) !important;
    }

    /* Contact Items - Email and Delivery */
    .header-contact .contact-item {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: clamp(36px, 10vw, 44px) !important;
        height: clamp(36px, 10vw, 44px) !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.22) !important;
        border: 1px solid rgba(255, 255, 255, 0.28) !important;
        color: #2034ad !important;
        text-decoration: none !important;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.14) !important;
    }

    /* SVG Icons */
    .header-contact .contact-item svg {
        width: 20px !important;
        height: 20px !important;
        display: block !important;
    }

    .header-contact .contact-item svg * {
        stroke: currentColor !important;
    }

    /* Hide text on mobile */
    .header-contact .contact-text,
    .header-contact .delivery-text {
        display: none !important;
    }

    /* Position email section on left - MUST override position:absolute from base-inline-critical */
    .header-contact .contact-item.email-section {
        position: absolute !important;
        left: calc(env(safe-area-inset-left) + clamp(6px, 3vw, 18px)) !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
    }

    /* Make email icon smaller to balance with delivery icon */
    .header-contact .email-section svg.contact-icon,
    .header-contact .email-section .contact-icon {
        width: 16px !important;
        height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
    }

    /* Position delivery section on right - MUST override position:absolute from base-inline-critical */
    .header-contact .contact-item.delivery-section {
        position: absolute !important;
        right: calc(env(safe-area-inset-right) + clamp(6px, 3vw, 18px)) !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
    }

    /* PROMOTII Button in center */
    .header-contact .buton-reduceri {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        text-decoration: none !important;
        z-index: 2 !important;
    }

    .header-contact .buton-reduceri .promotii-reduceri {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 6px 22px !important;
        min-height: 34px !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #ff4d4f 0%, #ff0000 100%) !important;
        color: #fff !important;
        font-size: clamp(13px, 3.6vw, 15px) !important;
        font-weight: 700 !important;
        letter-spacing: 0.6px !important;
        text-transform: uppercase !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        box-shadow: 0 6px 16px rgba(255, 0, 0, 0.25) !important;
    }

    .header-contact .buton-reduceri .promotii-reduceri .promotii-label {
        display: block !important;
    }

    .header-contact .buton-reduceri .promotii-reduceri .promotii-flash-icon {
        width: 14px !important;
        height: 14px !important;
        color: #fff !important;
    }

    .header-contact .buton-reduceri .buton-reduceri-child {
        display: none !important;
    }
}