/* Finistere Guide — habillage complementaire au theme.json.
   Le parti pris : la photographie porte la page, la typographie la tient. */

/* --- Bandeau d accueil, image pleine largeur --------------------------- */
.fi-bandeau{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;
  overflow:hidden;margin-bottom:var(--wp--preset--spacing--60)}
.fi-bandeau__image,.fi-bandeau__image img{position:absolute;inset:0;width:100%;height:100%}
.fi-bandeau__image img{object-fit:cover}
.fi-bandeau::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,46,61,0) 0%,rgba(15,46,61,.18) 45%,rgba(15,46,61,.86) 100%)}
.fi-bandeau__texte{position:relative;z-index:2;width:100%;
  padding:0 1.5rem var(--wp--preset--spacing--50)}
.fi-bandeau__texte>*{max-width:900px;margin-inline:auto}
.fi-bandeau h1{color:#fff!important;text-wrap:balance;
  text-shadow:0 2px 28px rgba(15,46,61,.45)}
.fi-bandeau p{color:#EDE8DF;font-size:1.2rem;line-height:1.6;max-width:640px;
  margin-inline:auto;text-shadow:0 1px 14px rgba(15,46,61,.5)}
@media(max-width:781px){
  .fi-bandeau{min-height:min(70vh,560px)}
  .fi-bandeau p{font-size:1.05rem}
}

/* --- Filet de rappel sous l en-tete ------------------------------------ */
.fi-entete{background:var(--wp--preset--color--base);
  border-bottom:1px solid var(--wp--preset--color--bordure)}
.fi-entete .wp-block-site-title a{
  font-family:var(--wp--preset--font-family--titre);font-weight:700;font-size:1.35rem;
  letter-spacing:-.02em;color:var(--wp--preset--color--contrast);text-decoration:none}
.fi-entete .wp-block-navigation a{
  color:var(--wp--preset--color--contrast-2);text-decoration:none;font-weight:500;
  font-size:.98rem}
.fi-entete .wp-block-navigation a:hover{color:var(--wp--preset--color--accent)}

/* --- La une : image large, titre en serif ------------------------------ */
.fi-une .wp-block-post{display:grid;grid-template-columns:1.15fr .85fr;gap:2.6rem;
  align-items:center}
.fi-une .wp-block-post-featured-image img{
  aspect-ratio:16/10;object-fit:cover;width:100%;border-radius:2px}
.fi-une .wp-block-post-title a{color:var(--wp--preset--color--contrast);text-decoration:none}
.fi-une .wp-block-post-title a:hover{color:var(--wp--preset--color--accent)}
.fi-une .wp-block-post-terms a{color:var(--wp--preset--color--mer);text-decoration:none;
  font-weight:600;letter-spacing:.08em}
@media(max-width:900px){
  .fi-une .wp-block-post{grid-template-columns:1fr;gap:1.4rem}
  .fi-une .wp-block-post-featured-image img{aspect-ratio:16/9!important;max-height:44vh}
}

/* --- Grille de rubrique : cartes photographiques ----------------------- */
.fi-cartes .wp-block-post{position:relative;background:transparent;border:0;padding:0}
.fi-cartes .wp-block-post-featured-image{margin:0;overflow:hidden;border-radius:2px}
.fi-cartes .wp-block-post-featured-image img{
  aspect-ratio:4/3;object-fit:cover;width:100%;
  transition:transform .5s cubic-bezier(.2,.6,.2,1)}
.fi-cartes .wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.045)}
.fi-cartes .wp-block-post-terms{
  font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;
  color:var(--wp--preset--color--mer);margin:.9rem 0 .3rem}
.fi-cartes .wp-block-post-terms a{color:inherit;text-decoration:none}
.fi-cartes .wp-block-post-title{font-size:1.25rem;line-height:1.25;margin:0 0 .45rem}
.fi-cartes .wp-block-post-title a{color:var(--wp--preset--color--contrast);text-decoration:none}
.fi-cartes .wp-block-post:hover .wp-block-post-title a{color:var(--wp--preset--color--accent)}
.fi-cartes .wp-block-post-excerpt{font-size:.96rem;line-height:1.6;
  color:var(--wp--preset--color--discret)}

