/* MKB Cookie Consent v1.1.0 — habillage charte anthracite / cuivre / crème */
:root{
  --cc-primary:#A85E28;      /* cuivre foncé : liens */
  --cc-primary-dk:#8A4A1C;   /* cuivre très foncé : survols */
  --cc-coral:#C8773A;        /* cuivre : bouton principal, interrupteur, filet */
  --cc-ink:#2B2B2B;          /* anthracite : titres, contours, focus */
  --cc-bg:#FAF7F2;           /* crème */
  --cc-bg-dk:#F1EBE0;        /* sable */
  --cc-white:#ffffff;
  --cc-text:#2B2B2B;
  --cc-text-light:#6B645B;   /* gris chaud */
  --cc-border:#E3DBCD;
  --cc-line:#EFE8DB;
  --cc-track:#CFC6B8;
  --cc-shadow:0 12px 40px rgba(31,31,31,.18);
  --cc-shadow-panel:0 20px 60px rgba(31,31,31,.28);
  --cc-z:99998;
  --cc-z-panel:99999;
  --cc-ease:.2s ease;
  --cc-title:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --cc-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}

:where(#mkb-cookie-banner,#mkb-cookie-panel) *{box-sizing:border-box;margin:0;padding:0}

/* ───────── BANDEAU : carte flottante centrée ───────── */
#mkb-cookie-banner{
  position:fixed;left:0;right:0;bottom:18px;margin-inline:auto;
  width:min(820px,calc(100% - 28px));z-index:var(--cc-z);
  background:var(--cc-bg);border:1px solid var(--cc-border);border-top:4px solid var(--cc-coral);
  border-radius:12px;box-shadow:var(--cc-shadow);padding:22px 26px;
  font-family:var(--cc-sans);animation:cc-slide-up .3s ease both;
}
@keyframes cc-slide-up{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes cc-slide-down{from{transform:translateY(0);opacity:1}to{transform:translateY(40px);opacity:0}}

.mkb-banner-inner{display:flex;align-items:center;gap:26px}
.mkb-banner-text{flex:1 1 auto;min-width:0}
.mkb-banner-text p{font-family:var(--cc-sans);font-size:15px;font-weight:400;line-height:1.65;color:var(--cc-text)}
.mkb-banner-text strong{display:block;margin-bottom:6px;font-family:var(--cc-title);font-size:19px;font-weight:600;line-height:1.25;color:var(--cc-ink)}
.mkb-banner-text a{color:var(--cc-primary);font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.mkb-banner-text a:hover{color:var(--cc-primary-dk)}
.mkb-banner-actions{display:flex;flex-direction:column;gap:10px;flex:0 0 auto;width:210px}

/* ───────── BOUTONS (bandeau + panneau) ───────── */
#mkb-cookie-banner .mkb-btn,#mkb-cookie-panel .mkb-btn{
  display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;
  padding:12px 22px;border-radius:8px;border:2px solid var(--cc-ink);
  font-family:var(--cc-title);font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1.2;
  text-transform:none;text-decoration:none;cursor:pointer;box-shadow:none;
  transition:background var(--cc-ease),color var(--cc-ease),border-color var(--cc-ease),transform .1s ease;
}
#mkb-cookie-banner .mkb-btn:focus-visible,#mkb-cookie-panel .mkb-btn:focus-visible{outline:3px solid var(--cc-ink);outline-offset:3px}
#mkb-cookie-banner .mkb-btn:active,#mkb-cookie-panel .mkb-btn:active{transform:scale(.97)}
/* principal : cuivre, texte anthracite */
#mkb-cookie-banner .mkb-btn-primary,#mkb-cookie-panel .mkb-btn-primary{background:var(--cc-coral);border-color:var(--cc-coral);color:var(--cc-ink)}
#mkb-cookie-banner .mkb-btn-primary:hover,#mkb-cookie-panel .mkb-btn-primary:hover,#mkb-cookie-banner .mkb-btn-primary:focus,#mkb-cookie-panel .mkb-btn-primary:focus{background:var(--cc-ink);border-color:var(--cc-ink);color:var(--cc-bg)}
/* secondaire : contour anthracite */
#mkb-cookie-banner .mkb-btn-secondary,#mkb-cookie-panel .mkb-btn-secondary{background:transparent;color:var(--cc-ink)}
#mkb-cookie-banner .mkb-btn-secondary:hover,#mkb-cookie-panel .mkb-btn-secondary:hover,#mkb-cookie-banner .mkb-btn-secondary:focus,#mkb-cookie-panel .mkb-btn-secondary:focus{background:var(--cc-ink);color:var(--cc-bg)}

/* Lien « Gérer mes cookies » du footer (shortcode) */
.mkb-manage-link{background:none;border:none;padding:0;cursor:pointer;font-size:inherit;color:inherit;text-decoration:underline;font-family:inherit;line-height:inherit}
button.mkb-manage-link:hover,button.mkb-manage-link:focus{background:none;color:var(--cc-coral)}
.mkb-manage-link:focus-visible{outline:2px solid var(--cc-coral);outline-offset:2px;border-radius:2px}

/* ───────── PANNEAU « Gérer mes cookies » ───────── */
#mkb-cookie-panel{position:fixed;inset:0;z-index:var(--cc-z-panel);display:flex;align-items:center;justify-content:center;font-family:var(--cc-sans)}
.mkb-panel-overlay{position:absolute;inset:0;background:rgba(31,31,31,.6);backdrop-filter:blur(4px);animation:cc-fade-in .2s ease both}
@keyframes cc-fade-in{from{opacity:0}to{opacity:1}}
@keyframes cc-fade-out{from{opacity:1}to{opacity:0}}
.mkb-panel-inner{
  position:relative;z-index:1;background:var(--cc-bg);border:1px solid var(--cc-border);border-top:4px solid var(--cc-coral);border-radius:14px;
  box-shadow:var(--cc-shadow-panel);padding:34px 34px 26px;max-width:620px;width:calc(100% - 32px);
  max-height:90vh;overflow-y:auto;animation:cc-scale-in .25s ease both;
}
@keyframes cc-scale-in{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}

#mkb-cookie-panel .mkb-panel-close{
  position:absolute;top:18px;right:18px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  padding:0;border-radius:8px;background:transparent;border:1.5px solid var(--cc-ink);color:var(--cc-ink);
  font-size:16px;line-height:1;cursor:pointer;transition:color var(--cc-ease),background var(--cc-ease);
}
#mkb-cookie-panel .mkb-panel-close:hover,#mkb-cookie-panel .mkb-panel-close:focus{background:var(--cc-ink);color:var(--cc-bg)}
#mkb-cookie-panel .mkb-panel-close:focus-visible{outline:3px solid var(--cc-coral);outline-offset:2px}

