/*
Theme Name: Merchants & Co. One Pager
Theme URI: https://merchantsandco.com/
Author: Merchants & Co.
Description: Temporary single-page holding site for Merchants & Co. Serves one page on every request. Replace with the full theme when the site is ready.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mco-onepager
*/

*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:#F4EFE6;font-family:Archivo,system-ui,sans-serif}
  a{color:#17324E;text-decoration:none}
  a:hover{color:#9C7A3C}
  p{text-wrap:pretty}
  header a, header a:hover, footer a, footer a:hover{color:inherit}
  .wrap{width:100%;max-width:1280px;margin:0 auto;background:#F4EFE6}
  @media (max-width:900px){
    body{overflow-x:hidden}
    /* toute grille multi-colonnes passe sur une colonne, sauf les listes à puce (20px 1fr) */
    .wrap [style*="grid-template-columns:repeat"],
    .wrap [style*="grid-template-columns:1fr 1fr"],
    .wrap [style*="grid-template-columns:1.15fr"],
    .wrap [style*="grid-template-columns:1.35fr"],
    .wrap [style*="grid-template-columns:1.6fr"],
    .wrap [style*="grid-template-columns:1fr 460px"]{grid-template-columns:1fr !important;gap:18px !important}
    /* gouttières latérales uniformes */
    .wrap > div,.wrap > div > div,.wrap header,.wrap footer{padding-left:20px !important;padding-right:20px !important}
    .wrap > div:not(:empty){padding-top:44px !important;padding-bottom:44px !important}
    .wrap > div[style*="padding:11px 48px"]{padding-top:11px !important;padding-bottom:11px !important}
    .wrap > div[style*="padding:0 48px 80px"]{padding-top:0 !important}
    .wrap header{height:auto !important;flex-wrap:wrap;gap:12px !important;padding-top:14px !important;padding-bottom:14px !important}
    .wrap nav{flex-wrap:wrap;gap:16px !important;font-size:14px !important}
    /* échelle typographique */
    .wrap h1{font-size:34px !important;line-height:1.05 !important;max-width:none !important}
    .wrap h2{font-size:26px !important;line-height:1.12 !important;max-width:none !important}
    .wrap h3{font-size:18px !important}
    .wrap p{max-width:none !important}
    /* les conteneurs de grille ne prennent pas de gouttière */
    .wrap [style*="grid-template-columns"]:not([style*="padding:"]){padding-left:0 !important;padding-right:0 !important}
    .wrap [style*="padding:56px 48px"]{padding-left:24px !important;padding-right:24px !important}
    /* la grille à filet laiton garde son filet d'un pixel */
    .wrap [style*="background:rgba(201,162,90,.3)"]{gap:1px !important}
    /* le bandeau plateformes passe en liste centrée */
    .wrap [style*="justify-content:space-between"][style*="Space Mono"]{flex-wrap:wrap !important;justify-content:flex-start !important;gap:6px 18px !important;line-height:1.5}
    /* rien ne dépasse */
    .wrap *{max-width:100%}
    .wrap [style*="white-space:nowrap"]{white-space:normal !important}
  }

  /* Texte clair sur fond navy : lissage et graisse renforcés */
  [style*="background:#17324E"] h1,[style*="background:#17324E"] h2,[style*="background:#17324E"] h3,
  [style*="background:#17324E"] p,[style*="background:#17324E"] div,[style*="background:#17324E"] span,
  [style*="background:#17324E"] a,[style*="background:#17324E"] blockquote,[style*="background:#17324E"] footer{
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  [style*="background:#17324E"] h1,[style*="background:#17324E"] h2{font-weight:700 !important}

  /* Bodoni : figer la taille optique sur le dessin de labeur */
  [style*="Bodoni"]{font-optical-sizing:none !important;font-variation-settings:"opsz" 6 !important}

/* WordPress admin bar offset for in-page anchors */
[id]{scroll-margin-top:56px}