/* Bandeau cookies unique sitewide.
   Même rendu sur la home, les pages internes, le blog et le portfolio.
*/
.cookie-banner[hidden],
.cookie-panel[hidden],
.cookie-panel-backdrop[hidden]{display:none !important;}

.cookie-banner:not([hidden]){
  position:fixed !important;
  left:clamp(12px,3vw,28px) !important;
  right:clamp(12px,3vw,28px) !important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 14px) !important;
  z-index:30050 !important;
  display:block !important;
  max-height:min(72svh,520px) !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch !important;
  background:rgba(255,250,242,.985) !important;
  border:1px solid rgba(26,22,18,.14) !important;
  border-radius:28px !important;
  box-shadow:0 30px 90px rgba(26,22,18,.28) !important;
  backdrop-filter:blur(18px) !important;
  color:#1A1612 !important;
  -webkit-text-fill-color:initial !important;
}

.cookie-banner__inner{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:clamp(18px,3vw,34px) !important;
  align-items:center !important;
  padding:clamp(18px,3vw,30px) !important;
}

.cookie-banner__copy{min-width:0 !important;}
.cookie-banner__eyebrow{
  margin:0 0 8px !important;
  color:#C8501A !important;
  -webkit-text-fill-color:#C8501A !important;
  font:900 .68rem/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}
.cookie-banner__title{
  margin:0 0 10px !important;
  color:#1A1612 !important;
  -webkit-text-fill-color:#1A1612 !important;
  font-family:Fraunces,Georgia,'Times New Roman',serif !important;
  font-size:clamp(1.45rem,3.4vw,2.2rem) !important;
  font-weight:800 !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
}
.cookie-banner__text{
  max-width:62ch !important;
  margin:0 !important;
  color:#5C5248 !important;
  -webkit-text-fill-color:#5C5248 !important;
  font:500 .96rem/1.6 Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
.cookie-banner__actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  min-width:min(290px,32vw) !important;
}

.cookie-banner button,
.cookie-panel button{
  appearance:none !important;
  border-radius:999px !important;
  cursor:pointer !important;
  text-decoration:none !important;
}
.cookie-banner .button,
.cookie-panel .button{
  display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;
  min-height:46px !important;padding:0 18px !important;border:1px solid #C8501A !important;background:#C8501A !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  font:900 .72rem/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  letter-spacing:.08em !important;text-transform:uppercase !important;
}
.cookie-banner .button-light,
.cookie-panel .button-light{
  display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;
  min-height:46px !important;padding:0 18px !important;border:1px solid rgba(26,22,18,.18) !important;background:#fffaf2 !important;
  color:#1A1612 !important;-webkit-text-fill-color:#1A1612 !important;
  font:900 .72rem/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  letter-spacing:.08em !important;text-transform:uppercase !important;
}
.cookie-banner .inline-button,
.cookie-panel .inline-button{
  display:flex !important;align-items:center !important;justify-content:center !important;
  min-height:40px !important;padding:0 8px !important;border:0 !important;background:transparent !important;
  color:#C8501A !important;-webkit-text-fill-color:#C8501A !important;
  font:900 .70rem/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  letter-spacing:.08em !important;text-transform:uppercase !important;
}

.cookie-panel-backdrop:not([hidden]){
  position:fixed !important;inset:0 !important;z-index:30060 !important;display:block !important;
  background:rgba(26,22,18,.46) !important;backdrop-filter:blur(8px) !important;
}
.cookie-panel:not([hidden]){
  position:fixed !important;left:50% !important;top:50% !important;z-index:30070 !important;
  display:grid !important;width:min(calc(100% - 28px),720px) !important;max-height:min(82svh,680px) !important;overflow:auto !important;
  transform:translate(-50%,-50%) !important;background:#fffaf2 !important;border:1px solid rgba(26,22,18,.14) !important;
  border-radius:28px !important;box-shadow:0 30px 90px rgba(26,22,18,.32) !important;color:#1A1612 !important;
}
.cookie-panel__head,.cookie-panel__body,.cookie-panel__actions{padding:22px !important;}
.cookie-panel__head{display:grid !important;grid-template-columns:1fr auto !important;gap:10px !important;align-items:start !important;border-bottom:1px solid rgba(26,22,18,.10) !important;}
.cookie-panel__title{margin:0 !important;color:#1A1612 !important;-webkit-text-fill-color:#1A1612 !important;font-family:Fraunces,Georgia,'Times New Roman',serif !important;font-size:clamp(1.7rem,4vw,2.4rem) !important;line-height:1 !important;letter-spacing:-.04em !important;}
.cookie-panel__close{width:40px !important;height:40px !important;border:1px solid rgba(26,22,18,.14) !important;background:#fffaf2 !important;color:#1A1612 !important;-webkit-text-fill-color:#1A1612 !important;font-size:1.5rem !important;line-height:1 !important;}
.cookie-option{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:16px !important;align-items:center !important;padding:18px 0 !important;border-bottom:1px solid rgba(26,22,18,.10) !important;}
.cookie-option:last-child{border-bottom:0 !important;}
.cookie-option h3{margin:0 0 6px !important;color:#1A1612 !important;-webkit-text-fill-color:#1A1612 !important;font:900 1rem/1.1 Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;}
.cookie-option p{margin:0 !important;color:#5C5248 !important;-webkit-text-fill-color:#5C5248 !important;font:500 .92rem/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;}
.cookie-switch input{position:absolute !important;opacity:0 !important;pointer-events:none !important;}
.cookie-switch span{display:block !important;width:52px !important;height:30px !important;border-radius:999px !important;background:rgba(26,22,18,.16) !important;position:relative !important;}
.cookie-switch span::before{content:'' !important;position:absolute !important;left:4px !important;top:4px !important;width:22px !important;height:22px !important;border-radius:50% !important;background:#fff !important;box-shadow:0 3px 10px rgba(26,22,18,.18) !important;transition:transform .18s ease !important;}
.cookie-switch input:checked + span{background:#C8501A !important;}
.cookie-switch input:checked + span::before{transform:translateX(22px) !important;}
.cookie-panel__actions{display:flex !important;gap:10px !important;flex-wrap:wrap !important;border-top:1px solid rgba(26,22,18,.10) !important;}

body:has(.cookie-banner:not([hidden])) .mobile-conversion-bar,
body:has(.cookie-panel:not([hidden])) .mobile-conversion-bar{display:none !important;}

@media(max-width:760px){
  .cookie-banner:not([hidden]){left:10px !important;right:10px !important;bottom:calc(env(safe-area-inset-bottom,0px) + 10px) !important;max-height:calc(100svh - 96px) !important;border-radius:24px !important;}
  .cookie-banner__inner{grid-template-columns:1fr !important;gap:16px !important;padding:20px !important;}
  .cookie-banner__title{font-size:1.72rem !important;}
  .cookie-banner__text{font-size:.95rem !important;line-height:1.55 !important;}
  .cookie-banner__actions{min-width:0 !important;grid-template-columns:1fr 1fr !important;gap:9px !important;}
  .cookie-banner .inline-button{grid-column:1/-1 !important;}
  .cookie-banner .button,.cookie-banner .button-light{min-height:44px !important;padding:0 12px !important;font-size:.66rem !important;letter-spacing:.06em !important;}
  .cookie-panel__actions{display:grid !important;grid-template-columns:1fr !important;}
}
