/*
Theme Name:   Cornelia
Theme URI:    https://boladecornelia.com
Description:  Child theme Kadence — Les Bolas de Cornelia
Author:       Cornelia
Template:     kadence
Version:      1.0.0
License:      GNU General Public License v2 or later
Text Domain:  cornelia
*/

/* ============================================================
   POLICES SELF-HOSTED — ZÉRO GOOGLE FONTS, ZÉRO REQUÊTE EXTERNE
   Télécharger sur https://gwfh.mranftl.com/fonts/cormorant-garamond
   Déposer les .woff2 dans /wp-content/themes/cornelia/fonts/
   ============================================================ */

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-v21-latin-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-v21-latin-300italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-v21-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-v21-latin-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* ============================================================
   VARIABLES — PALETTE CORNELIA
   ============================================================ */

:root {
  --c-creme:      #FAF8F5;
  --c-lin:        #EDE5D8;
  --c-beige:      #D9CCBA;
  --c-brun-clair: #C4B9A8;
  --c-brun:       #8C7A60;
  --c-or:         #C4A060;
  --c-terre:      #2C2820;
  --c-texte-mute: #6C6050;
  --c-texte-hint: #A0917E;
  --c-border:     #E2DDD6;
  --c-vert-eco:   #6B9E7A;

  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans:  system-ui, -apple-system, 'Segoe UI', sans-serif;

  --radius-sm: 2px;
  --radius-md: 6px;
}

/* ============================================================
   BASE
   ============================================================ */

body {
  background-color: var(--c-creme);
  color: var(--c-terre);
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif);
  font-weight: 300;
  letter-spacing: 0.02em;
  color: var(--c-terre);
  line-height: 1.15;
}

h1 { font-size: clamp(32px, 5vw, 52px); }
h2 { font-size: clamp(26px, 4vw, 38px); }
h3 { font-size: clamp(20px, 3vw, 28px); }

a {
  color: var(--c-terre);
  text-decoration: none;
  transition: opacity .2s;
}
a:hover { opacity: 0.7; }
img { max-width: 100%; height: auto; display: block; }

/* ============================================================
   NAVIGATION
   ============================================================ */

.site-header,
.kadence-navigation {
  background: var(--c-creme) !important;
  border-bottom: 0.5px solid var(--c-border);
}

.site-branding .site-title,
.site-branding .site-title a {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: 22px !important;
  letter-spacing: 0.12em !important;
  text-transform: lowercase !important;
  color: var(--c-terre) !important;
}

.main-navigation a {
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--c-texte-hint) !important;
}
.main-navigation a:hover { color: var(--c-terre) !important; opacity: 1; }

/* ============================================================
   BOUTONS
   ============================================================ */

.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
button[type="submit"] {
  background: var(--c-terre) !important;
  color: var(--c-creme) !important;
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 14px 32px !important;
  transition: opacity .2s !important;
  box-shadow: none !important;
}
.wp-element-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover { opacity: 0.82; }

.woocommerce a.button.alt {
  background: transparent !important;
  color: var(--c-terre) !important;
  border: 0.5px solid var(--c-terre) !important;
}

/* ============================================================
   FORMULAIRES
   ============================================================ */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea, select {
  border: 0.5px solid var(--c-brun-clair) !important;
  border-radius: var(--radius-sm) !important;
  background: #fff !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  color: var(--c-terre) !important;
  padding: 10px 14px !important;
  transition: border-color .2s;
}
input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: var(--c-brun) !important;
}

/* ============================================================
   WOOCOMMERCE — CATALOGUE
   ============================================================ */

.woocommerce ul.products li.product a img {
  border-radius: var(--radius-sm);
  transition: opacity .3s;
}
.woocommerce ul.products li.product a:hover img { opacity: 0.88; }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-serif) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--c-terre) !important;
  padding: 10px 0 2px !important;
}

.woocommerce ul.products li.product .price {
  font-size: 15px !important;
  color: var(--c-terre) !important;
}
.woocommerce ul.products li.product .price del {
  color: var(--c-texte-hint) !important;
  font-size: 13px !important;
}

.woocommerce span.onsale {
  background: var(--c-terre) !important;
  color: var(--c-creme) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: var(--radius-sm) !important;
  min-height: auto !important;
  min-width: auto !important;
  padding: 4px 10px !important;
  line-height: 1.4 !important;
}

/* ============================================================
   WOOCOMMERCE — PAGE PRODUIT
   ============================================================ */

.woocommerce div.product .product_title {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  color: var(--c-terre) !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 20px !important;
  color: var(--c-terre) !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  font-size: 14px;
  line-height: 1.85;
  color: var(--c-texte-mute);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--c-texte-hint) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--c-terre) !important;
}

/* ============================================================
   WOOCOMMERCE — PANIER
   ============================================================ */

.woocommerce-cart table.cart { border: none !important; }

.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
  border-top: 0.5px solid var(--c-border) !important;
  padding: 16px 12px !important;
  vertical-align: middle !important;
}

.woocommerce-cart table.cart .product-name a {
  font-family: var(--font-serif);
  font-size: 17px;
  color: var(--c-terre);
}

.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-cart h2 {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: 22px !important;
  border-bottom: 0.5px solid var(--c-border) !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
}

/* ============================================================
   WOOCOMMERCE — CHECKOUT
   ============================================================ */

.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  font-size: 22px !important;
  border-bottom: 0.5px solid var(--c-border) !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
}

.woocommerce #payment {
  background: var(--c-lin) !important;
  border-radius: var(--radius-md) !important;
  border: 0.5px solid var(--c-border) !important;
}

/* Notice RGPD sur le checkout */
.woocommerce-checkout .cornelia-stripe-notice {
  font-size: 11px;
  color: var(--c-texte-hint);
  margin-top: 8px;
  letter-spacing: 0.03em;
}

/* ============================================================
   BARRE RGPD (footer)
   ============================================================ */

.cornelia-rgpd-strip {
  background: #F1EDE6;
  border-top: 0.5px solid var(--c-border);
  padding: 12px 32px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  color: var(--c-texte-hint);
  letter-spacing: 0.04em;
}

.cornelia-rgpd-strip::before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--c-vert-eco);
  flex-shrink: 0;
}

.cornelia-rgpd-strip strong { color: var(--c-brun); font-weight: 500; }

/* ============================================================
   FOOTER
   ============================================================ */

.site-footer {
  background: var(--c-terre) !important;
  color: var(--c-beige) !important;
}

.site-footer a {
  color: var(--c-texte-hint) !important;
  font-size: 12px;
  letter-spacing: 0.06em;
}
.site-footer a:hover { color: var(--c-creme) !important; opacity: 1; }

.site-footer .site-info {
  font-size: 11px;
  color: var(--c-brun) !important;
  letter-spacing: 0.06em;
}

/* ============================================================
   UTILITAIRES
   ============================================================ */

.eyebrow {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--c-texte-hint);
  display: block;
  margin-bottom: 12px;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 768px) {
  .site-branding .site-title,
  .site-branding .site-title a { font-size: 18px !important; }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px !important;
  }

  .cornelia-rgpd-strip { padding: 12px 16px; font-size: 10px; }
}