/* ==========================================================
   PREMIUM TEMPLATES — francais-en-thailande.com  v3.0 (2026-06-14)
   Single article (Discover-ready). Tokens from child style.css :root.
   ========================================================== */

.fet-single{
  --fet-read: 720px;
  --fet-wide: 1080px;
  max-width: var(--fet-wide);
  margin: 0 auto;
  padding: 0 20px 64px;
  font-family: var(--fe-body);
  color: var(--fe-ink);
}
/* Neutralise les contraintes/encarts tripster autour de l'article */
.fet-single .post_meta,
.fet-single .post_header,
.fet-single .post_featured{ display:none !important; }

/* ---- Breadcrumb ---- */
.fet-breadcrumb{ max-width:var(--fet-read); margin:22px auto 0; font-size:.83rem; color:var(--fe-muted); }
.fet-breadcrumb a{ color:var(--fe-soft); text-decoration:none; }
.fet-breadcrumb a:hover{ color:var(--fe-teal); }
.fet-breadcrumb .breadcrumb_last{ color:var(--fe-muted); }

/* ---- Article head ---- */
.fet-article-head{ max-width:var(--fet-read); margin:0 auto; padding-top:26px; }
.fet-eyebrow{
  display:inline-block; font-family:var(--fe-body); font-weight:700; font-size:.72rem;
  letter-spacing:.12em; text-transform:uppercase; color:var(--fe-coral);
  text-decoration:none; margin-bottom:14px;
}
.fet-eyebrow:hover{ color:var(--fe-coralH); }
.fet-title{
  font-family:var(--fe-display); font-weight:700; line-height:1.12;
  font-size:clamp(2rem, 4.6vw, 3.1rem); letter-spacing:-.015em;
  color:var(--fe-ink); margin:0 0 16px;
}
.fet-standfirst{
  font-family:var(--fe-body); font-size:1.18rem; line-height:1.6; color:var(--fe-soft);
  font-weight:400; margin:0 0 22px;
}

/* ---- Byline ---- */
.fet-byline{ display:flex; align-items:center; gap:13px; padding:16px 0; border-top:1px solid var(--fe-line); border-bottom:1px solid var(--fe-line); margin-bottom:6px; }
.fet-byline-av{ flex:0 0 auto; }
.fet-avatar{ width:46px; height:46px; border-radius:50%; display:block; object-fit:cover; }
.fet-byline-meta{ display:flex; flex-direction:column; gap:2px; font-size:.9rem; }
.fet-by a{ color:var(--fe-ink); font-weight:600; text-decoration:none; }
.fet-by a:hover{ color:var(--fe-teal); }
.fet-dates{ color:var(--fe-muted); font-size:.82rem; }
.fet-dates time, .fet-rt{ white-space:nowrap; }

/* ---- Hero ---- */
.fet-hero{ margin:26px auto 30px; max-width:var(--fet-wide); }
.fet-hero-img{ width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 18px 50px rgba(15,32,39,.16); }
.fet-hero-cap{ font-size:.8rem; color:var(--fe-muted); text-align:center; padding-top:9px; }

