/* Camille Tomat · Podcast templates · v1.1.3
   Loaded only on CT podcast views (body.ct-pod). */

:root{
  --sm-page:#F6EDE5;--sm-light:#FDF8F3;--sm-card:#FFF7F0;--sm-card-hover:#F7EADF;
  --sm-dark:#2B2926;--sm-dark-hover:#36332F;--sm-black-ink:#151412;--sm-black-ink-hover:#33322E;
  --sm-ink:#3B2A20;--sm-body:#554336;--sm-muted:#7A6252;--sm-meta:#6B564A;--sm-accent:#A98D74;--sm-brown:#8A5A3B;
  --sm-rule:#EADACB;--sm-rule-strong:#DFC9B6;--sm-black:#000;
  --sm-on-dark-1:#F3E6DA;--sm-on-dark-2:#D6C2B0;--sm-on-dark-3:#B79A80;--sm-dark-border:#554336;--sm-dark-rule:#4A3A30;
  --sm-cream-btn:#F7EDE6;--sm-cream-btn-hover:#E0C4AC;
  --font-display:'Playfair Display',Georgia,serif;--font-body:'Poppins',system-ui,sans-serif;
  --fs-eyebrow:11px;--ls-eyebrow:.14em;--lh-body:1.7;
  --container:1120px;--container-narrow:760px;--section-px:clamp(24px,6vw,88px);
  --radius-card:18px;--radius-workbook:12px;--radius-panel:22px;--radius-pill:999px;
  --hover-scale:1.025;--transition-hover:transform .35s ease,background-color .35s ease,color .35s ease,border-color .35s ease;
}

/* ---------- Flatsome overrides on CT views ---------- */
/* Our own header is output by the template; the footer is Flatsome's (your footer UX Block). */
body.ct-pod #header,body.ct-pod .header-wrapper{display:none!important}
body.ct-pod,body.ct-pod #wrapper,body.ct-pod #main{background:var(--sm-page)}
body.ct-pod #main{padding:0!important}
.ct-pod-page{font-family:var(--font-body);color:var(--sm-body);font-size:16px;line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
.ct-pod-page *,.ct-pod-page *::before,.ct-pod-page *::after{box-sizing:border-box}
.ct-pod-page a{color:inherit;text-decoration:none}
.ct-pod-page h1,.ct-pod-page h2,.ct-pod-page p{margin:0;padding:0;text-transform:none}
.ct-pod-page h1,.ct-pod-page h2{font-family:var(--font-display)!important;font-weight:400!important;color:var(--sm-ink)!important}
.ct-pod-page em{font-style:italic;font-weight:600}
.ct-pod-page svg{display:block;flex:none}
.ct-pod-page button{margin:0;min-height:0;box-shadow:none;text-shadow:none;letter-spacing:inherit;line-height:inherit}

/* ---------- Shared ---------- */
.ct-eyebrow{display:block;font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--sm-meta);line-height:1.6}
.ct-eyebrow--accent{color:var(--sm-accent)}
.ct-eyebrow--ink{display:inline;color:var(--sm-ink)}

