/*
Theme Name: La Gazette de Porto
Theme URI: http://localhost:8080
Author: La Gazette de Porto
Author URI: http://localhost:8080
Description: Thème block « broadsheet chic » à la française pour la gazette en ligne de la communauté française de Porto. 100 % gratuit, polices auto-hébergées (RGPD), entièrement éditable dans l'éditeur de site Gutenberg.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gazette-de-porto
Tags: full-site-editing, block-styles, blog, news, magazine, editorial, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Le style provient essentiellement de theme.json (block theme).
   Ci-dessous : retouches éditoriales qui ne s'expriment pas bien dans theme.json. */

/* --- Lettrine (drop cap) sur la classe utilitaire .a-lettrine --- */
.a-lettrine > p:first-of-type:first-letter {
  font-family: var(--wp--preset--font-family--display);
  font-weight: 900;
  float: left;
  font-size: 4.6rem;
  line-height: 0.78;
  padding: 0.04em 0.12em 0 0;
  color: var(--wp--preset--color--rouge);
}

/* --- Kicker / sur-titre de rubrique --- */
.a-kicker {
  font-family: var(--wp--preset--font-family--ui);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.78rem;
  color: var(--wp--preset--color--bleu);
}

/* --- Filets fins « gazette » --- */
.a-filet-or { border: 0; border-top: 2px solid var(--wp--preset--color--or); }
.a-filet-fin { border: 0; border-top: 1px solid var(--wp--preset--color--rule); }

/* --- Titre de section avec filet horizontal --- */
.a-section-titre {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: var(--wp--preset--font-family--display);
}
.a-section-titre::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--wp--preset--color--rule);
}

/* --- Encadré « En pratique » --- */
.a-encadre {
  background: var(--wp--preset--color--paper-2);
  border-left: 3px solid var(--wp--preset--color--bleu);
}
.a-encadre h4, .a-encadre h3 { color: var(--wp--preset--color--bleu); }

/* --- Masthead : empattement serré du wordmark --- */
.a-wordmark { font-family: var(--wp--preset--font-family--display); font-weight: 900; letter-spacing: -0.02em; }
.a-dateline { font-family: var(--wp--preset--font-family--ui); text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.72rem; color: var(--wp--preset--color--ink-soft); }

/* --- Liens de navigation : style presse --- */
.wp-block-navigation { font-family: var(--wp--preset--font-family--ui); font-weight: 600; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.06em; }
.wp-block-navigation a { color: var(--wp--preset--color--ink); }

/* --- Vignettes d'articles : titres serif --- */
.wp-block-post-title a { font-family: var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); }
.wp-block-post-title a:hover { color: var(--wp--preset--color--rouge); text-decoration: none; }

/* --- Méta (date, catégorie) --- */
.wp-block-post-date, .wp-block-post-terms { font-family: var(--wp--preset--font-family--ui); font-size: 0.78rem; color: var(--wp--preset--color--ink-soft); }

/* --- Accessibilité : focus visible --- */
a:focus-visible, button:focus-visible, input:focus-visible, .wp-block-navigation a:focus-visible {
  outline: 2px solid var(--wp--preset--color--bleu);
  outline-offset: 2px;
}

/* --- Images : légères ombres « papier » --- */
.wp-block-post-featured-image img, .wp-block-image img { border-radius: 2px; }