/* SAQ — Apparence : noir / or du logo / bleu nuit, titres serif éditoriaux */
:root {
  --saq-or: #c79a4b;
  --saq-or-clair: #d8af69;
  --saq-nuit: #132c40;
  --saq-nuit-fonce: #0c1a26;
  --saq-encre: #1d2733;
  --saq-fond: #fbf9f5;
  --global-heading-font-family: "Playfair Display", Georgia, serif;
  --global-body-font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
  --global-palette1: #c79a4b;
  --global-palette2: #132c40;
  --global-palette3: #1d2733;
}

body { background: var(--saq-fond); color: var(--saq-encre); }

/* ---------- En-tête ---------- */
.site-main-header-wrap,
.site-bottom-header-wrap {
  background: #05080c !important;
  border-bottom: 2px solid var(--saq-or);
}
.site-header .site-title,
.site-header .site-branding .site-title {
  font-family: "Playfair Display", Georgia, serif;
  color: var(--saq-or-clair) !important;
  letter-spacing: .01em;
}
.site-header .main-navigation a,
.site-header .header-navigation a {
  color: #f2ede4 !important;
  font-weight: 500;
}
.site-header .main-navigation a:hover,
.site-header .main-navigation .current-menu-item > a {
  color: var(--saq-or-clair) !important;
}

/* ---------- Titres ---------- */
h1, h2, h3, .entry-title, .page-title {
  font-family: "Playfair Display", Georgia, serif;
  color: var(--saq-nuit-fonce);
}
a { color: var(--saq-or); }
a:hover { color: var(--saq-nuit); }

/* ---------- Cartes d'articles (accueil et archives) ---------- */
.loop-entry {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(12, 26, 38, .08);
  transition: transform .18s ease, box-shadow .18s ease;
}
.loop-entry:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(12, 26, 38, .14);
}
.loop-entry .entry-title { font-size: 1.35rem; line-height: 1.25; }
.loop-entry .entry-title a { color: var(--saq-nuit-fonce); text-decoration: none; }
.loop-entry .entry-title a:hover { color: var(--saq-or); }
.entry-category, .loop-entry .entry-taxonomies a, .entry-meta .category-links a {
  color: var(--saq-or) !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .72rem;
}

/* ---------- Boutons ---------- */
.button, button.button, input[type="submit"], .wp-block-button__link {
  background: var(--saq-nuit) !important;
  color: #fff !important;
  border-radius: 999px;
  font-weight: 600;
}
.button:hover, .wp-block-button__link:hover {
  background: var(--saq-or) !important;
  color: #0c1a26 !important;
}