/* ---------- Header ---------- */
.ct-hd{position:relative;z-index:5;width:100%;max-width:1560px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px 24px;padding:28px var(--section-px)}
.ct-hd-logo{display:flex;position:relative;z-index:61}
.ct-hd-logo img{height:48px;width:auto;display:block}
.ct-hd-nav{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px clamp(14px,1.8vw,28px);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.ct-hd-link{color:var(--sm-meta)!important}
.ct-hd-link.is-current{color:var(--sm-ink)!important;border-bottom:1px solid var(--sm-ink);padding-bottom:2px}
.ct-hd-dd{position:relative}
.ct-hd-ddbtn{display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--sm-meta)}
.ct-hd-ddbtn:hover,.ct-hd-link:hover{color:var(--sm-brown)!important}
.ct-hd-panel{position:absolute;top:calc(100% + 14px);left:-20px;min-width:280px;flex-direction:column;padding:8px;background:var(--sm-card);border:1px solid var(--sm-black);border-radius:var(--radius-card);text-transform:none;letter-spacing:0;z-index:10}
.ct-hd-panel--right{left:auto;right:-20px}
.ct-hd-item{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--radius-workbook);color:var(--sm-ink)!important}
.ct-hd-item:hover{background:var(--sm-card-hover)}
.ct-hd-item-t{font-family:var(--font-display);font-size:18px;line-height:1.3}
.ct-hd-item-s{font-size:12px;line-height:1.5;color:var(--sm-muted)}
.ct-hd-burger{display:none;position:relative;z-index:61;width:48px;height:48px;margin-right:-4px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ct-hd-bar{position:absolute;left:4px;right:4px;height:1.5px;background:var(--sm-ink);transition:transform .35s cubic-bezier(.2,.7,.2,1),top .35s cubic-bezier(.2,.7,.2,1)}
.ct-mnav{position:fixed;inset:0;z-index:60;overflow-y:auto;background:var(--sm-light);padding:120px var(--section-px) 48px;flex-direction:column}
.ct-mnav-item{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-bottom:1px solid var(--sm-rule);color:var(--sm-ink)!important}
.ct-mnav-t{font-family:var(--font-display);font-size:28px;line-height:1.15}
.ct-mnav-s{font-size:13px;line-height:1.5;color:var(--sm-muted)}
.ct-mnav-label{padding:28px 0 4px;font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--sm-accent)}
@media (max-width:768px){
  .ct-hd-nav{display:none}
  .ct-hd-burger{display:block}
}

/* ---------- Series page ---------- */
.ct-sr-hero{background:var(--sm-light);padding-bottom:clamp(48px,6vw,80px)}
.ct-sr-hero-in{width:100%;max-width:calc(var(--container) + 2 * var(--section-px));margin:0 auto;padding:clamp(24px,5vh,56px) var(--section-px) 0;display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.ct-back{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--sm-meta)!important}
.ct-back:hover{color:var(--sm-brown)!important}
.ct-sr-titles{display:flex;flex-direction:column;gap:20px;max-width:900px}
.ct-pod-page .ct-sr-h1{font-size:clamp(48px,7vw,104px)!important;line-height:.95!important;letter-spacing:-.035em!important;text-wrap:balance}
.ct-sr-desc{max-width:640px;font-size:17px;line-height:1.75;color:var(--sm-body)}
.ct-sr-desc p{margin:0 0 .8em;text-wrap:pretty}
.ct-sr-desc p:last-child{margin-bottom:0}
.ct-sr-list{background:var(--sm-light);padding:0 var(--section-px) clamp(72px,9vw,120px)}
.ct-sr-list-in{max-width:var(--container);margin:0 auto;display:flex;flex-direction:column;border-top:1px solid var(--sm-rule-strong)}

/* Episode row (same as podcast page list) */
.ct-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--sm-rule-strong);color:var(--sm-ink)!important}
.ct-row:hover{color:var(--sm-brown)!important}
.ct-row-num{align-self:start;font-size:16px;font-weight:600;line-height:1.45;color:var(--sm-meta)}
.ct-row-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.ct-row-title{font-size:16px;font-weight:600;line-height:1.45;text-wrap:pretty}
.ct-row-meta{font-size:12px;line-height:1.5;color:var(--sm-meta)}
.ct-play{width:44px;height:44px;border-radius:50%;background:var(--sm-black-ink);display:flex;align-items:center;justify-content:center;transition:var(--transition-hover)}
@media (hover:hover) and (pointer:fine){.ct-row:hover .ct-play{transform:scale(var(--hover-scale));background:var(--sm-black-ink-hover)}}

/* ---------- Episode · header ---------- */
.ct-ep-hero{background:var(--sm-light)}
.ct-ep-hero-in{width:100%;max-width:calc(var(--container) + 2 * var(--section-px));margin:0 auto;padding:clamp(24px,5vh,56px) var(--section-px) 0;display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.ct-ep-titles{display:flex;flex-direction:column;gap:20px}
.ct-ep-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.ct-ep-eyebrow a{color:var(--sm-accent)!important;border-bottom:1px solid currentColor}
.ct-ep-eyebrow a:hover{color:var(--sm-brown)!important}
.ct-dot{width:4px;height:4px;border-radius:50%;background:var(--sm-accent);flex:none}
.ct-dot--rule{background:var(--sm-rule-strong)}
.ct-pod-page .ct-ep-h1{max-width:1000px;font-size:clamp(38px,5vw,72px)!important;line-height:1.04!important;letter-spacing:-.025em!important;text-wrap:balance}
.ct-ep-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:13px;color:var(--sm-meta)}
.ct-ep-share{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;margin-top:8px;padding-top:28px;border-top:1px solid var(--sm-rule)}
.ct-ep-share-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ct-pill--sm{padding:10px 18px;font-size:13px;background:transparent;font-family:inherit;cursor:pointer}