.mkb-panel-inner h2,.mkb-panel-title{display:block;font-family:var(--cc-title);font-size:25px;font-weight:600;line-height:1.2;color:var(--cc-ink);margin-bottom:10px;padding-right:44px}
.mkb-panel-intro{font-size:15px;color:var(--cc-text);line-height:1.65;margin-bottom:20px}

.mkb-panel-section{background:var(--cc-white);border:1px solid var(--cc-border);border-radius:10px;padding:18px 20px;margin-bottom:14px}
.mkb-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.mkb-panel-label{font-family:var(--cc-title);font-size:16px;font-weight:600;color:var(--cc-ink)}
.mkb-panel-desc{font-size:14.5px;color:var(--cc-text);line-height:1.65;margin-bottom:12px}
.mkb-badge-always{font-family:var(--cc-title);font-size:12px;font-weight:600;color:var(--cc-ink);background:var(--cc-bg-dk);padding:5px 12px;border-radius:6px;white-space:nowrap;flex-shrink:0}

.mkb-cookie-list{list-style:none;font-size:14px;color:var(--cc-text);border-top:1px solid var(--cc-border);padding-top:6px}
.mkb-cookie-list li{display:grid;grid-template-columns:minmax(0,190px) 1fr;gap:4px 14px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--cc-line);line-height:1.5}
.mkb-cookie-list li:last-child{border-bottom:none}
.mkb-cookie-list code{display:inline-block;justify-self:start;background:var(--cc-bg-dk);color:var(--cc-ink);padding:3px 9px;border-radius:6px;font-family:ui-monospace,Consolas,monospace;font-size:13px;white-space:normal;word-break:break-all}
.mkb-cookie-list span{font-family:var(--cc-sans);font-size:14px;color:var(--cc-text-light)}

