/*
Theme Name:   Team IAlchemist Child
Theme URI:    https://www.teamalchemist.eu
Description:  Thème enfant pour Team IAlchemist — basé sur Kadence
Author:       Sara Bigwood
Author URI:   https://www.teamalchemist.eu
Template:     kadence
Version:      1.0.0
License:      GNU General Public License v2 or later
Text Domain:  team-ialchemist
*/

/* ============================================================
   FONTS
   Placez vos fichiers de polices dans le dossier /fonts/
   - BourtonInline.woff2 + BourtonInline.woff
   - AvenirLight.woff2   + AvenirLight.woff
   ============================================================ */

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

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

/* Fallback Google Font — chargé via functions.php */
/* Bebas Neue pour titres, Raleway 300 pour corps */

/* ============================================================
   VARIABLES
   ============================================================ */
:root {
  --gold:       #CBB26A;
  --gold-lt:    #DEC98A;
  --gold-pale:  #EDE0B5;
  --gold-dim:   #9A8550;
  --black:      #000000;
  --black-90:   #0D0D0D;
  --black-80:   #1A1A1A;
  --black-70:   #242424;
  --ivory:      #F0EAD6;
  --ivory-dim:  #A89870;

  --font-display: 'Bourton Inline', 'Bebas Neue', 'Impact', sans-serif;
  --font-body:    'Avenir', 'Raleway', 'Nunito', sans-serif;
  --font-accent:  'Cormorant Garamond', Georgia, serif;
}

/* ============================================================
   RESET KADENCE
   ============================================================ */
body {
  background: var(--black) !important;
  color: var(--ivory) !important;
  font-family: var(--font-body) !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

/* Masquer header/footer Kadence sur les pages "blank" */
.page-template-blank .site-header,
.page-template-blank .site-footer,
.page-template-blank #colophon {
  display: none !important;
}

/* Supprimer les marges WordPress par défaut */
.wp-site-blocks { padding: 0 !important; }
.entry-content { padding: 0 !important; max-width: 100% !important; }
.alignwide, .alignfull { max-width: 100% !important; }

/* ============================================================
   NAVIGATION WORDPRESS (si vous utilisez le menu WP natif)
   ============================================================ */
#site-navigation {
  background: transparent !important;
  position: fixed; top: 0; left: 0; width: 100%; z-index: 100;
  padding: 0.8rem 4rem;
  display: flex; justify-content: space-between; align-items: center;
  transition: background 0.4s;
}
#site-navigation.scrolled {
  background: rgba(0,0,0,0.97) !important;
  border-bottom: 1px solid rgba(203,178,106,0.15);
}
.main-navigation ul { display: flex; gap: 2.2rem; list-style: none; margin: 0; padding: 0; }
.main-navigation ul li a {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ivory-dim) !important;
  text-decoration: none !important;
  transition: color 0.3s;
}
.main-navigation ul li a:hover { color: var(--gold) !important; }

/* ============================================================
   BOUTONS GLOBAUX
   ============================================================ */
.wp-block-button__link,
.btn-primary {
  background: var(--gold) !important;
  color: var(--black) !important;
  font-family: var(--font-body) !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  padding: 1rem 2.6rem !important;
  border-radius: 0 !important;
  border: none !important;
  text-decoration: none !important;
  transition: background 0.3s, transform 0.2s !important;
}
.wp-block-button__link:hover,
.btn-primary:hover {
  background: var(--gold-lt) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   TYPOGRAPHIE GLOBALE
   ============================================================ */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: var(--font-display) !important;
  font-weight: normal !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  line-height: 1.1 !important;
}

p, li, td, th {
  font-family: var(--font-body) !important;
  font-weight: 300 !important;
  color: var(--ivory-dim) !important;
}

a { color: var(--gold) !important; }
a:hover { color: var(--gold-lt) !important; }

/* ============================================================
   FORMULAIRE CONTACT FORM 7
   ============================================================ */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea,
.wpcf7-form select {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(203,178,106,0.2) !important;
  color: var(--ivory) !important;
  font-family: var(--font-body) !important;
  font-size: 0.88rem !important;
  font-weight: 300 !important;
  padding: 0.9rem 1.1rem !important;
  outline: none !important;
  width: 100% !important;
  border-radius: 0 !important;
  transition: border-color 0.3s !important;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  border-color: var(--gold) !important;
}
.wpcf7-form label {
  font-family: var(--font-body) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--ivory-dim) !important;
  font-weight: 400 !important;
  display: block !important;
  margin-bottom: 0.4rem !important;
}
.wpcf7-form input[type="submit"] {
  background: var(--gold) !important;
  color: var(--black) !important;
  font-family: var(--font-body) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  padding: 1rem 2.6rem !important;
  border: none !important;
  cursor: pointer !important;
  width: 100% !important;
  border-radius: 0 !important;
  transition: background 0.3s !important;
}
.wpcf7-form input[type="submit"]:hover {
  background: var(--gold-lt) !important;
}
.wpcf7-response-output {
  border: 1px solid var(--gold) !important;
  color: var(--gold) !important;
  padding: 0.8rem 1rem !important;
  margin-top: 1rem !important;
  font-family: var(--font-accent) !important;
  font-style: italic !important;
  font-size: 0.9rem !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 900px) {
  #site-navigation { padding: 0.8rem 1.5rem; }
  .main-navigation { display: none; }
}