/* ---------- Episode · content (UX Builder: video + show notes) ----------
   Flatsome's own styling, aligned to the same width as the title section. */
.ct-ep-body{background:var(--sm-light);padding:clamp(48px,6vw,88px) 0 clamp(56px,7vw,88px)}
.ct-ep-in{max-width:calc(var(--container) + 2 * var(--section-px));margin:0 auto;padding:0 var(--section-px);box-sizing:border-box}
/* Flatsome rows are 1080px + 15px column gutters: stretch them so the text edge = title edge. */
.ct-ep-in .row,.ct-ep-in .row-small,.ct-ep-in .row-large,.ct-ep-in .row-collapse{max-width:none!important;width:auto!important;margin-left:-15px!important;margin-right:-15px!important}
.ct-ep-in .row-collapse{margin-left:0!important;margin-right:0!important}
.ct-ep-in .section{padding-left:0!important;padding-right:0!important;background:transparent!important}
/* A row with a single column (e.g. 10/12 wide) → full width, like the title section. Multi-column rows keep their layout. */
.ct-ep-in .row > .col:only-child,.ct-ep-in .row > .columns:only-child{flex-basis:100%!important;max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important;left:auto!important;right:auto!important}
/* YouTube / video element: rounded corners */
.ct-ep-in .video,.ct-ep-in .video-fit,.ct-ep-in .responsive-embed,.ct-ep-in .wp-block-embed__wrapper{border-radius:var(--radius-card);overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black)}
.ct-ep-in iframe[src*="youtube"],.ct-ep-in iframe[src*="youtu.be"]{border-radius:var(--radius-card);display:block}
/* Link colours + heading font */
.ct-ep-in a{color:var(--sm-ink)}
.ct-ep-in a:hover{color:var(--sm-brown)}
.ct-ep-in h1,.ct-ep-in h2,.ct-ep-in h3,.ct-ep-in h4,.ct-ep-in h5,.ct-ep-in h6{font-family:var(--font-display)!important;font-weight:400}

/* ---------- Episode · previous / next ---------- */
.ct-ep-pn-wrap{background:var(--sm-light);padding:0 var(--section-px) clamp(56px,7vw,96px)}
.ct-ep-pn{max-width:var(--container);margin:0 auto;padding-top:clamp(40px,5vw,56px);border-top:1px solid var(--sm-rule);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px clamp(48px,8vw,120px)}
.ct-pn{display:flex;align-items:center;gap:clamp(18px,2vw,28px);padding:8px 0;color:var(--sm-ink)!important;transition:color .3s ease}
.ct-pn:hover{color:var(--sm-brown)!important}
.ct-pn-arrow{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.ct-pn-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}
.ct-pn-num{margin-top:6px;font-size:clamp(26px,2.6vw,34px);font-weight:300;line-height:1;letter-spacing:-.04em;color:var(--sm-accent)}
.ct-pn-title{font-size:17px;font-weight:600;line-height:1.45;text-wrap:pretty}

/* ---------- Episode · Mini programme block (page colour on episodes) ---------- */
.ct-ep-mini > section,.ct-ep-mini .section,.ct-ep-mini .section-bg,.ct-ep-mini [data-screen-label]{background-color:var(--sm-page)!important}

