/*
Theme Name: Astra ECB
Template: astra
Description: Thème enfant Astra — Journal des consciences possibles
Version: 1.0
*/

/* ── Polices ECB ── */
@font-face {
  font-family: "ECBDisplay";
  src: url("BackOut.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

/* ── Variables ECB ── */
:root {
  --paper:       #f0e6d3;
  --paper-light: #f7eedf;
  --ink:         #644c31;
  --ink-dark:    #3f2f20;
  --wash:        #ecdfcb;
  --muted:       #927c62;
  --line:        #cdbb9f;
}

/* ── Base ── */
html, body, .ast-page-builder-template {
  background: var(--paper) !important;
  color: var(--ink-dark) !important;
  font-family: "Lato", "Century Gothic", Futura, sans-serif !important;
  font-size: 22px !important;
  line-height: 1.75 !important;
}

.ast-container, .site, #page, .ast-grid-common-col, .ast-blog-posts-grid {
  background: var(--paper) !important;
}

/* Cards articles */
.ast-article-post, .ast-blog-layout-1 .ast-article-post, article.post, .hentry {
  background: var(--paper-light) !important;
  border: 1px solid var(--line) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

/* Liens bleus Astra → couleur ECB */
a, .entry-meta a, .cat-links a, .posted-on a {
  color: var(--ink) !important;
}
a:hover { color: var(--ink-dark) !important; }

/* ── Titres ── */
h1, h2, h3, h4 {
  font-family: "ECBDisplay", Georgia, serif;
  color: var(--ink-dark);
  letter-spacing: -0.03em;
  line-height: 1.1;
}

h1 { font-size: clamp(36px, 5vw, 72px); }
h2 { font-size: clamp(28px, 3.5vw, 52px); }
h3 { font-size: clamp(22px, 2.5vw, 36px); }

/* ── Header / Nav ── */
.site-header, #masthead, .ast-desktop-header, .main-header-bar,
.ast-above-header-bar, .ast-below-header-bar, .ast-primary-header-bar {
  background: var(--paper-light) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: none !important;
}

.ast-site-identity .site-title a,
.ast-site-identity .site-title {
  font-family: "ECBDisplay", Georgia, serif;
  color: var(--ink-dark) !important;
  font-size: 24px;
  letter-spacing: -0.02em;
}

.main-header-menu .menu-item a,
.main-navigation .menu-item a {
  font-family: "Lato", sans-serif;
  color: var(--ink) !important;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.main-header-menu .menu-item a:hover {
  color: var(--ink-dark) !important;
  border-bottom: 1px solid var(--ink);
}

/* ── Contenu ── */
.entry-content p,
.entry-summary p {
  font-size: 22px;
  line-height: 1.75;
  color: var(--ink-dark);
}

.entry-title {
  font-family: "ECBDisplay", Georgia, serif;
  color: var(--ink-dark);
}

/* ── Liens ── */
a { color: var(--ink); }
a:hover { color: var(--ink-dark); }

/* ── Articles — liste du journal ── */
.ast-article-post,
.post-summary,
article.post {
  background: var(--paper-light);
  border: 1px solid var(--line);
  border-radius: 3px;
  padding: 32px 36px;
  margin-bottom: 28px;
}

/* ── Métadonnées (date, catégorie) ── */
.posted-on, .byline, .cat-links, .entry-meta {
  font-family: "Lato", sans-serif;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}

/* ── Sidebar ── */
.widget-area {
  background: var(--wash);
  border-left: 1px solid var(--line);
  padding: 24px;
}

.widget-title {
  font-family: "Lato", sans-serif;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 16px;
}

/* ── Footer ── */
.site-footer, #colophon, .ast-small-footer, .ast-footer-copyright {
  background: var(--paper-light) !important;
  border-top: 1px solid var(--line) !important;
  color: var(--muted) !important;
  font-size: 14px !important;
  letter-spacing: 0.06em;
}
.site-footer a, #colophon a, .ast-small-footer a {
  color: var(--ink) !important;
}

/* ── Éliminer tous les liens bleus ── */
a, a:visited, a:link,
.entry-meta a, .entry-meta a:visited,
.posted-on a, .byline a, .cat-links a,
.ast-blog-single-element a,
#colophon a, .ast-small-footer a,
.site-footer a {
  color: var(--ink) !important;
  text-decoration: none !important;
}
a:hover, .entry-meta a:hover, #colophon a:hover {
  color: var(--ink-dark) !important;
  text-decoration: underline !important;
}

/* ── Card — supprimer le double cadre blanc ── */
.ast-article-post, article.post, .hentry, .ast-grid-common-col {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.ast-article-post .ast-blog-featured-section,
.ast-blog-layout-1 .ast-article-post {
  background: var(--paper-light) !important;
  border: 1px solid var(--line) !important;
  border-radius: 3px !important;
  padding: 28px 32px !important;
}

/* ── Boutons ── */
.ast-button, .wp-block-button__link, input[type="submit"] {
  background: var(--ink-dark) !important;
  color: var(--paper-light) !important;
  border-radius: 2px !important;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none;
  padding: 14px 28px;
}

.ast-button:hover, input[type="submit"]:hover {
  background: var(--ink) !important;
}

/* ── Séparateurs ── */
hr { border: none; border-top: 1px solid var(--line); }

/* ── Commentaires ── */
.comment-content p { font-size: 18px; line-height: 1.7; }
#respond h2 { font-size: 28px; }