/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* === Polices locales === */
@font-face {
  font-family: 'TabernaSerif';
  src: url('fonts/TabernaSerif-Regular.woff2') format('woff2'),
       url('fonts/TabernaSerif-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Canoodle';
  src: url('fonts/Canoodle-Regular.woff2') format('woff2'),
       url('fonts/Canoodle-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* === Variables globales === */
:root {
  /* Couleurs */
  --color-principale: #456545; /* vert sapin */
  --color-secondaire: #CC1513; /* rouge */
  --color-accent: #E5E6D3; /* vert clair */
  --color-fond: #FDFAF5; /* beige */
  --color-blanc: #ffffff;

  /* === Couleurs typographiques === */
  --color-text: #162D29;              /* texte principal (body) */
  --color-heading: #314931;           /* titres H2 */

  /* Typographie */
  --font-h1: 4.25rem;    /* 68px */
  --font-h2: 2.5rem;     /* 40px */
  --font-h3: 2.375rem;   /* 38px */
  --font-h4: 1.875rem;   /* 30px */
  --font-body: 1rem;     /* 16px */
  --font-button: 1.5rem; /* 24px */
}


/* Couleurs utilitaires (fonctionnent même si Elementor a mis une couleur) */
.text-blanc,
.text-blanc * {
  color: var(--color-blanc) !important;
}

.text-vert,
.text-vert * {
  color: var(--color-principale) !important;
}

/* === Styles de texte === */
body, p {
  font-size: var(--font-body);
  font-family: 'Poppins', sans-serif;
  line-height: 1.4;
}

h1 {
  font-size: var(--font-h1);
  font-family: 'TabernaSerif', serif;
  font-weight: normal;
  letter-spacing: -1px;
}

h2 {
  font-size: var(--font-h2);
  font-family: 'TabernaSerif', serif;
  font-weight: normal;
  letter-spacing: -1px;
}

h3 {
  font-size: var(--font-h3);
  font-family: 'Canoodle', sans-serif;
}

h4, h5, h6 {
  font-size: var(--font-h4);
  font-family: 'Canoodle', sans-serif;
}


/* === Attribution des couleurs === */

h2 {
  color: var(--color-heading);
}

h3 {
  color: var(--color-secondaire);
}

body, p {
   color: var(--color-text);
}

/* Texte du conteneur haut en vert */
.footer-top {
  color: #456545 !important; /* ton vert */
  font-size: 0.85rem; 
  font-weight: normal;
}

/* Texte du conteneur bas en blanc */
.footer-bottom {
  color: #fff !important;
}


.underline-svg {
    background-image: url("https://dev.bastidarra.fr/wp-content/uploads/2025/08/underline-svg.svg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    padding-bottom: 0.3em; /* espace en dessous */
    background-position: center calc(100% - 0.2em);
}
   
.engagement {
    font-family: 'Mansalva', cursive;
    font-size: 24px;
}

/* Liens globaux */
body a {
  color: #CC1513;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* Survol */
html body a:hover {
  color: #AE0016 !important;
  text-decoration: underline !important;
}


/* === Breakpoints responsive === */
@media (max-width: 1200px) {
  :root {
    --font-h1: 3.5rem;   /* 56px */
    --font-h2: 2.25rem;  /* 36px */
    --font-h3: 2rem;     /* 32px */
    --font-h4: 1.75rem;  /* 28px */
    --font-button: 1.375rem; /* 22px */
  }
}

@media (max-width: 1024px) {
  :root {
    --font-h1: 2.5rem;
    --font-h2: 1.75rem;
    --font-h3: 1.5rem;
    --font-h4: 1.25rem;
    --font-button: 1.125rem;
  }
}

@media (max-width: 767px) {
  :root {
    --font-h1: 2rem;        /* 32px */
	--font-h2: 1.75rem;     /* 28px */
	--font-h3: 1.5rem;      /* 24px */
	--font-h4: 1.375rem;    /* 22px */
	--font-body: 0.9375rem; /* 15px */
	--font-button: 1rem;    /* 16px */

  }
}