/*
Theme Name: Thème enfant AG Clim
Theme URI: https://www.agclim17.fr
Author: Studio Bamboo
Author URI: https://studiobamboo.fr
Description: Thème enfant de Twenty Twenty-Five pour le site AG Clim 17. Charte navy/or, typos Newsreader & DM Sans. Studio Bamboo · 2026.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 8.1
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: agclim17-child
Tags: one-column, custom-colors, custom-logo, full-site-editing, block-styles, block-patterns
*/

/* ========================================================================
   AG CLIM 17 — STYLES CUSTOM
   Studio Bamboo · Avril 2026
   ======================================================================== */

/* Variables CSS additionnelles (encres métier exposées en CSS) */
:root {
  --agc-sidebar-w: 148px;
  --agc-rail-w: 16px;
  --agc-section-y: 120px;
  --agc-radius: 3px;
}

/* Base body — chargement progressif des polices */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ========================================================================
   TYPOGRAPHIE ÉDITORIALE — Italique or sur les emphases
   ======================================================================== */

/* Italique or sur les <em> dans les titres (signature éditoriale) */
.wp-block-post-title em,
h1 em, h2 em, h3 em, h4 em {
  font-style: italic;
  color: var(--wp--preset--color--or-warm);
  font-weight: inherit;
}

/* ========================================================================
   CLASSES UTILITAIRES — à appliquer dans Gutenberg via "CSS class additionnelles"
   ======================================================================== */

/* Eyebrow uppercase (libellé de section) */
.agc-eyebrow {
  font-family: var(--wp--preset--font-family--dm-sans);
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: var(--wp--preset--color--or-warm);
  font-weight: 700;
  margin-bottom: 1rem !important;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.agc-eyebrow::before {
  content: '';
  width: 2rem;
  height: 1px;
  background: var(--wp--preset--color--or);
}

/* Sous-titre éditorial italique */
.agc-subtitle {
  font-family: var(--wp--preset--font-family--newsreader);
  font-style: italic;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.4;
  color: var(--wp--preset--color--muted);
  letter-spacing: -0.005em;
}

/* Body avec border-left or (signature article) */
.agc-body-quote {
  padding-left: 1.25rem;
  border-left: 2px solid var(--wp--preset--color--or);
  font-size: 0.9375rem;
  line-height: 1.7;
  max-width: 540px;
}

/* Pullquote éditoriale */
.agc-pullquote {
  margin: 3rem 0;
  padding: 2rem 2.5rem;
  border-left: 3px solid var(--wp--preset--color--or);
  background: var(--wp--preset--color--ivoire-warm);
  font-family: var(--wp--preset--font-family--newsreader);
  font-style: italic;
  font-weight: 300;
  font-size: 1.375rem;
  line-height: 1.4;
  color: var(--wp--preset--color--ink);
  letter-spacing: -0.005em;
}

/* Section navy pleine largeur */
.agc-section-navy {
  background: var(--wp--preset--color--navy);
  color: var(--wp--preset--color--ivoire);
  padding: 5rem 3rem;
  position: relative;
  overflow: hidden;
}

.agc-section-navy::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
}

.agc-section-navy h2,
.agc-section-navy h3 {
  color: var(--wp--preset--color--ivoire);
  position: relative;
}

.agc-section-navy em {
  color: var(--wp--preset--color--or) !important;
}

/* ========================================================================
   BOUTONS — Variantes AG Clim 17
   ======================================================================== */

.wp-element-button,
.wp-block-button__link {
  border-radius: var(--agc-radius) !important;
  box-shadow: 0 4px 16px rgba(255, 204, 0, 0.25);
  transition: transform 0.2s, box-shadow 0.2s;
}

.wp-block-button__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(255, 204, 0, 0.35);
}

/* Bouton outline (à appliquer via classe "is-style-outline") */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--wp--preset--color--navy) !important;
  border: 1px solid var(--wp--preset--color--navy) !important;
  box-shadow: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--navy) !important;
  color: var(--wp--preset--color--ivoire) !important;
}

/* ========================================================================
   STATS — Chiffres Newsreader
   ======================================================================== */

.agc-stat-num {
  font-family: var(--wp--preset--font-family--newsreader);
  font-weight: 300;
  font-size: 2.375rem;
  line-height: 1;
  color: var(--wp--preset--color--navy);
  letter-spacing: -0.02em;
}

.agc-stat-num em {
  color: var(--wp--preset--color--or-warm);
}

