/*
Theme Name: Solère — Bâti Pratique
Template: generatepress
Theme URI: https://agda-andreolety.fr
Description: Child theme for Bâti Pratique. Palette: terracotta-warm. Font: Inter.
Version: 1.0
*/

/* ===== FONTS ===== */
@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/Inter-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ===== CSS CUSTOM PROPERTIES — terracotta-warm ===== */
:root {
  --color-primary: #B45309;
  --color-secondary: #D97706;
  --color-accent: #CA8A04;
  --color-accent-warm: #FAF0E6;
  --color-surface: #FFFBEB;
  --color-background: #FFFFFF;
  --color-text: #1C1917;
  --color-text-secondary: #57534E;
  --color-border: #F5E6D0;
}

/* ===== TYPOGRAPHY ===== */
body {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  color: var(--color-text);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}

/* ===== SITE HEADER ===== */
.site-header {
  background-color: var(--color-background);
  border-bottom: 2px solid var(--color-primary);
}

/* ===== NAVIGATION ===== */
.main-navigation a,
.nav-primary a {
  color: var(--color-text);
}
.main-navigation a:hover,
.nav-primary a:hover,
.main-navigation .current-menu-item > a {
  color: var(--color-primary);
}

/* ===== LINKS ===== */
a { color: var(--color-primary); }
a:hover { color: var(--color-secondary); }

/* ===== BUTTONS & CTA ===== */
.button, button, input[type="submit"],
.wp-block-button__link {
  background-color: var(--color-primary);
  color: #fff;
}
.button:hover, button:hover, input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: var(--color-secondary);
  color: #fff;
}

/* ===== SURFACE / CARDS ===== */
.inside-article,
.widget,
.post-image img {
  border-color: var(--color-border);
}

/* ===== SIDEBAR ===== */
.sidebar-area .widget-title {
  color: var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: 6px;
}

/* ===== FOOTER — centered-dark ===== */
.site-footer {
  background-color: #1C1917;
  color: #D4C5B2;
  text-align: center;
}
.site-footer a {
  color: #D97706;
}
.site-footer a:hover {
  color: #FFFBEB;
}
.footer-widgets {
  background-color: #1C1917;
}
.footer-widgets .widget-title {
  color: #FFFBEB;
}

/* ===== READ MORE / POST META ===== */
.entry-meta, .entry-footer {
  color: var(--color-text-secondary);
}

/* ===== HOMEPAGE SURFACE SECTION ===== */
.hero-surface {
  background-color: var(--color-surface);
  padding: 40px 20px;
}

/* ===== BODY TOKEN CLASS ===== */
body.theme-agda-andreolety {
  background-color: var(--color-background);
}

/* ===== MOBILE TAGLINE RULE — Class M2-1 prevention ===== */
/* 21. Ligne éditoriale mobile visible */
@media (max-width: 768px) {
  .inside-navigation::before {
    content: "Conseils pratiques et solutions éprouvées pour rénover, construire et investir dans l'immobilier";
    display: block;
    font-size: 14px;
    color: var(--color-text-secondary, #57534E);
    font-style: italic;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 60px);
  }
  .inside-navigation {
    position: relative;
  }
}

/* ===== SUBMIT BUTTON — palette match (contact-form-render gate) ===== */
body button.wpforms-submit,
body .wpcf7-submit,
body .ff-btn-submit {
  background-color: #B45309 !important;
  color: #ffffff !important;
}
body button.wpforms-submit:hover,
body .wpcf7-submit:hover,
body .ff-btn-submit:hover {
  filter: brightness(0.88) !important;
}