/* Habillage global Bicloque : chargé sur le front par le module bicloqueskin */
:root{
  --bq-navy:#112D4D;
  --bq-navy-d:#0d2440;
  --bq-gold:#C2A15D;
  --bq-gold-d:#a98947;
  --bq-cream:#F4ECDD;
}

body{
  font-family:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:#22303f;
}

h1,h2,h3,h4,.h1,.h2,.h3,.h4,.page-title,.product-title{
  font-family:"Fraunces",Georgia,"Times New Roman",serif;
  letter-spacing:-.01em;
}

a{ color:var(--bq-navy); }
a:hover,a:focus{ color:var(--bq-gold); }

/* Boutons principaux aux couleurs Bicloque */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled{
  background-color:var(--bq-navy);
  border-color:var(--bq-navy);
  color:#fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
  background-color:var(--bq-gold) !important;
  border-color:var(--bq-gold) !important;
  color:var(--bq-navy) !important;
}
.btn-secondary,
.btn-outline-primary{
  border-color:var(--bq-gold);
  color:var(--bq-navy);
}
.btn-secondary:hover,
.btn-outline-primary:hover{
  background-color:var(--bq-gold);
  border-color:var(--bq-gold);
  color:var(--bq-navy);
}

/* Liens du menu principal au survol */
#_desktop_top_menu a:hover,
.header-nav a:hover{ color:var(--bq-gold); }

/* Titres de pied de page */
.footer-container h3,
.footer-container .h3{ color:var(--bq-navy); }

/* Filets discrets */
hr{ border-top-color:rgba(194,161,93,.3); }

/* Accessibilité : focus doré */
:focus-visible{ outline:2px solid var(--bq-gold); outline-offset:2px; }

/* ============================================================
   Header & footer Bicloque (remplacent ceux du thème, vides)
   ============================================================ */
#header, #footer { display:none !important; }

/* --- Header --- */
#bq-site-header{position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);
  border-top:3px solid var(--bq-gold);
  border-bottom:1px solid rgba(17,45,77,.08);box-shadow:0 4px 22px rgba(17,45,77,.06);}
#bq-site-header .bq-hd__in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:20px;
  padding:16px clamp(16px,4vw,32px);position:relative;}
#bq-site-header .bq-hd__logo{display:flex;align-items:center;}
#bq-site-header .bq-hd__logo img{height:50px;width:auto;display:block;transition:transform .2s ease;}
#bq-site-header .bq-hd__logo:hover img{transform:scale(1.03);}
#bq-site-header .bq-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(16px,2.2vw,30px);}
#bq-site-header .bq-nav a{position:relative;font-family:"Hanken Grotesk",-apple-system,sans-serif;font-weight:600;font-size:1.02rem;
  color:var(--bq-navy);text-decoration:none;transition:color .2s;white-space:nowrap;padding:4px 0;}
/* souligné doré animé sous les liens de navigation (hors tél et CTA) */
#bq-site-header .bq-nav>a:not(.bq-nav__cta):not(.bq-hd__tel)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;
  background:var(--bq-gold);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}
#bq-site-header .bq-nav>a:not(.bq-nav__cta):not(.bq-hd__tel):hover{color:var(--bq-gold);}
#bq-site-header .bq-nav>a:not(.bq-nav__cta):not(.bq-hd__tel):hover::after{transform:scaleX(1);}
#bq-site-header .bq-hd__tel{display:inline-flex;align-items:center;gap:.5em;font-variant-numeric:tabular-nums;font-weight:600;
  color:var(--bq-navy);padding-left:clamp(16px,2.2vw,30px);}
#bq-site-header .bq-hd__tel svg{width:17px;height:17px;stroke:var(--bq-gold);flex:0 0 auto;transition:stroke .2s;}
#bq-site-header .bq-hd__tel:hover svg{stroke:var(--bq-navy);}
#bq-site-header .bq-hd__tel:hover{color:var(--bq-gold);}
#bq-site-header .bq-nav a.bq-nav__cta{display:inline-flex;align-items:center;justify-content:center;padding:.68em 1.7em;border-radius:999px;line-height:1;
  background:var(--bq-gold);color:var(--bq-navy) !important;border:0;font-weight:700;letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(194,161,93,.35);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