/* ---- Content typography (reading column) ---- */
.fet-content{ max-width:var(--fet-read); margin:0 auto; font-size:1.12rem; line-height:1.75; color:#26221c; }
.fet-content > *{ max-width:100%; }
.fet-content p{ margin:0 0 1.35em; }
.fet-content h2{
  font-family:var(--fe-display); font-weight:700; font-size:1.72rem; line-height:1.22;
  letter-spacing:-.01em; color:var(--fe-deep); margin:2.1em 0 .65em; padding-top:.2em;
}
.fet-content h3{
  font-family:var(--fe-body); font-weight:700; font-size:1.28rem; color:var(--fe-ink);
  margin:1.7em 0 .5em;
}
.fet-content a{ color:var(--fe-teal); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px; }
.fet-content a:hover{ color:var(--fe-tealH); }
.fet-content img{ height:auto; border-radius:10px; }
.fet-content ul, .fet-content ol{ margin:0 0 1.35em; padding-left:1.3em; }
.fet-content li{ margin:.4em 0; }
.fet-content blockquote{
  margin:1.6em 0; padding:.3em 0 .3em 1.2em; border-left:4px solid var(--fe-gold);
  font-family:var(--fe-display); font-style:italic; font-size:1.3rem; color:var(--fe-deep);
}
.fet-content table{ width:100%; border-collapse:collapse; margin:1.6em 0; font-size:.98rem; }
.fet-content th, .fet-content td{ border:1px solid var(--fe-line2); padding:10px 12px; text-align:left; }
.fet-content thead th{ background:var(--fe-tint); font-family:var(--fe-body); }
.fet-content strong{ color:var(--fe-ink); }

/* ---- Tags ---- */
.fet-tags{ max-width:var(--fet-read); margin:30px auto 0; display:flex; flex-wrap:wrap; gap:8px; }
.fet-tag{ font-size:.8rem; color:var(--fe-soft); background:var(--fe-tint); border:1px solid var(--fe-line); border-radius:999px; padding:5px 12px; text-decoration:none; }
.fet-tag:hover{ color:var(--fe-teal); border-color:var(--fe-teal); }

/* ---- Author box ---- */
.fet-authorbox{
  max-width:var(--fet-read); margin:40px auto 0; display:flex; gap:18px; align-items:flex-start;
  background:var(--fe-tint); border:1px solid var(--fe-line); border-radius:14px; padding:22px 24px;
}
.fet-ab-avatar{ width:78px; height:78px; border-radius:50%; object-fit:cover; display:block; }
.fet-ab-kicker{ font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--fe-gold); font-weight:700; }
.fet-ab-name{ font-family:var(--fe-display); font-size:1.3rem; margin:3px 0 7px; }
.fet-ab-name a{ color:var(--fe-ink); text-decoration:none; }
.fet-ab-bio{ font-size:.97rem; line-height:1.6; color:var(--fe-soft); margin:0 0 9px; }
.fet-ab-link{ font-size:.9rem; font-weight:600; color:var(--fe-teal); text-decoration:none; }
.fet-ab-link:hover{ color:var(--fe-tealH); }

/* ---- Related (cocon) ---- */
.fet-related{ max-width:var(--fet-wide); margin:54px auto 0; }
.fet-related-title{ font-family:var(--fe-display); font-size:1.5rem; color:var(--fe-deep); margin:0 0 20px; padding-bottom:12px; border-bottom:2px solid var(--fe-gold); }
.fet-related-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.fet-card{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--fe-line); border-radius:10px; overflow:hidden; text-decoration:none; transition:box-shadow .2s ease, transform .2s ease; }
.fet-card:hover{ box-shadow:0 8px 26px rgba(0,0,0,.12); transform:translateY(-3px); }
.fet-card-img{ display:block; aspect-ratio:16/10; overflow:hidden; background:var(--fe-tint); }
.fet-card-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.fet-card-body{ padding:13px 14px 15px; display:flex; flex-direction:column; gap:6px; }
.fet-card-h{ font-family:var(--fe-body); font-weight:600; font-size:.98rem; line-height:1.32; color:var(--fe-ink); }
.fet-card:hover .fet-card-h{ color:var(--fe-coral); }
.fet-card-d{ font-size:.78rem; color:var(--fe-muted); }

/* ==========================================================
   FULL-WIDTH PREMIUM — supprime la sidebar tripster sur
   archive / author / single (layout magazine pleine largeur)
   ========================================================== */
body.archive .sidebar.widget_area,
body.author  .sidebar.widget_area,
body.single  .sidebar.widget_area{ display:none !important; }
body.archive .content,
body.author  .content,
body.single  .content{ width:100% !important; max-width:100% !important; float:none !important; margin:0 !important; }
body.archive .content_wrap,
body.author  .content_wrap,
body.single  .content_wrap{ display:block !important; }

/* ==========================================================
   ARCHIVE (cocon page mère) + AUTHOR
   ========================================================== */
.fet-archive, .fet-authorpage{
  max-width:1140px; margin:0 auto; padding:0 20px 64px;
  font-family:var(--fe-body); color:var(--fe-ink);
}

/* Archive head (page mère : kicker + H1 + chapô/description) */
.fet-arch-head{ max-width:760px; margin:26px auto 36px; text-align:center; }
.fet-arch-kicker{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--fe-gold); font-weight:700; }
.fet-arch-title{ font-family:var(--fe-display); font-weight:700; font-size:clamp(2.1rem,4.4vw,3rem); letter-spacing:-.015em; color:var(--fe-deep); margin:8px 0 14px; }
.fet-arch-desc{ font-size:1.08rem; line-height:1.7; color:var(--fe-soft); }
.fet-arch-desc p{ margin:0 0 .8em; }
.fet-arch-desc a{ color:var(--fe-teal); }

