/* 1. MAIN HEADER CONTAINER */
.global-header-container .brxe-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 20px !important;
}

/* 2. THE LOGO SCALING & MOBILE FIX */

/* Tablet/Small Desktop Scaling */
@media (max-width: 1250px) {
  html body .global-logo-scaler { 
    display: block !important;
    width: clamp(180px, 22vw, 320px) !important;
    height: auto !important;
    flex-shrink: 1 !important;
    max-width: 100% !important;
  }
}

/* Mobile Portrait - Final Calibration */
@media (max-width: 478px) {
  html body .global-logo-scaler {
    width: 220px !important; 
    min-width: 220px !important;
    
    flex-basis: 220px !important; 
    flex-shrink: 0 !important;
    
    /* This ensures the logo stays left and doesn't push the menu off-screen */
    margin-right: auto !important; 
  }

  /* Make sure the header container isn't forcing a wrap anymore */
  .global-header-container .brxe-container {
    flex-wrap: nowrap !important; 
    justify-content: space-between !important;
  }
}

  /* Ensure the SVG/Image inside isn't being restricted by its own settings */
  html body .global-logo-scaler svg,
  html body .global-logo-scaler img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }
}

/* 3. NAV TEXT & SPACING */
@media (max-width: 1180px) and (min-width: 990px) {
  .global-nav-links .blb-navigation {
    font-size: 18px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}

/* 4. ACTIVE LINK */
/* 4. ACTIVE LINK */

/* Force the links to have a 'base' state so the border has a place to live */
html body .blb-navigation {
    display: inline-block !important;
    text-decoration: none !important;
    border-bottom: 4px solid transparent !important;
}

/* Home Page */
html body.page-id-1251 .nav-home {
    border-bottom-color: var(--bricks-color-mslime) !important;
}

/* About Page */
html body.page-id-36 .nav-about {
    border-bottom-color: var(--bricks-color-mslime) !important;
}

/* Workshops Page */
html body.page-id-1045 .nav-workshops {
    border-bottom-color: var(--bricks-color-mslime) !important;
}

/* Mosaics Page */
html body.page-id-2279 .nav-workshops {
    border-bottom-color: var(--bricks-color-mslime) !important;
}

/* Resin Page */
html body.page-id-2196 .nav-workshops {
    border-bottom-color: var(--bricks-color-mslime) !important;
}

/* Fused Glass Page */
html body.page-id-2271 .nav-workshops {
    border-bottom-color: var(--bricks-color-mslime) !important;
}

/* Gallery Page */
html body.page-id-1233 .nav-gallery {
    border-bottom-color: var(--bricks-color-mslime) !important;
}

/* Contact Page */
html body.page-id-38 .nav-contact {
    border-bottom-color: var(--bricks-color-mslime) !important;
}

/* Testimonials Page */
html body.page-id-1434 .nav-home {
    border-bottom-color: transparent !important;
}