/*
Theme Name: Yard Keen
Template: generatepress
Version: 1.0.0
Description: Custom theme for Le Consultant Libre
*/

/* GP gap fixes below — option-key-first, CSS only for gaps */

/* Palette anchor: warmth of craft and expertise */
:root {
  --color-primary: #C17747;
  --color-secondary: #D4A574;
  --color-accent: #F39C12;
  --color-surface: #FDF8F4;
  --color-bg: #FFFFFF;
  --color-text: #2C1810;
  --color-text-muted: #5D5D5D;
  --color-border: #F5E0CC;
}

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

/* Body font override — GP sets 300 by default */
body {
  font-family: 'Lora', Georgia, serif;
  font-weight: 400;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.site-title,
.main-navigation a {
  font-family: 'Raleway', sans-serif;
}

/* Nav uppercase via GP typography option, confirmed in CSS */
.main-navigation a {
  letter-spacing: 0.04em;
}

/* Mobile tagline — nav mobile visibility tweak */
@media (max-width: 767px) {
  .inside-navigation::before {
    content: "Le Consultant Libre";
    font-style: italic;
    position: absolute;
    left: var(--gap-small, 8px);
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    color: var(--color-text-muted);
    font-family: 'Lora', Georgia, serif;
  }
  .inside-navigation { position: relative; }
}

/* Body class for theme identification (exempt from scrub) */
body.theme-yard-keen {
  background-color: var(--color-bg);
}

/* Submit-button palette match */
body button.wpforms-submit,
body .wpcf7-submit,
body .ff-btn-submit,
body .search-form .search-submit,
body .wp-block-search__button {
  background-color: #C17747 !important;
  color: #ffffff !important;
}

/* Post entry title link color */
.entry-title a {
  color: #2C1810;
}
.entry-title a:hover {
  color: #C17747;
}

/* Entry meta */
.entry-meta, .entry-meta a {
  color: #5D5D5D;
  font-size: 0.875em;
}

/* Category badge */
.cat-links a {
  background: #F5E0CC;
  color: #C17747;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 0.8em;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Footer widget headings — ember-glow warm tone */
.footer-widgets .widget-title {
  color: #FDF8F4;
  font-family: 'Raleway', sans-serif;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-bottom: 1px solid #D4A574;
  padding-bottom: 8px;
  margin-bottom: 16px;
}

/* Copyright area */
.site-info {
  color: #E8D5C4;
  font-size: 0.85em;
}