/* --- Portes d entree des rubriques ------------------------------------- */
.fi-portes .wp-block-column{position:relative}
.fi-porte{position:relative;display:block;overflow:hidden;border-radius:2px;
  min-height:230px;background:var(--wp--preset--color--contrast)}
.fi-porte img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.72;transition:transform .5s cubic-bezier(.2,.6,.2,1),opacity .3s}
.fi-porte:hover img{transform:scale(1.06);opacity:.85}
.fi-porte__texte{position:relative;z-index:2;display:flex;align-items:flex-end;
  height:100%;min-height:230px;padding:1.2rem;
  background:linear-gradient(180deg,rgba(15,46,61,0) 35%,rgba(15,46,61,.8) 100%)}
.fi-porte__titre{font-family:var(--wp--preset--font-family--titre);font-weight:600;
  font-size:1.15rem;line-height:1.2;color:#fff;margin:0;letter-spacing:-.01em}
.fi-porte a{position:absolute;inset:0;z-index:3;text-indent:-999em}

/* --- Sommaire ancre ---------------------------------------------------- */
.fi-sommaire{background:var(--wp--preset--color--base-2);
  border-left:3px solid var(--wp--preset--color--accent);
  padding:1.3rem 1.6rem;margin:0 0 2.8rem}
.fi-sommaire__titre{font-family:var(--wp--preset--font-family--titre);font-weight:600;
  color:var(--wp--preset--color--contrast);margin:0 0 .6rem;font-size:1.05rem}
.fi-sommaire ol{margin:0;padding-left:1.2rem;line-height:1.65}
.fi-sommaire li{margin:.32rem 0}
.fi-sommaire a{color:var(--wp--preset--color--contrast-2);text-decoration:none}
.fi-sommaire a:hover{color:var(--wp--preset--color--accent);text-decoration:underline}

/* --- Tableaux et encadres --------------------------------------------- */
.fi-tableau{overflow-x:auto;margin:2.2rem 0;-webkit-overflow-scrolling:touch}
.fi-tableau table{border-collapse:collapse;width:100%;min-width:32rem;font-size:1rem}
.fi-tableau th,.fi-tableau td{
  border:1px solid var(--wp--preset--color--bordure);padding:.75rem .95rem;text-align:left}
.fi-tableau th{background:var(--wp--preset--color--contrast);color:#fff;
  font-family:var(--wp--preset--font-family--titre);font-weight:600}
.fi-tableau tbody tr:nth-child(even){background:var(--wp--preset--color--base-2)}
.fi-pratique{background:var(--wp--preset--color--base-2);
  border-left:3px solid var(--wp--preset--color--mer);
  padding:1.2rem 1.5rem;margin:2.2rem 0}
.fi-pratique p:last-child{margin-bottom:0}

/* --- Bloc auteur ------------------------------------------------------- */
.fi-auteur{border-top:1px solid var(--wp--preset--color--bordure);
  margin-top:4rem;padding-top:1.6rem;font-size:.95rem;
  color:var(--wp--preset--color--discret)}
.fi-auteur__nom{font-family:var(--wp--preset--font-family--titre);font-weight:600;
  color:var(--wp--preset--color--contrast);font-size:1.05rem;margin:0 0 .3rem}

/* --- Pied de page ------------------------------------------------------ */
.fi-pied{background:var(--wp--preset--color--contrast);color:#C4D2D8}
.fi-pied a{color:#fff}
.fi-pied .wp-block-heading{color:#fff}

/* --- Confort de lecture ------------------------------------------------ */
.wp-block-post-content>p{margin-block:1.2em}
.wp-block-post-content li{margin-block:.42em}
:where(.wp-block-post-content) img{border-radius:2px}
.wp-block-post-content>p:first-of-type{font-size:1.24rem;line-height:1.62;
  color:var(--wp--preset--color--contrast)}