/* themes.css — spécifique au gabarit THÈME (single-themes.php), en complément de destination.css.
   Classes reprises de la maquette theme.html : chips du hero, idées (badges durée), tableau saison. */

/* Puces de réassurance sous le bouton du hero */
.dhero .chips{margin-top:24px;display:flex;gap:20px;flex-wrap:wrap;font-size:.86rem;opacity:.92}
.dhero .chips span{display:flex;align-items:center;gap:7px}

/* Bloc « Autres thèmes » (single-thème uniquement) : 3 cartes plus grandes. */
.dthemes .xgrid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.dthemes .xgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dthemes .xgrid{grid-template-columns:1fr}}
/* Titre DU BLOC sur une seule ligne (garde-fou : re-passe sur 2 lignes en petit écran). */
.dthemes .sec-head{max-width:none}
.dthemes .sec-head h2{white-space:nowrap}
.dthemes-intro{max-width:680px;margin-left:auto;margin-right:auto}
@media(max-width:820px){.dthemes .sec-head h2{white-space:normal}}

/* Idées d'itinéraires : badge durée + texte */
.ideas{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.idea{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px 26px;box-shadow:var(--shadow-sm);transition:.35s var(--ease)}
.idea:hover{transform:translateX(4px);box-shadow:var(--shadow)}
.idea .d{font-family:var(--mont);font-weight:800;font-size:1.5rem;color:var(--teal-deep);text-align:center;line-height:1}
.idea .d small{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;margin-top:4px}
.idea h4{font-size:1.1rem;margin-bottom:5px}
.idea p{font-size:.92rem;color:var(--ink-soft);margin:0 0 .8em}
.idea p:last-child{margin-bottom:0}

/* (Tableau « Quand partir ? » .season/.tag-* déplacé dans destination.css — chargé sur destination + thème.) */

@media (max-width:640px){
  .idea{grid-template-columns:64px 1fr;gap:16px}
}