/* Tea Time Data — page Case Study (Elementor natif). Détails non réglables dans Elementor uniquement. */

/* ---------- une seule étude de cas affichée (attribut posé par pages/case.js selon ?cs=) ---------- */
html[data-ttd-cs]:not([data-ttd-cs="price-gap"]) .ttd-cs-price-gap,
html[data-ttd-cs]:not([data-ttd-cs="venue-launch"]) .ttd-cs-venue-launch,
html[data-ttd-cs]:not([data-ttd-cs="two-cities"]) .ttd-cs-two-cities,
html[data-ttd-cs]:not([data-ttd-cs="pairing"]) .ttd-cs-pairing,
html[data-ttd-cs]:not([data-ttd-cs="non-alcoholic"]) .ttd-cs-non-alcoholic,
html[data-ttd-cs]:not([data-ttd-cs="sunshine"]) .ttd-cs-sunshine{display:none !important}
/* éditeur : les 6 variantes empilées, séparées par un trait */
.elementor-editor-active .ttd-cs+.ttd-cs{border-top:2px dashed #F3462F}

/* ---------- hero ---------- */
.ttd-sec .ttd-cs-card{justify-self:end;max-width:440px;width:100%}
.ttd-cs-rule{height:1px;background:#1E4FA8}
.ttd-sec .ttd-cs-back a{color:#7FA4EE}

/* ---------- listes à puces rouges ---------- */
.ttd-cs-list ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.ttd-cs-list li{display:flex;gap:12px;align-items:baseline;line-height:1.6;margin:0}
.ttd-cs-list li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#F3462F;transform:translateY(-2px)}
.ttd-sec .ttd-cs-list li span{text-wrap:wrap}

/* ---------- étude floutée + formulaire ---------- */
.ttd-sec .e-con.ttd-cs-gate{position:relative;max-height:1100px;overflow:hidden}
.ttd-sec .ttd-cs-blur{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}
.ttd-sec .ttd-cs-fade-w{position:absolute !important;inset:0;width:auto !important;max-width:none !important;margin:0 !important}
.ttd-cs-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.85) 30%,#fff 100%)}
.ttd-sec .e-con.ttd-cs-pos{position:absolute;left:0;right:0;top:48px;width:auto;--width:auto}
.ttd-sec .e-con.ttd-csf-card{width:100%;--width:100%;max-width:520px}
.elementor-editor-active .ttd-cs-gate{max-height:none}

/* formulaire Elementor Pro, mis en forme comme la maquette */
.ttd-csf .elementor-form-fields-wrapper{display:flex;flex-direction:column;gap:14px;margin:0 !important}
.ttd-csf .elementor-field-group{margin:0 !important;padding:0 !important;flex-direction:column;align-items:stretch !important;gap:6px}
.ttd-csf .elementor-field-type-hidden{display:none !important}
.ttd-csf .elementor-field-label{padding:0 !important;margin:0 !important;line-height:1.5}
.ttd-csf input.elementor-field{height:46px;min-height:46px;padding:0 12px;line-height:normal !important}
.ttd-csf .elementor-field-type-submit,.ttd-csf .e-form__buttons{width:auto !important;flex:0 0 auto !important;max-width:none;align-items:flex-start !important;justify-content:flex-start !important;margin-top:0}
.ttd-csf .elementor-field-type-submit .elementor-button{flex-basis:auto !important;width:auto !important;min-height:0;line-height:1.5 !important;align-self:flex-start;transition:opacity .2s}
.ttd-csf .elementor-button[disabled]{cursor:default}
.ttd-csf .elementor-message-success{display:none !important}
.ttd-csf-card .ttd-csf-sent{display:none !important}
.ttd-csf-card.ttd-is-sent .ttd-csf-ask{display:none !important}
.ttd-csf-card.ttd-is-sent .ttd-csf-sent{display:flex !important}
.elementor-editor-active .ttd-csf-card .ttd-csf-sent{display:flex !important}
.ttd-csf-check .elementor-heading-title{width:40px;height:40px;border-radius:50%;background:#0A55E0;display:flex;align-items:center;justify-content:center}

/* ---------- autres études ---------- */
.ttd-sec .ttd-cs-pill{transition:border-color .2s}
.ttd-sec .ttd-cs-pill:hover{border-color:#0A55E0 !important}
.ttd-sec .ttd-cs-pill:hover .ttd-cs-pt .elementor-heading-title{color:#0A55E0}
.ttd-sec .ttd-cs-pill>.elementor-widget{flex-shrink:1;min-width:0}

/* ---------- CTA ---------- */
.ttd-sec .ttd-cs-ctah{max-width:min(640px,100%) !important}

/* ---------- mobile (règles de ttd-mobile.js) ---------- */
@media (max-width:767px){
  .ttd-csf input.elementor-field{height:52px;min-height:52px;font-size:16px !important}
  .ttd-csf .elementor-field-type-submit,.ttd-csf .e-form__buttons{width:100% !important;align-items:stretch !important}
  .ttd-csf .elementor-field-type-submit .elementor-button{width:100% !important;align-self:stretch;min-height:52px;justify-content:center;display:flex;align-items:center}
}

/* police de repli identique à la maquette ('Archivo',system-ui,sans-serif) : la flèche → n'est pas dans le sous-ensemble
   Google Fonts d'Archivo, elle doit tomber sur system-ui comme dans la maquette (et non sur la police « Sans-serif » d'Elementor) */
.ttd-sec .elementor-heading-title,.ttd-sec .elementor-button,.ttd-sec .elementor-widget-text-editor,.ttd-sec .elementor-field,.ttd-sec .elementor-field-label{font-family:'Archivo',system-ui,sans-serif !important}