/*
Theme Name: Facade Matiere
Template: generatepress
Version: 1.0.0
Description: Custom theme for Façades et Matériaux
*/

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

/* Lisibilité de marque mobile */
@media (max-width: 767px) {
  .inside-navigation::before {
    content: "Comprendre les matériaux pour mieux rénover";
    font-style: italic;
    position: absolute;
    left: var(--gap-small, 8px);
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--text-color);
  }
  .inside-navigation { position: relative; }
}

/* Submit-button palette rule */
body button.wpforms-submit,
body .wpcf7-submit,
body .ff-btn-submit {
  background-color: #4D7C0F !important;
  color: #ffffff !important;
}
body button.wpforms-submit:hover,
body .wpcf7-submit:hover,
body .ff-btn-submit:hover {
  filter: brightness(0.88) !important;
}

/* Self-hosted font definitions */
@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;
}

/* Avatar circle style for about page */
.avatar-circle img {
  border-radius: 50%;
  object-fit: cover;
}

/* Single-line-light footer */
.site-footer {
  background-color: #FFFFFF;
  border-top: 1px solid #D9F0B4;
  padding: 16px 0;
}
.site-footer .inside-footer {
  text-align: center;
  color: #4B5563;
  font-size: 0.875rem;
}

/* Hero compact-tagline: subtle gradient for visual depth */
.hero-compact-tagline {
  background: linear-gradient(150deg, #F7FEE7 0%, #ECFCCB 100%) !important;
}