/* ===================================================================
 * Connectix Override - Logo sizing by breakpoints
 * Date: 2025-08-18
 * -------------------------------------------------------------------
 * This file overrides the default --logo-width used by the header logo.
 * Include it AFTER your existing css/styles.css.
 * =================================================================== */
 
/* Base (>= 1200px) */
.s-header {
  --logo-width: 32rem;   /* ≈ 320px if 1rem ~ 10px in your scale */
}

/* ≤ 1200px */
@media (max-width: 1200px) {
  .s-header { --logo-width: 28rem; } /* ~280px */
}

/* ≤ 800px */
@media (max-width: 800px) {
  .s-header { --logo-width: 22rem; } /* ~220px */
}

/* ≤ 600px */
@media (max-width: 600px) {
  .s-header { --logo-width: 18rem; } /* ~180px */
}

/* ≤ 400px */
@media (max-width: 400px) {
  .s-header { --logo-width: 16rem; } /* ~160px */
}

/* Ensure height scales proportionally when theme sets width via variable */
.s-header__logo img {
  height: auto;
}