/* Tea Time Data — blog : page News (liste) + articles + offre d'emploi. Complète ttd-native.css et article.css (natif Elementor). */

/* ---------- Liste (page News) ---------- */
.ttd-sec .e-con.ttd-bl-card{color:#061F4A;transition:border-color .15s,box-shadow .15s}
.ttd-sec .e-con.ttd-bl-card:hover{border-color:#0A55E0 !important;color:#061F4A}
.ttd-sec .e-con.ttd-bl-card .ttd-bl-more{margin-top:auto !important}
.ttd-sec .e-con.ttd-bl-card.ttd-bl-cs{background:#F6F7F9}

/* ---------- Corps d'article ---------- */
.ttd-art-body a{color:#0A55E0;text-decoration:underline;text-underline-offset:2px}
.ttd-art-body strong{color:#061F4A;font-weight:700}
.ttd-art-body .ttd-bl-lead p{margin:0}
.ttd-art-body .ttd-bl-pull p{margin:8px 0;text-align:center;color:#F3462F;font-weight:700;letter-spacing:-.01em}
.ttd-art-body .ttd-bl-pull p::before{content:"";display:block;width:36px;height:3px;background:#F3462F;margin:0 auto 18px}
.ttd-art-body .ttd-art-list strong{font-weight:700}

/* étapes / chronologie / niveaux (ol.steps) */
.ttd-bl ol.steps{list-style:none;margin:0;padding:0;border-top:1px solid #E4E7EB}
.ttd-bl ol.steps>li{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #E4E7EB;margin:0}
.ttd-bl ol.steps .n{font-size:24px;font-weight:700;color:#F3462F;line-height:1.2;letter-spacing:-.02em}
.ttd-bl ol.steps.tl>li{grid-template-columns:88px 1fr}
.ttd-bl ol.steps.tl .n{font-size:14px;font-weight:600;padding-top:3px;letter-spacing:0}
.ttd-bl ol.steps h3{margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.35;color:#061F4A}
.ttd-bl ol.steps p{margin:0 0 6px;font-size:15px;line-height:1.6;color:#263B6B}
.ttd-bl ol.steps p:last-child{margin-bottom:0}
.ttd-bl ol.steps p.res{font-size:13.5px;color:#6B7280}
.ttd-bl ol.steps .pct{margin-left:8px;color:#F3462F;font-weight:700}
.ttd-bl ol.steps .bar{height:6px;border-radius:3px;background:#E8EBF3;margin:8px 0 12px;max-width:340px;overflow:hidden}
.ttd-bl ol.steps .bar i{display:block;height:100%;background:#F3462F;border-radius:3px}
.ttd-bl ol.steps a{color:#0A55E0;text-decoration:underline;text-underline-offset:2px}

/* légende */
.ttd-bl p.cap{margin:0;font-size:13.5px;font-style:italic;color:#6B7280}
.ttd-bl figure{margin:0}
.ttd-bl figure img{display:block;width:100%;height:auto;border:1px solid #E4E7EB;border-radius:14px;background:#fff}
.ttd-bl figcaption{margin-top:10px;font-size:13.5px;font-style:italic;color:#6B7280}

/* tableau comparatif */
.ttd-bl table.cmp{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;color:#263B6B;table-layout:fixed}
.ttd-bl table.cmp th{text-align:left;padding:10px 14px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B7280;border-bottom:2px solid #061F4A}
.ttd-bl table.cmp th.h{color:#F3462F;border-bottom-color:#F3462F}
.ttd-bl table.cmp td{padding:14px;border-bottom:1px solid #E4E7EB;vertical-align:top}
.ttd-bl table.cmp td:first-child{font-weight:700;color:#061F4A;width:26%}
@media(max-width:600px){.ttd-bl table.cmp{font-size:14px}.ttd-bl table.cmp td,.ttd-bl table.cmp th{padding:10px 8px}.ttd-bl table.cmp td:first-child{width:30%}}

/* à retenir */
.ttd-bl .take{background:#F6F7F9;border-top:3px solid #F3462F;padding:24px 28px}
.ttd-bl .take h2{margin:0 0 14px;font-size:20px;font-weight:700;color:#061F4A}
.ttd-bl .take ul,.ttd-bl .src ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ttd-bl .take li{display:flex;gap:12px;align-items:baseline;font-size:16px;line-height:1.6;color:#263B6B;margin:0}
.ttd-bl .take li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#F3462F;transform:translateY(-2px)}
.ttd-bl .take li>span{display:block}

/* mention + sources */
.ttd-bl p.note{margin:0;font-size:13.5px;font-style:italic;color:#6B7280}
.ttd-bl .src .srch{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B7280;margin-bottom:10px}
.ttd-bl .src li{font-size:14px;line-height:1.5;margin:0}
.ttd-bl .src a{color:#263B6B;text-decoration:underline;text-underline-offset:2px}

/* appel final */
.ttd-bl .cta{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;border-top:1px solid #E4E7EB;padding-top:28px}
.ttd-bl .cta p{margin:0;font-size:20px;font-weight:700;line-height:1.3;color:#061F4A;max-width:420px}
.ttd-bl .cta a{font-size:15px;font-weight:600;color:#F3462F;text-decoration:none;white-space:nowrap}
.ttd-bl .cta a:hover{text-decoration:underline}

/* illustrations recréées en HTML */
.ttd-bl .ill{border:1px solid #E4E7EB;border-radius:14px;background:#fff;padding:24px}
.ttd-bl .ill-ab{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ttd-bl .ill-ab .area{border-radius:10px;padding:18px;background:#F3F5FA}
.ttd-bl .ill-ab .area.b{background:#FDF0EE}
.ttd-bl .ill-ab .lab{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B7280}
.ttd-bl .ill-ab .area.b .lab{color:#F3462F}
.ttd-bl .ill-ab .t{margin-top:6px;font-size:17px;font-weight:700;color:#061F4A}
.ttd-bl .ill-ab .bars{display:flex;align-items:flex-end;gap:8px;height:74px;margin-top:14px}
.ttd-bl .ill-ab .bars i{flex:1;border-radius:4px 4px 0 0;background:#C9D3E8}
.ttd-bl .ill-ab .area.b .bars i{background:#F3462F}
.ttd-bl .ill-names{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.ttd-bl .ill-names span.chip{padding:9px 16px;border-radius:999px;background:#F3F5FA;border:1px solid #D3D7DD;font-size:16px;font-weight:600;color:#263B6B}
.ttd-bl .ill-names span.eq{font-size:22px;color:#6B7280}
.ttd-bl .ill-names span.one{padding:9px 16px;border-radius:999px;background:#061F4A;color:#fff;font-size:16px;font-weight:700}
@media(max-width:600px){.ttd-bl .ill-ab{grid-template-columns:1fr}.ttd-bl ol.steps>li,.ttd-bl ol.steps.tl>li{grid-template-columns:1fr;gap:4px}}

/* offre d'emploi */
.ttd-bl .jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:20px}
.ttd-bl .jobs .card{border:1px solid #D3D7DD;border-radius:14px;background:#fff;padding:32px}
.ttd-bl .jobs .eyebrow{font-size:12.5px;font-weight:600;color:#F3462F;letter-spacing:.04em;text-transform:uppercase}
.ttd-bl .jobs h2{margin:8px 0 14px;font-size:24px;line-height:1.2;font-weight:700;color:#061F4A}
.ttd-bl .jobs p{margin:0 0 12px;font-size:16px;line-height:1.65;color:#263B6B}
.ttd-bl .jobs ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ttd-bl .jobs li{display:flex;gap:12px;align-items:baseline;font-size:16px;line-height:1.6;color:#263B6B;margin:0}
.ttd-bl .jobs li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#F3462F;transform:translateY(-2px)}
.ttd-bl .jobs li>span{display:block}
.ttd-bl .jobs-cta{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;margin-top:20px;background:#02204D;border-radius:14px;padding:36px}
.ttd-bl .jobs-cta h2{margin:0 0 10px;font-size:28px;color:#fff}
.ttd-bl .jobs-cta p{margin:0 0 10px;color:#BCC8E3;font-size:16px;line-height:1.6;max-width:640px}
.ttd-bl .jobs-cta a.btn{background:#F3462F;color:#fff;font-weight:600;font-size:15px;padding:13px 22px;border-radius:6px;text-decoration:none;white-space:nowrap}

/* billet « événement » : encadrés pratiques */
.ttd-bl .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(max-width:600px){.ttd-bl .facts{grid-template-columns:1fr}}
.ttd-bl .facts .f{border-radius:12px;padding:20px 22px;background:#02204D}
.ttd-bl .facts .k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FF8A78;margin-bottom:8px}
.ttd-bl .facts .v{font-size:17px;font-weight:600;line-height:1.5;color:#ffffff}

/* carte à la une : fond bleu foncé */
.ttd-sec .e-con.ttd-bl-card.ttd-bl-feat{background:#02204D;border:2px solid #02204D !important;color:#fff}
.ttd-sec .e-con.ttd-bl-card.ttd-bl-feat:hover{background:#0A2F66;border-color:#0A2F66 !important;color:#fff}

/* annonce « We're hiring » : contour orange */
.ttd-sec .e-con.ttd-bl-card.ttd-bl-job{border:2px solid #F3462F !important}
.ttd-sec .e-con.ttd-bl-card.ttd-bl-job:hover{border-color:#C9301C !important}

/* cartes côte à côte : titres sur la même hauteur (2 lignes) pour aligner texte et « Read more » */
/* titres des 2 cartes : 28 px, une seule ligne en bureau (plus de min-height) */

/* filtre des news (par type) */
.ttd-bl-filters{display:flex;flex-wrap:wrap;gap:10px}
.ttd-bl-filters .ttd-chip{appearance:none;cursor:pointer;font:600 14px/1.2 Archivo,sans-serif;color:#061F4A;background:#fff;border:1px solid #D3D7DD;border-radius:999px;padding:9px 16px;transition:background .15s,color .15s,border-color .15s}
.ttd-bl-filters .ttd-chip:hover{border-color:#0A55E0}
.ttd-bl-filters .ttd-chip[aria-pressed="true"]{background:#02204D;border-color:#02204D;color:#fff}
.ttd-bl-filters .ttd-chip:focus-visible{outline:2px solid #0A55E0;outline-offset:2px}

/* ---------- Page News automatique ([ttd_news]) ---------- */
.ttd-nw{font-family:Archivo,sans-serif;color:#061F4A}
.ttd-nw a{text-decoration:none}
.ttd-nw-wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.ttd-nw-top{background:#fff;padding:72px 0 80px;border-top:1px solid #E4E7EB}
.ttd-nw-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:24px}
.ttd-nw-card{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;border:1px solid #D3D7DD;border-radius:14px;background:#fff;padding:28px;color:#061F4A;transition:border-color .15s,background .15s}
.ttd-nw-card:hover{border-color:#0A55E0}
.ttd-nw-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;line-height:1.5}
.ttd-nw-meta .t{color:#F3462F;font-weight:600}
.ttd-nw-meta .d,.ttd-nw-meta .r{color:#6B7280}
.ttd-nw-card h3{margin:0;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:#061F4A}
.ttd-nw-card h2{margin:0;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.02em}
.ttd-nw-card p{margin:0;font-size:15px;line-height:1.6;color:#263B6B}
.ttd-nw-card .more{margin-top:auto;padding-top:2px;font-size:14px;font-weight:600;color:#0A55E0}
.ttd-nw-card.feat,.ttd-nw-card.job{padding:40px;gap:14px;border-width:2px}
.ttd-nw-card.feat p,.ttd-nw-card.job p{font-size:17px}
.ttd-nw-card.feat{background:#02204D;border-color:#02204D;color:#fff}
.ttd-nw-card.feat:hover{background:#0A2F66;border-color:#0A2F66}
.ttd-nw-card.feat h2{color:#fff}
.ttd-nw-card.feat p{color:#DCE3F2}
.ttd-nw-card.feat .t{color:#FF8A78}
.ttd-nw-card.feat .d,.ttd-nw-card.feat .r{color:#BCC8E3}
.ttd-nw-card.feat .more{color:#fff}
.ttd-nw-card.job{border-color:#F3462F}
.ttd-nw-card.job:hover{border-color:#C9301C}
.ttd-nw-card.job h2{color:#061F4A}
.ttd-nw-more{background:#F6F7F9;padding:88px 0 96px;border-top:1px solid #E4E7EB}
.ttd-nw-more h2{margin:0 0 28px;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#061F4A}
.ttd-nw-more .ttd-bl-filters{margin-bottom:32px}
.ttd-nw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px}
@media(max-width:767px){.ttd-nw-top{padding:48px 0 56px}.ttd-nw-more{padding:56px 0 64px}.ttd-nw-wrap{padding:0 20px}.ttd-nw-card.feat,.ttd-nw-card.job{padding:24px}.ttd-nw-card.feat h2,.ttd-nw-card.job h2{font-size:24px}}