#bq-site-header .bq-nav a.bq-nav__cta:hover{background:#cdae6a;transform:translateY(-1px);box-shadow:0 8px 22px rgba(194,161,93,.45);}
#bq-site-header .bq-nav-toggle{display:none;}
#bq-site-header .bq-burger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;
  align-items:center;justify-content:center;margin-left:auto;cursor:pointer;border-radius:10px;border:1px solid rgba(17,45,77,.12);}
#bq-site-header .bq-burger span{width:22px;height:2px;background:var(--bq-navy);border-radius:2px;transition:.25s;}

@media (max-width:880px){
  #bq-site-header .bq-hd__logo img{height:52px;}
  #bq-site-header .bq-burger{display:flex;}
  #bq-site-header .bq-nav{position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;
    align-items:stretch;gap:0;background:#fff;border-top:1px solid rgba(17,45,77,.08);
    box-shadow:0 14px 30px rgba(17,45,77,.12);max-height:0;overflow:hidden;transition:max-height .3s ease;}
  #bq-site-header .bq-nav a{padding:15px clamp(16px,4vw,32px);border-bottom:1px solid rgba(17,45,77,.06);}
  #bq-site-header .bq-nav>a:not(.bq-nav__cta):not(.bq-hd__tel)::after{display:none;}
  #bq-site-header .bq-hd__tel{order:5;border-left:0;padding-left:clamp(16px,4vw,32px);}
  #bq-site-header .bq-nav__cta{margin:14px clamp(16px,4vw,32px);text-align:center;justify-content:center;box-shadow:none;}
  #bq-site-header .bq-nav-toggle:checked ~ .bq-nav{max-height:480px;}
  #bq-site-header .bq-nav-toggle:checked ~ .bq-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  #bq-site-header .bq-nav-toggle:checked ~ .bq-burger span:nth-child(2){opacity:0;}
  #bq-site-header .bq-nav-toggle:checked ~ .bq-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}

/* --- Footer --- */
#bq-site-footer{background:radial-gradient(120% 140% at 0% 0%,#163a63,#112D4D 55%,#0a1f37);color:#F4ECDD;}
#bq-site-footer .bq-ft__in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;
  gap:clamp(28px,5vw,60px);padding:clamp(44px,6vw,72px) clamp(20px,4vw,32px);}
#bq-site-footer .bq-ft__logo{height:42px;width:auto;margin-bottom:1.1rem;display:block;}
#bq-site-footer .bq-ft__brand p{color:rgba(244,236,221,.7);font-size:.96rem;line-height:1.6;margin:0 0 1rem;max-width:34ch;}
#bq-site-footer .bq-ft__tel{display:inline-block;color:var(--bq-gold);font-weight:600;font-size:1.12rem;text-decoration:none;}
#bq-site-footer .bq-ft__tel:hover{color:#F4ECDD;}
#bq-site-footer .bq-ft__mail{display:inline-block;margin-top:6px;color:#F4ECDD;font-weight:500;font-size:.98rem;text-decoration:none;opacity:.85;}
#bq-site-footer .bq-ft__mail:hover{color:var(--bq-gold);opacity:1;}
#bq-site-footer .bq-ft__col h4{font-family:"Fraunces",Georgia,serif;color:#F4ECDD;font-size:1.15rem;margin:0 0 1rem;font-weight:600;}
#bq-site-footer .bq-ft__col a,#bq-site-footer .bq-ft__col p{display:block;color:rgba(244,236,221,.72);
  text-decoration:none;font-size:.96rem;line-height:1.5;margin:0 0 .6rem;}
#bq-site-footer .bq-ft__col a:hover{color:var(--bq-gold);}
#bq-site-footer .bq-ft__bar{border-top:1px solid rgba(244,236,221,.12);text-align:center;padding:18px;
  font-size:.84rem;color:rgba(244,236,221,.5);}
@media (max-width:760px){#bq-site-footer .bq-ft__in{grid-template-columns:1fr;gap:34px;}}
@media (max-width:760px){#bq-site-header .bq-hd__logo img{height:44px;}}