/* ---------- Article ---------- */
.single .entry-content h2 {
  border-left: 4px solid var(--saq-or);
  padding-left: .6em;
  margin-top: 1.6em;
}
.single .entry-content blockquote {
  border-left: 4px solid var(--saq-or);
  background: #fff;
  padding: 1em 1.2em;
  border-radius: 0 10px 10px 0;
  font-style: italic;
}
.single .entry-content iframe,
.single .entry-content video {
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(12, 26, 38, .18);
}
::selection { background: var(--saq-or-clair); color: #0c1a26; }

/* ---------- Pied de page ---------- */
.site-footer, .site-bottom-footer-wrap {
  background: var(--saq-nuit-fonce) !important;
  color: #cfd8e0;
  border-top: 2px solid var(--saq-or);
}
.site-footer a { color: var(--saq-or-clair); }
.site-footer a:hover { color: #fff; }

/* ---------- Accueil façon Tricolore ---------- */
.saq-home { max-width: 1240px; margin: 0 auto; padding: 28px 20px 10px; }
.saq-meta {
  color: var(--saq-or); font-weight: 600; text-transform: uppercase;
  letter-spacing: .05em; font-size: .7rem;
}
.saq-hero {
  display: grid; grid-template-columns: 2fr 1fr; gap: 22px; margin-bottom: 40px;
}
.saq-hero-big { border-radius: 14px; overflow: hidden; background: #fff;
  box-shadow: 0 4px 22px rgba(12,26,38,.12); }
.saq-hero-big a { text-decoration: none; }
.saq-hero-big img { width: 100%; aspect-ratio: 3/2; object-fit: cover; display: block; }
.saq-hero-big-text { padding: 18px 22px 20px; }
.saq-hero-big h2 { font-size: 1.9rem; line-height: 1.2; margin: 8px 0; color: var(--saq-nuit-fonce); }
.saq-hero-big p { color: #445361; margin: 0; }
.saq-hero-side { display: flex; flex-direction: column; gap: 14px; }
.saq-hero-small { background: #fff; border-radius: 12px; overflow: hidden;
  box-shadow: 0 2px 12px rgba(12,26,38,.08); flex: 1; }
.saq-hero-small a { display: flex; gap: 12px; text-decoration: none; align-items: stretch; }
.saq-hero-small img { width: 118px; object-fit: cover; display: block; }
.saq-hero-small div { padding: 10px 12px 10px 0; }
.saq-hero-small h3 { font-size: 1rem; line-height: 1.3; margin: 4px 0 0; color: var(--saq-nuit-fonce); }
.saq-section { margin-bottom: 42px; }
.saq-section-title {
  font-size: 1.7rem; margin: 0 0 18px; padding-bottom: 8px;
  border-bottom: 3px solid var(--saq-or); color: var(--saq-nuit-fonce);
}
.saq-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.saq-card { background: #fff; border-radius: 12px; overflow: hidden;
  box-shadow: 0 2px 12px rgba(12,26,38,.08);
  transition: transform .18s ease, box-shadow .18s ease; }
.saq-card:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(12,26,38,.14); }
.saq-card a { text-decoration: none; }
.saq-card img { width: 100%; aspect-ratio: 3/2; object-fit: cover; display: block; }
.saq-card-body { padding: 12px 16px 16px; }
.saq-card h3 { font-size: 1.08rem; line-height: 1.3; margin: 5px 0 0; color: var(--saq-nuit-fonce); }
@media (max-width: 900px) {
  .saq-hero { grid-template-columns: 1fr; }
  .saq-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .saq-cards { grid-template-columns: 1fr; }
}

/* ---------- Menu collé au logo (en-tête bureau) ---------- */
.site-header-wrap .site-main-header-inner-wrap.site-header-row {
  display: flex !important;
  align-items: center;
  gap: 30px;
}
.site-header-wrap .site-header-main-section-left { order: 1; flex: 0 0 auto; }
.site-header-wrap .site-header-main-section-right { order: 2; flex: 0 0 auto; }
.site-header-wrap .site-header-main-section-center { order: 3; flex: 0 0 auto; margin-left: auto; }
.site-header-wrap .site-header-main-section-left-center,
.site-header-wrap .site-header-main-section-right-center { display: none !important; }
.site-header-wrap .main-navigation .primary-menu-container > ul {
  display: flex; gap: 26px; align-items: center;
}

/* ---------- Mobile : en-tête bureau forcé (menu visible à droite du logo) ---------- */
@media (max-width: 1024px) {
  .site-mobile-header-wrap { display: none !important; }
  .site-header-wrap { display: block !important; }
  .site-header-wrap .site-main-header-inner-wrap.site-header-row {
    gap: 12px; padding-top: 6px; padding-bottom: 6px;
  }
  .site-header-wrap .custom-logo { max-height: 50px; width: auto; }
  .site-header-wrap .main-navigation a { font-size: 13px; }
  .site-header-wrap .main-navigation .primary-menu-container > ul { gap: 13px; }
  .site-header-wrap .site-header-main-section-center { display: none !important; }
}

/* ---------- Mobile étroit : les 4 liens doivent tenir à côté du logo ---------- */
@media (max-width: 1024px) {
  .site-header-wrap .header-search-wrap,
  .site-header-wrap .search-toggle-open-container,
  .site-header-wrap .header-search-toggle { display: none !important; }
  .site-header-wrap .site-main-header-inner-wrap.site-header-row {
    flex-wrap: nowrap; overflow: visible;
  }
  .site-header-wrap .main-navigation a { white-space: nowrap; }
}
@media (max-width: 560px) {
  .site-header-wrap .custom-logo { max-height: 38px; }
  .site-header-wrap .site-main-header-inner-wrap.site-header-row { gap: 10px; }
  .site-header-wrap .main-navigation a { font-size: 12px; }
  .site-header-wrap .main-navigation .primary-menu-container > ul { gap: 10px; }
  .site-header-wrap .site-branding { flex: 0 0 auto; }
}

/* ---------- Très étroit (~320-560 px) : compression maximale de l'en-tête ---------- */
@media (max-width: 560px) {
  .site-header-wrap .site-header-row-container-inner { padding-left: 8px; padding-right: 8px; }
  .site-header-wrap .custom-logo { max-height: 30px; }
  .site-header-wrap .site-main-header-inner-wrap.site-header-row { gap: 8px; }
  .site-header-wrap .main-navigation a { font-size: 11px; }
  .site-header-wrap .main-navigation .primary-menu-container > ul { gap: 8px; }
  .site-header-wrap .site-header-main-section-right { min-width: 0; }
}

/* ---------- Très étroit v2 : forcer logo et liens à rentrer (~320 px) ---------- */
@media (max-width: 560px) {
  .site-header-wrap .site-branding img.custom-logo,
  .site-header-wrap img.custom-logo {
    height: 28px !important; width: auto !important; max-width: 70px !important;
  }
  .site-header-wrap .site-header-section { padding-left: 0 !important; padding-right: 0 !important; }
  .site-header-wrap .site-main-header-inner-wrap.site-header-row { gap: 7px !important; }
  .site-header-wrap .main-navigation a { font-size: 10.5px !important; letter-spacing: -0.01em; }
  .site-header-wrap .main-navigation .primary-menu-container > ul { gap: 7px !important; }
  .site-header-wrap .site-header-row-container-inner { padding-left: 6px !important; padding-right: 6px !important; }
}

/* ---------- Très étroit v3 : les derniers pixels (~320 px) ---------- */
@media (max-width: 560px) {
  .site-header-wrap .site-branding img.custom-logo,
  .site-header-wrap img.custom-logo { height: 24px !important; max-width: 56px !important; }
  .site-header-wrap .main-navigation a { font-size: 10px !important; letter-spacing: -0.03em; }
  .site-header-wrap .main-navigation .primary-menu-container > ul { gap: 6px !important; }
  .site-header-wrap .site-main-header-inner-wrap.site-header-row { gap: 6px !important; }
  .site-header-wrap .site-header-row-container-inner { padding-left: 4px !important; padding-right: 4px !important; }
}

/* ---------- Logo lisible sur cellulaire (v1.2.7) ---------- */
@media (max-width: 1024px) {
  .site-header-wrap .custom-logo { max-height: 60px; }
}
@media (max-width: 560px) {
  .site-header-wrap .site-branding img.custom-logo,
  .site-header-wrap img.custom-logo {
    height: auto !important; max-height: 46px !important; max-width: 110px !important;
  }
  .site-header-wrap .main-navigation a { font-size: 11.5px !important; letter-spacing: normal; }
  .site-header-wrap .main-navigation .primary-menu-container > ul { gap: 9px !important; }
  .site-header-wrap .site-main-header-inner-wrap.site-header-row { gap: 10px !important; }
  .site-header-wrap .site-header-row-container-inner { padding-left: 8px !important; padding-right: 8px !important; }
}
@media (max-width: 340px) {
  .site-header-wrap .site-branding img.custom-logo,
  .site-header-wrap img.custom-logo {
    max-height: 26px !important; max-width: 60px !important;
  }
  .site-header-wrap .main-navigation a { font-size: 10px !important; letter-spacing: -0.03em; }
  .site-header-wrap .main-navigation .primary-menu-container > ul { gap: 6px !important; }
  .site-header-wrap .site-main-header-inner-wrap.site-header-row { gap: 6px !important; }
  .site-header-wrap .site-header-row-container-inner { padding-left: 4px !important; padding-right: 4px !important; }
}

/* ---------- En-tête « à la Tricolore » (v1.3.0) ---------- */
.site-header-wrap { position: relative; }
.site-header-wrap .site-main-header-inner-wrap.site-header-row {
  flex-wrap: wrap !important; row-gap: 4px; padding-top: 10px; padding-bottom: 8px;
}
.site-header-wrap .site-header-main-section-left {
  order: 1; flex: 1 1 100% !important; display: flex; justify-content: center;
}
.site-header-wrap .site-branding img.custom-logo,
.site-header-wrap img.custom-logo {
  height: 120px !important; max-height: 120px !important; max-width: none !important; width: auto !important;
}
.site-header-wrap .site-header-main-section-center {
  display: block !important; position: absolute; right: 18px; top: 26px; margin: 0 !important;
}
.site-header-wrap .site-header-main-section-right {
  order: 2; flex: 1 1 100% !important; margin-left: 0 !important; display: flex; align-items: center;
}
.site-header-wrap .site-header-item-main-navigation { order: 1; }
.site-header-wrap .site-header-main-section-right .site-header-item:not(.site-header-item-main-navigation) {
  order: 2; margin-left: auto;
}
.site-header-wrap .main-navigation a { text-transform: uppercase; font-weight: 600; letter-spacing: .04em; }
@media (max-width: 1024px) {
  .site-header-wrap .site-branding img.custom-logo,
  .site-header-wrap img.custom-logo { height: 100px !important; max-height: 100px !important; }
  .site-header-wrap .site-header-main-section-center { top: 20px; }
}
@media (max-width: 560px) {
  .site-header-wrap .site-branding img.custom-logo,
  .site-header-wrap img.custom-logo { height: 84px !important; max-height: 84px !important; }
  .site-header-wrap .main-navigation a { font-size: 13px !important; }
  .site-header-wrap .site-header-main-section-center { top: 14px; right: 12px; }
}
@media (max-width: 340px) {
  .site-header-wrap .site-branding img.custom-logo,
  .site-header-wrap img.custom-logo { height: 72px !important; max-height: 72px !important; }
  .site-header-wrap .main-navigation a { font-size: 11.5px !important; }
}

/* ---------- Menu sur une seule ligne (v1.3.1) ---------- */
.site-header-wrap .main-navigation .primary-menu-container > ul { flex-wrap: nowrap !important; }
.site-header-wrap .site-header-item-main-navigation { min-width: 0; }
@media (max-width: 560px) {
  .site-header-wrap .main-navigation a {
    font-size: 11.5px !important; letter-spacing: 0;
    padding-left: 5px !important; padding-right: 5px !important;
  }
  .site-header-wrap .main-navigation .primary-menu-container > ul { gap: 8px !important; }
}
@media (max-width: 360px) {
  .site-header-wrap .main-navigation a { font-size: 10.5px !important; }
}

/* ---------- v1.4.0 : titres de sections en BANNIÈRES bleu nuit / or (comme Tri) ---------- */
.saq-section-title {
  background: var(--saq-nuit); color: var(--saq-or-clair);
  text-transform: uppercase; letter-spacing: .03em;
  border-bottom: none; border-radius: 10px;
  padding: 12px 18px; margin: 0 0 18px;
  display: flex; justify-content: space-between; align-items: center;
}
.saq-section-title > a:first-child { color: var(--saq-or-clair); text-decoration: none; }
.saq-section-title a.saq-voir-tout {
  background: var(--saq-or); color: #0c1a26; text-decoration: none;
  font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
  font-size: 15px; font-weight: 700; letter-spacing: .02em;
  text-transform: none; white-space: nowrap;
  padding: 10px 20px; border-radius: 999px; margin-left: 16px;
}
.saq-section-title a.saq-voir-tout:hover { background: var(--saq-or-clair); color: #0c1a26; }
@media (max-width: 560px) {
  .saq-section-title { padding: 10px 12px; font-size: 1.35rem; }
  .saq-section-title a.saq-voir-tout { font-size: 13.5px; padding: 8px 14px; margin-left: 10px; }
}

/* ---------- v1.4.0 : gabarit d'article + barre latérale (comme Tri) ---------- */
.saq-article-layout {
  max-width: 1240px; margin: 0 auto; padding: 28px 20px 10px;
  display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 26px; align-items: start;
}
.saq-article-main {
  background: #fff; border: 1px solid #e7e0d2;
  border-radius: 14px; padding: 26px 28px; min-width: 0;
  box-shadow: 0 2px 14px rgba(12, 26, 38, .08);
}
.saq-article-title { font-size: 2rem; line-height: 1.2; margin: 6px 0 14px; }
.saq-article-img { width: 100%; height: auto; border-radius: 10px; margin-bottom: 18px; }
.saq-article-content { font-size: 17px; line-height: 1.65; }
.saq-share {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin: 24px 0 4px; font-weight: 700;
  font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
}
.saq-share a {
  color: #fff !important; text-decoration: none;
  padding: 8px 18px; border-radius: 999px; font-size: 14px; font-weight: 700;
}
.saq-share-fb { background: var(--saq-nuit); }
.saq-share-fb:hover { background: var(--saq-nuit-fonce); }
.saq-share-x { background: #000; }
.saq-share-in { background: #0a66c2; }
.saq-sidebar { display: flex; flex-direction: column; gap: 18px; position: sticky; top: 18px; }
.saq-side-box {
  background: #fff; border: 1px solid #e7e0d2; border-radius: 14px;
  padding: 16px 18px; box-shadow: 0 2px 12px rgba(12, 26, 38, .08);
}
.saq-side-title {
  font-size: 1.05rem; text-transform: uppercase; letter-spacing: .03em;
  border-bottom: 3px solid var(--saq-or);
  padding-bottom: 7px; margin: 0 0 12px; color: var(--saq-nuit-fonce);
}
.saq-side-search { display: flex; gap: 8px; }
.saq-side-search input[type="search"] {
  flex: 1; min-width: 0; padding: 9px 12px; border: 1px solid #ddd5c3;
  border-radius: 9px; font-size: 14.5px;
  font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
}
.saq-side-search button {
  background: var(--saq-nuit); color: #fff; border: none; cursor: pointer;
  font-weight: 700; font-size: 14px; padding: 9px 14px; border-radius: 9px;
}
.saq-side-search button:hover { background: var(--saq-or); color: #0c1a26; }
.saq-mini { border-bottom: 1px solid #eee7d8; padding-bottom: 10px; margin-bottom: 10px; }
.saq-mini:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.saq-mini a {
  display: grid; grid-template-columns: 64px 1fr; gap: 10px;
  text-decoration: none; align-items: start;
}
.saq-mini img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; display: block; }
.saq-mini-body h3 { font-size: 14px; line-height: 1.3; margin: 3px 0 0; color: var(--saq-nuit-fonce); }
.saq-mini .saq-meta { font-size: .62rem; }
.saq-side-links { list-style: none; margin: 0; padding: 0; }
.saq-side-links li { border-bottom: 1px solid #eee7d8; }
.saq-side-links li:last-child { border-bottom: none; }
.saq-side-links a {
  display: block; padding: 8px 2px; text-decoration: none;
  color: var(--saq-encre); font-weight: 600; font-size: 15px;
}
.saq-side-links a:hover { color: var(--saq-or); }
.saq-follow {
  display: block; text-align: center; color: #fff !important; text-decoration: none;
  font-weight: 700; font-size: 14.5px; padding: 10px 14px; border-radius: 9px; margin-top: 10px;
}
.saq-follow-fb { background: var(--saq-nuit); }
.saq-follow-fb:hover { background: var(--saq-or); color: #0c1a26 !important; }
@media (max-width: 900px) {
  .saq-article-layout { grid-template-columns: 1fr; }
  .saq-sidebar { position: static; }
  .saq-article-main { padding: 20px 16px; }
  .saq-article-title { font-size: 1.55rem; }
}

/* ---------- v1.4.11 — Barre mince, ajustements de Daniel (26 oct. 2026) : logo AGRANDI (76 px) et icône Facebook placée AVANT le bouton recherche, à droite ---------- */
@media (min-width: 1025px) {
  .site-header-wrap .site-main-header-inner-wrap.site-header-row {
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 26px !important;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  /* Le logo, à gauche, agrandi */
  .site-header-wrap .site-header-main-section-left {
    order: 1 !important; flex: 0 0 auto !important;
    display: flex !important; align-items: center !important;
  }
  .site-header-wrap .site-branding { display: flex !important; align-items: center !important; }
  /* v1.4.11 — Logo AGRANDI par rognage CSS : le badge ne remplit que ~80 %
     de son image carrée (marges noires mesurées : x 120-940, y 96-976 sur 1024).
     On affiche l'image à 122 px dans un médaillon circulaire de 104 px qui
     rogne les marges mortes — le badge visible passe de ~62 px à ~98 px. */
  .site-header-wrap .site-branding a.brand {
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 104px !important; height: 104px !important; flex: 0 0 auto !important;
    border-radius: 50% !important; overflow: hidden !important;
  }
  .site-header-wrap .site-branding img.custom-logo,
  .site-header-wrap img.custom-logo {
    height: 101px !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important;
  }
  /* La section de droite est dissoute : le menu, Facebook et la recherche
     deviennent des éléments directs de la rangée (ordre contrôlé ici). */
  .site-header-wrap .site-header-main-section-right {
    display: contents !important;
  }
  /* Le menu, sur la même ligne, juste après le logo */
  .site-header-wrap .site-header-item-main-navigation { order: 2 !important; }
  .site-header-wrap .main-navigation .primary-menu-container > ul {
    justify-content: flex-start !important; gap: 24px !important; flex-wrap: nowrap !important;
  }
  /* Facebook, à droite de la barre, AVANT la recherche */
  .site-header-wrap .site-header-main-section-center {
    /* v1.4.10 : la section centrale était en position:absolute (règle v1.3.0,
       right:18px par rapport à l'en-tête pleine largeur) — d'où Facebook figé
       au bord droit de l'écran dans toutes les versions. On la remet dans le flux. */
    position: static !important; top: auto !important; right: auto !important;
    display: flex !important; align-items: center !important;
    order: 3 !important; flex: 0 0 auto !important;
    margin-left: auto !important; margin-right: 0 !important; align-self: center !important;
  }
  .site-header-wrap .header-social-wrap { margin-left: 0 !important; }
  /* La recherche, tout au bout à droite */
  .site-header-wrap .site-header-item:has(.search-toggle-open-container) {
    order: 4 !important; margin-left: 0 !important; align-self: center !important;
  }
}

  /* (les règles mobiles de la barre sont à la fin du fichier) */

/* ---------- v1.4.13 — Barre mince AUSSI sur mobile (demande de Daniel, 26 oct. 2026) :
   même ligne unique qu'au bureau — logo médaillon à gauche, menu sur la ligne,
   Facebook au bout à droite (la loupe reste masquée sur mobile). Neutralise
   l'ancien en-tête empilé hérité (logo centré pleine largeur + FB absolu). ---------- */
@media (max-width: 1024px) {
  .site-header-wrap .site-main-header-inner-wrap.site-header-row {
    flex-wrap: nowrap !important; align-items: center !important;
    gap: 8px !important; row-gap: 0 !important;
    padding-top: 6px !important; padding-bottom: 6px !important;
  }
  .site-header-wrap .site-header-main-section-left {
    order: 1 !important; flex: 0 0 auto !important; justify-content: flex-start !important;
  }
  .site-header-wrap .site-branding a.brand {
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 46px !important; height: 46px !important; flex: 0 0 auto !important;
    border-radius: 50% !important; overflow: hidden !important;
  }
  .site-header-wrap .site-branding img.custom-logo,
  .site-header-wrap img.custom-logo {
    height: 45px !important; max-height: none !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important;
  }
  .site-header-wrap .site-header-main-section-right {
    order: 2 !important; flex: 0 1 auto !important; min-width: 0 !important;
    display: flex !important; align-items: center !important; margin-left: 0 !important;
  }
  .site-header-wrap .site-header-item-main-navigation { order: 1 !important; }
  .site-header-wrap .main-navigation .primary-menu-container > ul {
    flex-wrap: nowrap !important; gap: 7px !important; justify-content: flex-start !important;
  }
  .site-header-wrap .main-navigation a { font-size: 10.5px !important; letter-spacing: 0 !important; white-space: nowrap !important; }
  .site-header-wrap .site-header-item { margin-right: 0 !important; }
  .site-header-wrap .site-header-main-section-center {
    position: static !important; top: auto !important; right: auto !important;
    display: flex !important; align-items: center !important;
    order: 3 !important; flex: 0 0 auto !important; margin: 0 0 0 auto !important;
  }
}
@media (max-width: 400px) {
  .site-header-wrap .main-navigation a { font-size: 10px !important; }
  .site-header-wrap .main-navigation .primary-menu-container > ul { gap: 6px !important; }
  .site-header-wrap .site-main-header-inner-wrap.site-header-row { gap: 6px !important; }
  .site-header-wrap .site-branding a.brand { width: 40px !important; height: 40px !important; }
  .site-header-wrap .site-branding img.custom-logo,
  .site-header-wrap img.custom-logo { height: 39px !important; }
}


/* ---------- v1.4.14 — Barre FIGÉE en haut au défilement, comme La Presse (demande de Daniel, 26 oct. 2026) ---------- */

/* ---------- v1.4.15 — Barre figée, correctif : l'élément collant doit être
   le <header id="masthead"> lui-même. Son enfant .site-header-wrap ne peut pas
   coller : son parent (le header) a exactement sa hauteur, donc aucune marge
   de déplacement. Le header, lui, a pour parent l'enveloppe pleine page. ---------- */
.site-header-wrap { position: relative !important; }
#masthead { position: sticky !important; top: 0; z-index: 999; }

/* ---------- v1.4.17 — Ligne blanche au-dessus de la barre : tentative douce.
   On NE masque RIEN (le display:none de la v1.4.16 a coïncidé avec la disparition
   de l'en-tête dans les contrôles visuels, retour à la v1.4.15 effectué).
   Ici : on peint le fond du #masthead en noir et on neutralise le fond de la
   rangée supérieure vide — si la bande claire se trouve dans l'en-tête,
   elle devient noire, sans toucher à la structure ni aux hauteurs. ---------- */
#masthead { background: #000000; }
.site-header-upper-wrap { background: transparent !important; }

/* ---------- v1.4.18 — Test : retrait des décalages admin-bar du sticky (voir v1.4.15). ---------- */

/* ---------- v1.4.19 — Espace mort au-dessus de la rangée du logo.
   .site-header-upper-wrap contient toute la barre (la rangée principale est
   sa descendante — d'où la disparition complète avec le display:none de la
   v1.4.16). display:contents supprime la BOÎTE de cette enveloppe sans
   toucher à ses enfants : si l'espace vide vient de sa boîte, il disparaît
   et la barre reste entière. ---------- */
.site-header-wrap .site-header-upper-wrap { display: contents !important; }
/* ---------- v1.4.20 — Nettoyage sticky : retrait RÉEL (vérifié ligne par ligne)
   des décalages admin-bar et du bloc sticky résiduel v1.4.14. Le retrait tenté
   en v1.4.18 avait échoué en silence (chaîne avec espace de tête introuvable). ---------- */

/* ---------- v1.4.21 — Barre figée : visiteurs seulement.
   Le décalage admin-bar (top:32px) créait l'espace mort au chargement ;
   sans décalage, la barre figée glisse SOUS la barre d'administration
   WordPress au défilement et rogne le haut du logo pour les connectés.
   Solution : en vue administration, l'en-tête redevient normal (il défile) ;
   les visiteurs gardent la barre figée en haut, sans barre d'admin. ---------- */
body.admin-bar #masthead { position: sticky !important; top: 32px; margin-top: -32px; margin-bottom: 32px; }
@media (max-width: 782px) { body.admin-bar #masthead { top: 46px; margin-top: -46px; margin-bottom: 46px; } }

/* ---------- v1.4.23 — Nouveau logo (badge qui remplit ~99 % de son image,
   contre ~80 % pour l'ancien) : hauteurs d'image réduites (101/45/39 px)
   pour que le médaillon entier entre dans le cercle sans être rogné. ---------- */

/* ---------- v1.4.24 — Images à la une très larges (bannières, ≥ 2:1) :
   entières (contain) sur fond noir dans les cartes et la une, au lieu
   du recadrage central en 3:2. Les minis « Les plus lus » (64 px,
   carrées) gardent leur recadrage. ---------- */
img.saq-wide-img { object-fit: contain !important; background: #0b0906; }
.saq-mini img.saq-wide-img { object-fit: cover !important; }