/*
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.4.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); }

/* --- Barre de menu supérieure (sections) --- */
.a-topbar { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--wp--preset--color--or); }
.a-topbar .wp-block-navigation { font-size: 0.78rem; }
.a-topbar .wp-block-navigation a { color: var(--wp--preset--color--paper); }
.a-topbar .wp-block-navigation a:hover { color: var(--wp--preset--color--or); text-decoration: none; }
/* Icône du menu mobile en couleur papier sur fond encre */
.a-topbar .wp-block-navigation__responsive-container-open,
.a-topbar .wp-block-navigation__responsive-container-close { color: var(--wp--preset--color--paper); }

/* --- Sous-menu « À la Une » (derniers articles) --- */
.a-topbar { overflow: visible; }
.a-topbar .wp-block-navigation__submenu-icon { color: var(--wp--preset--color--paper); margin-left: 0.25em; }
/* Fond sombre du dropdown : bat la règle par défaut du cœur (fond blanc quand la
   navigation n'a pas de "has-background") — sinon texte blanc sur fond blanc. */
.a-topbar .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container,
.a-topbar .wp-block-navigation .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--ink);
	border: 1px solid var(--wp--preset--color--or);
	min-width: 280px;
	padding: 0.35rem 0;
	box-shadow: 0 10px 28px rgba(0,0,0,0.28);
}
.a-topbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: var(--wp--preset--color--paper);
	text-transform: none;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 0.82rem;
	line-height: 1.3;
	padding: 0.5rem 1rem;
	white-space: normal;
}
.a-topbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--or); }
/* Dernier lien : « Toute la Une → » mis en valeur */
.a-topbar .gazette-menu-all { border-top: 1px solid rgba(255,255,255,0.14); margin-top: 0.25rem; }
.a-topbar .gazette-menu-all .wp-block-navigation-item__content { color: var(--wp--preset--color--or); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.74rem; }

/* --- Pied de page : liens lisibles sur fond encre --- */
.a-footer a { color: var(--wp--preset--color--paper); }
.a-footer a:hover { color: var(--wp--preset--color--or); text-decoration: underline; }
.a-footer .a-footer-menu,
.a-footer .wp-block-page-list { list-style: none; padding-left: 0; margin: 0; }
.a-footer .a-footer-menu li,
.a-footer .wp-block-page-list li { margin: 0 0 0.45rem 0; font-family: var(--wp--preset--font-family--ui); }

/* --- 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; }