/*
Theme Name: Fromageo
Theme URI: https://fromageo.com
Description: Theme enfant de Twenty Twenty-Five pour le catalogue des fromages du monde entier. Palette croute/creme/persille, hubs par pays, fiches structurees.
Author: Fromageo
Template: twentytwentyfive
Version: 1.0
Requires at least: 6.7
Tested up to: 7.0
License: GNU General Public License v2 or later
Text Domain: fromageo
*/

/* Le gros du style passe par theme.json. Ici, uniquement ce que les blocs ne
   savent pas exprimer. */

/* --- Grille des pays ---------------------------------------------------- */
.frm-pays-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:.75rem;
  margin:0;padding:0;list-style:none;
}
.frm-pays-grid a{
  display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;
  padding:.85rem 1rem;
  background:var(--wp--preset--color--accent-5);
  border:1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 10%, transparent);
  border-radius:.5rem;
  text-decoration:none;
  color:var(--wp--preset--color--contrast);
  transition:border-color .15s ease, transform .15s ease;
}
.frm-pays-grid a:hover{
  border-color:var(--wp--preset--color--accent-1);
  transform:translateY(-1px);
}
.frm-pays-grid .frm-nom{font-weight:600;line-height:1.3}
.frm-pays-grid .frm-n{
  font-size:.8rem;color:var(--wp--preset--color--accent-4);
  font-variant-numeric:tabular-nums;white-space:nowrap;
}

/* --- Chiffres cles ------------------------------------------------------ */
.frm-chiffres{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1rem;margin:0;padding:0;list-style:none;
}
.frm-chiffres li{
  background:var(--wp--preset--color--accent-2);
  border-radius:.5rem;padding:1.1rem 1.2rem;
}
.frm-chiffres .frm-v{
  display:block;font-size:2rem;font-weight:700;line-height:1;
  font-family:var(--wp--preset--font-family--serif);
  color:var(--wp--preset--color--accent-1);
}
.frm-chiffres .frm-l{
  display:block;font-size:.85rem;color:var(--wp--preset--color--accent-4);margin-top:.35rem;
}

/* --- Fiche fromage : caracteristiques ----------------------------------- */
.frm-carac{width:100%;border-collapse:collapse;margin:1.5rem 0}
.frm-carac th,.frm-carac td{
  padding:.6rem .2rem;text-align:left;
  border-bottom:1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 12%, transparent);
}
.frm-carac th{
  width:38%;font-weight:600;font-size:.85rem;letter-spacing:.04em;
  text-transform:uppercase;color:var(--wp--preset--color--accent-4);
}
.frm-carac td a{color:var(--wp--preset--color--accent-1)}

.frm-sources{
  font-size:.85rem;color:var(--wp--preset--color--accent-4);
  border-left:3px solid var(--wp--preset--color--accent-1);
  padding:.6rem 0 .6rem 1rem;margin:2rem 0 0;
}
.frm-sources ul{margin:.4rem 0 0;padding-left:1.1rem}
.frm-sources li{margin:.15rem 0;word-break:break-word}

/* --- Cartes de fromages (query loop) ------------------------------------ */
.frm-carte{
  background:var(--wp--preset--color--accent-5);
  border-radius:.6rem;overflow:hidden;height:100%;
  border:1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 8%, transparent);
}

/* --- Bandeau pays ------------------------------------------------------- */
.frm-bandeau{
  background:var(--wp--preset--color--accent-2);
  border-radius:.6rem;padding:1.4rem 1.6rem;
}

/* --- Glossaire ---------------------------------------------------------- */
.frm-glossaire-index{
  display:flex;flex-wrap:wrap;gap:.4rem;
  padding:1.1rem;margin:0 0 2.5rem;
  background:var(--wp--preset--color--accent-5);
  border:1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 10%, transparent);
  border-radius:.5rem;
}
.frm-glossaire-index a{
  font-size:.85rem;text-decoration:none;padding:.15rem .55rem;border-radius:.25rem;
  background:var(--wp--preset--color--accent-2);color:var(--wp--preset--color--contrast);
}
.frm-glossaire-index a:hover{background:var(--wp--preset--color--accent-1);color:var(--wp--preset--color--base)}
dl.frm-glossaire{margin:0}
dl.frm-glossaire dt{
  font-family:var(--wp--preset--font-family--serif);
  font-weight:700;font-size:1.15rem;
  color:var(--wp--preset--color--accent-1);
  margin-top:2rem;scroll-margin-top:1rem;
}
dl.frm-glossaire dd{margin:.4rem 0 0}
dl.frm-glossaire dd + dt{
  border-top:1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 10%, transparent);
  padding-top:1.6rem;
}