/* ============================================
   MOBILE INTERNAL PAGES FIX
   ============================================ */

@media (max-width: 768px) {
    /* Increase top spacing for non-homepage pages */
    body:not(.home) .site-content {
        padding-top: 30vw !important; /* More space from header */
    }
    
    /* Fix barbus-top to not be hidden under fixed header */
    body .barbus-top {
        margin-top: 13vw !important; /* Extremely compact spacing against the sticky header */
    }
    
    /* Breadcrumbs - MUCH larger font and proper spacing */
    body .barbus-top .barbus-breadcrumb {
        font-size: 3.5vw !important; /* Legible standard text size on mobile */
        line-height: 1.6 !important;
        padding: 0 5.3vw 0 5.3vw !important; /* Removed huge top/bottom paddings */
        margin-bottom: 0vw !important; /* ZERO gap beneath breadcrumbs */
        background: transparent !important;
        color: #7a8292 !important; /* Muted cool grey for breadcrumbs */
    }
    
    body .barbus-top .barbus-breadcrumb .wrapper {
        width: 100% !important;
        padding: 0 !important; /* Remove double padding so it aligns precisely with the title */
    }
    
    /* FORCE all yoast spans, wrapping tags, and links to scale with parent */
    body .barbus-top .barbus-breadcrumb * {
        font-size: inherit !important; 
    }
    
    body .barbus-top .barbus-breadcrumb a {
        color: #7a8292 !important; /* Dark grey */
        text-decoration: none !important;
    }
    
    body .barbus-top .barbus-breadcrumb .breadcrumb_last {
        color: #7a8292 !important; /* Dark grey */
    }
    
    /* Page title - proper spacing and prevent cutoff */
    body .barbus-top .barbus-page-title {
        font-size: 8vw !important; /* Increased from 7vw */
        line-height: 1.3 !important;
        padding: 0 5.3vw !important; /* Removed top padding to shrink gap */
        margin-bottom: 2vw !important; /* Tighter baseline spacing */
        text-align: left !important;
        font-weight: 700 !important;
        color: #002250 !important;
    }
    
    body .barbus-top .barbus-page-title .wrapper {
        width: 100% !important;
        padding: 0 !important;
    }
    
    /* Remove gray line artifact under title */
    body .barbus-top .barbus-page-title::after,
    body .barbus-top .barbus-page-title .wrapper::after {
        display: none !important;
    }
    
    /* Tabs - proper spacing from title and larger font */
    .brands-tab,
    .category__list {
        margin-top: 8vw !important; /* Increased spacing */
        padding: 0 5.3vw !important;
    }
    
    /* Tab buttons - better sizing and readability */
    .brands-tab .tabs-nav {
        display: flex !important;
        gap: 3vw !important; /* Increased gap */
        margin-bottom: 8vw !important;
        flex-wrap: wrap !important; /* Allow wrapping if needed */
    }
    
    .brands-tab .tabs-nav button {
        font-size: 4.2vw !important; /* Increased from 3.8vw */
        padding: 3.5vw 6vw !important; /* More padding */
        border-radius: 2vw !important;
        line-height: 1.4 !important;
        font-weight: 500 !important;
    }
    
    /* Content sections - proper spacing */
    .brands-columns,
    .category__content {
        padding: 0 5.3vw !important;
        margin-top: 8vw !important;
    }
    
    /* Section headings */
    h2 {
        font-size: 6.5vw !important; /* Slightly increased */
        line-height: 1.3 !important;
        margin-bottom: 5vw !important;
    }
    
    /* Brand page specific fixes */
    .brands-template-default .site-content {
        padding-top: 30vw !important; /* Match other internal pages */
    }
    
    /* Category list items - better sizing */
    .category__list li {
        margin-bottom: 3vw !important;
    }
    
    .category__list li a {
        padding: 4vw 3vw !important;
        font-size: 4vw !important;
        line-height: 1.4 !important;
    }
    
    .category__list li .category-container-text p.category__name {
        font-size: 4.2vw !important;
        line-height: 1.3 !important;
    }
}