/* ---------- Dark section: series list / Nouveau ici ? ---------- */
.ct-dark{background:var(--sm-dark);color:var(--sm-on-dark-2);padding:clamp(84px,11vw,168px) var(--section-px)}
.ct-dark-in{max-width:var(--container);margin:0 auto;display:flex;flex-direction:column;gap:clamp(32px,4vw,48px)}
.ct-dark-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px}
.ct-dark-titles{display:flex;flex-direction:column;gap:16px}
.ct-eyebrow--on-dark{color:var(--sm-on-dark-3)}
.ct-pod-page .ct-dark-h2{font-size:clamp(36px,4.1vw,56px)!important;line-height:1!important;letter-spacing:-.02em!important;color:var(--sm-on-dark-1)!important}
.ct-link-dark{font-size:14px;font-weight:600;color:var(--sm-on-dark-1)!important;border-bottom:1px solid currentColor;padding-bottom:2px}
.ct-link-dark:hover{color:var(--sm-on-dark-2)!important}
.ct-dark-list{display:flex;flex-direction:column;border-top:1px solid var(--sm-dark-rule)}
.ct-row--dark{border-bottom-color:var(--sm-dark-rule);color:var(--sm-on-dark-1)!important}
.ct-row--dark:hover{color:var(--sm-on-dark-2)!important}
.ct-row--dark .ct-row-num,.ct-row--dark .ct-row-meta{color:var(--sm-on-dark-3)}
.ct-row--dark.is-current .ct-row-title{font-style:italic}
.ct-play--cream{background:var(--sm-cream-btn)}
.ct-play--sm{width:36px;height:36px}
@media (hover:hover) and (pointer:fine){.ct-row--dark:hover .ct-play{background:var(--sm-cream-btn-hover)}}
.ct-starts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ct-start{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:clamp(22px,2.4vw,30px);border:1px solid var(--sm-dark-border);border-radius:var(--radius-panel);color:var(--sm-on-dark-1)!important;transition:var(--transition-hover)}
.ct-start:hover{background:var(--sm-dark-hover)}
.ct-start-top{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ct-start-n{font-size:44px;line-height:.8;letter-spacing:-.05em;font-weight:300;color:var(--sm-on-dark-3)}
.ct-start-need{font-size:14px;font-style:italic;color:var(--sm-on-dark-2)}
.ct-start-name{font-family:var(--font-display);font-size:clamp(24px,2.2vw,28px);line-height:1.15;text-wrap:balance}
.ct-start-cta{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--sm-dark-rule);font-size:14px;font-weight:600}
@media (max-width:1000px){.ct-starts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- J’écoute sur + Avertissement ---------- */
.ct-listen{background:var(--sm-page);padding:clamp(56px,6vw,88px) var(--section-px)}
.ct-listen-in{max-width:var(--container-narrow);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}
.ct-listen-head{display:flex;flex-direction:column;align-items:center;gap:16px}
.ct-listen-head .ct-eyebrow{color:var(--sm-accent)}
.ct-pod-page .ct-listen-h{font-size:clamp(32px,3.4vw,44px)!important;line-height:1.08!important;letter-spacing:-.02em!important;text-wrap:balance}
.ct-pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.ct-pill{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border:1px solid var(--sm-ink);border-radius:var(--radius-pill);color:var(--sm-ink)!important;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;transition:var(--transition-hover)}
@media (hover:hover) and (pointer:fine){.ct-pill:hover{background:var(--sm-ink);color:var(--sm-light)!important;transform:scale(var(--hover-scale))}}
.ct-avert{padding-top:28px!important;border-top:1px solid var(--sm-rule);font-size:14px;line-height:1.75;color:var(--sm-muted);text-wrap:pretty}

@media (max-width:600px){
  .ct-row{grid-template-columns:40px minmax(0,1fr) auto;gap:14px}
  .ct-pills{flex-direction:column;align-items:stretch;width:100%}
  .ct-pill{justify-content:center;padding:15px 22px}
  .ct-ep-share-btns{width:100%}
  .ct-ep-share-btns > .ct-pill{flex:none;width:48px;height:48px;padding:0!important;gap:0;border-radius:50%;justify-content:center;font-size:0}
  .ct-ep-share-btns > .ct-pill svg{width:18px;height:18px}
  .ct-ep-share-btns [data-ct-copy-label]{display:none}
  .ct-ep-pn,.ct-starts{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Episode pages: narrower page (860px), Mini programme stays wide ---------- */
body.single-post.ct-pod{--container:860px}
body.single-post.ct-pod .ct-ep-mini{--container:1120px}
.ct-pod-page .ct-ep-h1{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.06!important}
body.single-post.ct-pod .ct-starts{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:600px){body.single-post.ct-pod .ct-starts{grid-template-columns:minmax(0,1fr)}}