/* Interrupteur Google Analytics */
.mkb-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}
.mkb-toggle input[type="checkbox"]{position:absolute;opacity:0;width:1px;height:1px}
.mkb-toggle-track{width:52px;height:28px;background:var(--cc-track);border-radius:14px;transition:background var(--cc-ease);position:relative;display:block}
.mkb-toggle-thumb{position:absolute;width:22px;height:22px;background:var(--cc-white);border-radius:50%;top:3px;left:3px;transition:transform var(--cc-ease);box-shadow:0 2px 4px rgba(0,0,0,.2)}
.mkb-toggle input:checked ~ .mkb-toggle-track{background:var(--cc-coral)}
.mkb-toggle input:checked ~ .mkb-toggle-track .mkb-toggle-thumb{transform:translateX(24px)}
.mkb-toggle input:focus-visible ~ .mkb-toggle-track{outline:3px solid var(--cc-ink);outline-offset:2px}

.mkb-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.mkb-panel-policy{text-align:center;margin-top:16px;font-size:14px}
.mkb-panel-policy a{color:var(--cc-primary);text-decoration:underline;text-underline-offset:3px}
.mkb-panel-policy a:hover{color:var(--cc-primary-dk)}

/* ───────── TABLETTE / MOBILE ───────── */
@media (max-width:760px){
  #mkb-cookie-banner{bottom:10px;width:calc(100% - 20px);padding:18px 18px 20px;border-radius:10px}
  .mkb-banner-inner{flex-direction:column;align-items:stretch;gap:14px}
  .mkb-banner-text{flex:0 0 auto}
  .mkb-banner-text strong{font-size:18px}
  .mkb-banner-text p,.mkb-banner-text a{font-size:14.5px}
  .mkb-banner-actions{width:100%;flex-direction:column-reverse;gap:10px}  /* « Accepter » au-dessus */
  .mkb-panel-inner{padding:26px 18px 20px;border-radius:12px;max-height:92vh}
  .mkb-panel-title,.mkb-panel-inner h2{font-size:22px}
  .mkb-cookie-list li{grid-template-columns:1fr}
  .mkb-panel-actions{grid-template-columns:1fr}
}

/* ───────── VIDÉOS YOUTUBE : bouton avant chargement ───────── */
.mkb-video-facade{
  position:relative;width:100%;height:100%;min-height:200px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  padding:24px;background:var(--cc-ink);color:var(--cc-bg);text-align:center;
  font-family:var(--cc-sans);
}
.mkb-video-facade .mkb-video-play{
  display:inline-flex;align-items:center;gap:12px;padding:12px 24px;border-radius:8px;
  border:2px solid var(--cc-coral);background:var(--cc-coral);color:var(--cc-ink);cursor:pointer;
  font-family:var(--cc-title);font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1.2;
  transition:background var(--cc-ease),color var(--cc-ease),border-color var(--cc-ease);
}
.mkb-video-facade .mkb-video-play:hover,.mkb-video-facade .mkb-video-play:focus{background:var(--cc-bg);border-color:var(--cc-bg);color:var(--cc-ink)}
.mkb-video-facade .mkb-video-play:focus-visible{outline:3px solid var(--cc-bg);outline-offset:3px}
.mkb-video-icon{width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent currentColor}
.mkb-video-note{max-width:460px;font-size:13px;line-height:1.55;color:#E3DBCD}
.mkb-video-note a{color:#E3DBCD;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.mkb-video-note a:hover{color:var(--cc-coral)}
.mkb-video-frame{display:block;width:100%;height:100%;border:0}