.agc-stat-label {
  font-family: var(--wp--preset--font-family--dm-sans);
  font-size: 0.5625rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--wp--preset--color--muted);
  font-weight: 600;
}

/* ========================================================================
   CHIPS / ZONES desservies
   ======================================================================== */

.agc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.agc-chip {
  padding: 0.375rem 0.875rem;
  background: var(--wp--preset--color--ivoire);
  border: 1px solid var(--wp--preset--color--line);
  font-family: var(--wp--preset--font-family--dm-sans);
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--wp--preset--color--ink);
  border-radius: 100px;
  letter-spacing: 0.02em;
}

/* ========================================================================
   CARTE GLASS (certifications, encadrés)
   ======================================================================== */

.agc-card-glass {
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.7),
    rgba(250, 248, 244, 0.5));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-left: 4px solid var(--wp--preset--color--or);
  border-radius: var(--agc-radius);
  padding: 2rem 1.75rem;
}

/* ========================================================================
   RAIL navy avec point doré (séparateur de section signature)
   ======================================================================== */

.agc-rail {
  width: var(--agc-rail-w);
  background: var(--wp--preset--color--navy);
  position: relative;
  min-height: 100%;
}

.agc-rail::before {
  content: '';
  position: absolute;
  top: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--wp--preset--color--or);
  box-shadow: 0 0 0 4px rgba(255, 204, 0, 0.15);
}

/* ========================================================================
   ACCESSIBILITÉ — Focus visible
   ======================================================================== */

a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible {
  outline: 2px solid var(--wp--preset--color--or);
  outline-offset: 3px;
}

/* ========================================================================
   RESPONSIVE
   ======================================================================== */

@media (max-width: 768px) {
  :root {
    --agc-section-y: 60px;
  }
  .agc-section-navy {
    padding: 3rem 1.5rem;
  }
}

/* ════════════════════════════════════════════════════════════════
   AG CLIM 17 — MASQUER HEADER & FOOTER LEGACY DU THÈME v1.1
   Le thème utilise un template Kubrick old-school avec
   #header (titre + slogan) et #footer (mentions WP)
   On les masque entièrement, sidebar Aurora + footer Aurora gèrent
   ════════════════════════════════════════════════════════════════ */

/* Masquer le header legacy (titre + slogan + trait or) */
#header,
#headerimg,
body > #page > #header,
.wp-singular #header {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Masquer TOUS les <hr> dans le wrapper #page (Kubrick en a 2) */
#page > hr,
body > #page > hr,
#page hr {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Masquer le footer legacy "Propulsé par WordPress" — ciblage renforcé */
#footer,
body > #page > #footer,
#page > #footer,
#page > div#footer,
div#footer:not(.agc-footer-global) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  position: absolute !important;
  left: -9999px !important;
}

/* Masquer aussi les titres de page WordPress moderne (par sécurité) */
.wp-block-post-title,
.wp-block-site-title,
.wp-block-site-tagline {
  display: none !important;
}

/* Reset du wrapper #page qui pourrait imposer des marges */
#page {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

/* ════════════════════════════════════════════════════════════════
   GARDE-FOU CRITIQUE — Notre footer Aurora Echo reste TOUJOURS visible
   Surclasse toutes les règles précédentes grâce à la spécificité
   ════════════════════════════════════════════════════════════════ */

footer.agc-footer-global,
.agc-footer-global,
body footer.agc-footer-global {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  left: auto !important;
  margin: 0 !important;
  padding: 90px 48px 36px !important;
}

@media (max-width: 768px) {
  footer.agc-footer-global,
  .agc-footer-global,
  body footer.agc-footer-global {
    padding: 70px 24px 28px !important;
  }
}

/* Garde la sidebar Aurora visible — priorité absolue */
.agca,
.agca-bg-column,
.agca-accent-bar,
.agca-progress-track,
.agca-scroll-ball,
.agca-rail,
.agca-overlay,
.agca-drawer {
  display: revert !important;
  visibility: visible !important;
}

.agca-rail { display: flex !important; }
.agca-nav { display: flex !important; }
.agca-bottom { display: flex !important; }
.agca-logo-block { display: flex !important; }

/* Mobile bar : visible uniquement en mobile */
.agca-mobile-bar {
  display: none !important;
}

@media (max-width: 768px) {
  .agca-mobile-bar {
    display: flex !important;
  }
  /* En mobile, on cache le rail desktop */
  .agca-rail {
    display: none !important;
  }
  .agca-bg-column,
  .agca-accent-bar,
  .agca-progress-track,
  .agca-scroll-ball {
    display: none !important;
  }
}