/* Grid */
.fet-arch-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.fet-acard{ background:#fff; border:1px solid var(--fe-line); border-radius:12px; overflow:hidden; transition:box-shadow .2s ease, transform .2s ease; }
.fet-acard:hover{ box-shadow:0 10px 30px rgba(0,0,0,.12); transform:translateY(-3px); }
.fet-acard-link{ display:flex; flex-direction:column; height:100%; text-decoration:none; }
.fet-acard-img{ display:block; aspect-ratio:16/10; overflow:hidden; background:var(--fe-tint); }
.fet-acard-img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.fet-acard:hover .fet-acard-img img{ transform:scale(1.05); }
.fet-acard-ph{ display:block; width:100%; height:100%; background:linear-gradient(135deg,var(--fe-tint),var(--fe-line)); }
.fet-acard-body{ display:flex; flex-direction:column; gap:7px; padding:16px 18px 18px; flex:1; }
.fet-acard-cat{ font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--fe-coral); font-weight:700; }
.fet-acard-h{ font-family:var(--fe-display); font-weight:700; font-size:1.18rem; line-height:1.25; color:var(--fe-ink); }
.fet-acard:hover .fet-acard-h{ color:var(--fe-teal); }
.fet-acard-x{ font-size:.92rem; line-height:1.5; color:var(--fe-soft); }
.fet-acard-d{ font-size:.78rem; color:var(--fe-muted); margin-top:auto; }

/* Lead card (1er article = pleine largeur, horizontal) */
.fet-acard--lead{ grid-column:1 / -1; }
.fet-acard--lead .fet-acard-link{ flex-direction:row; align-items:stretch; }
.fet-acard--lead .fet-acard-img{ flex:0 0 52%; aspect-ratio:auto; min-height:300px; }
.fet-acard--lead .fet-acard-body{ justify-content:center; padding:30px 34px; }
.fet-acard--lead .fet-acard-h{ font-size:1.8rem; }
.fet-acard--lead .fet-acard-x{ font-size:1.02rem; }

/* Pagination */
.fet-pagination{ margin:44px 0 0; text-align:center; }
.fet-pagination .page-numbers{ display:inline-block; padding:8px 14px; margin:0 3px; border:1px solid var(--fe-line); border-radius:8px; color:var(--fe-ink); text-decoration:none; font-size:.92rem; }
.fet-pagination .page-numbers.current{ background:var(--fe-deep); color:#fff; border-color:var(--fe-deep); }
.fet-pagination .page-numbers:hover:not(.current){ border-color:var(--fe-teal); color:var(--fe-teal); }
.fet-empty{ text-align:center; color:var(--fe-muted); padding:60px 0; }

/* Author hero */
.fet-ap-hero{ display:flex; gap:26px; align-items:center; max-width:860px; margin:30px auto 40px; padding:28px 30px; background:var(--fe-tint); border:1px solid var(--fe-line); border-radius:16px; }
.fet-ap-avatar{ width:128px; height:128px; border-radius:50%; object-fit:cover; display:block; box-shadow:0 6px 18px rgba(0,0,0,.12); }
.fet-ap-kicker{ font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--fe-gold); font-weight:700; }
.fet-ap-name{ font-family:var(--fe-display); font-size:2rem; color:var(--fe-deep); margin:5px 0 10px; }
.fet-ap-bio{ font-size:1rem; line-height:1.6; color:var(--fe-soft); margin:0 0 10px; }
.fet-ap-count{ font-size:.85rem; color:var(--fe-muted); font-weight:600; }
.fet-ap-listtitle{ font-family:var(--fe-display); font-size:1.5rem; color:var(--fe-deep); max-width:1140px; margin:0 auto 20px; padding-bottom:12px; border-bottom:2px solid var(--fe-gold); }

/* ---- Responsive ---- */
@media (max-width:900px){
  .fet-related-grid{ grid-template-columns:1fr 1fr; }
  .fet-arch-grid{ grid-template-columns:1fr 1fr; }
  .fet-acard--lead .fet-acard-link{ flex-direction:column; }
  .fet-acard--lead .fet-acard-img{ flex:auto; aspect-ratio:16/9; min-height:0; }
}
@media (max-width:600px){
  .fet-single{ padding:0 16px 48px; }
  .fet-content{ font-size:1.06rem; }
  .fet-related-grid{ grid-template-columns:1fr 1fr; gap:14px; }
  .fet-authorbox{ flex-direction:column; align-items:center; text-align:center; }
  .fet-arch-grid{ grid-template-columns:1fr; }
  .fet-ap-hero{ flex-direction:column; text-align:center; }
}