/* Mobile fixes for cart indicator and other mobile layout issues */

/* Fix cart indicator positioning on mobile devices */
@media (max-width: 767px) {
    .indicator__value {
        top: -8px !important;
        margin-left: -3px !important;
        margin-right: -5px !important;
        font-size: 9px !important;
        height: 13px !important;
        line-height: 13px !important;
        min-width: 13px !important;
        text-align: center;
        z-index: 10;
    }
    
    .indicator--mobile .indicator__area {
        position: relative;
        overflow: visible;
    }
    
    .indicator--mobile .indicator__button {
        padding: 8px;
        margin: 0;
        position: relative;
    }
    
    /* Ensure the indicator doesn't overflow container */
    .mobile-header__indicators {
        position: relative;
        z-index: 5;
    }
    
    /* Fix mobile header spacing */
    .mobile-header {
        overflow: visible;
    }
    
    /* Prevent horizontal scroll caused by indicator */
    .mobile-header__body {
        overflow-x: visible;
        position: relative;
    }
}

/* Extra small devices (phones in portrait) */
@media (max-width: 575px) {
    .indicator__value {
        top: -6px !important;
        font-size: 8px !important;
        height: 12px !important;
        line-height: 12px !important;
        min-width: 12px !important;
        padding: 0 3px !important;
    }
}

/* Fix for contact page specifically if needed */
.contact-us .indicator__value {
    position: relative;
    z-index: 10;
}