/*
 Theme Name:   Cuir du Marô Child
 Theme URI:    https://lecuirdemaro.fr
 Description:  Child theme WooCommerce + Elementor Pro — Le Cuir du Marô
 Author:       Le Cuir du Marô
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  cuir-de-maro
*/

/* ── MIGRA FONT ─────────────────────────────────────────────────── */
@font-face {
  font-family: 'Migra';
  src: url('fonts/Migra-Extrabold.woff2') format('woff2'),
       url('fonts/Migra-Extrabold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Migra';
  src: url('fonts/MigraItalic-ExtraboldItalic.woff2') format('woff2'),
       url('fonts/MigraItalic-ExtraboldItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Migra';
  src: url('fonts/Migra-Extralight.woff2') format('woff2'),
       url('fonts/Migra-Extralight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* ── CSS TOKENS ─────────────────────────────────────────────────── */
:root {
  --cdm-bg:         #F4EFE6;
  --cdm-dark:       #1A1612;
  --cdm-leather:    #8B5E3C;
  --cdm-leather-dk: #6B4F35;
  --cdm-sand:       #D4C4A8;
  --cdm-line:       #D8CFBF;
  --cdm-muted:      #9B8B7A;
  --cdm-cream:      #F8F3EC;
  --cdm-card-bg:    #EDE7DA;

  --cdm-font-display: 'Migra', Georgia, 'Times New Roman', serif;
  --cdm-font-body:    'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ── RESET GLOBAL ────────────────────────────────────────────────── */
*, *::before, *::after { border-radius: 0 !important; }

html { scroll-behavior: smooth; }

body {
  background-color: var(--cdm-bg);
  color: var(--cdm-dark);
  font-family: var(--cdm-font-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: rgba(139, 94, 60, 0.15); }









/* ============================================================
   CUIR DU MARÔ — CSS Global Elementor
   Coller dans : Elementor → Site Settings → Custom CSS
   (ou Apparence → Personnaliser → CSS additionnel)
   ============================================================ */

/* ── NAVIGATION ──────────────────────────────────────────────────── */
.ast-main-header-wrap,
header.site-header,
#masthead {
  background: #F4EFE6 !important;
  border-bottom: 1px solid #D8CFBF;
  height: 64px;
  box-shadow: none !important;
}

.main-navigation .nav-link,
.ast-header-break-point .main-navigation a,
header .menu-item a {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.6875rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #1A1612 !important;
  padding: 4px 0 !important;
  border-bottom: 1px solid transparent;
  transition: color 0.2s, border-color 0.2s !important;
}

header .menu-item.current-menu-item > a,
header .menu-item a:hover {
  color: #8B5E3C !important;
  border-bottom-color: #8B5E3C !important;
}

/* Logo texte */
.site-title a,
.custom-logo-link {
  font-family: 'Migra', Georgia, serif !important;
  font-weight: 800 !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #1A1612 !important;
  text-decoration: none !important;
}

/* ── BOUTONS ─────────────────────────────────────────────────────── */
.elementor-button,
.elementor-button-wrapper .elementor-button,
button.alt, input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.6875rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 14px 28px !important;
  transition: all 0.25s ease !important;
  font-weight: 400 !important;
}

.elementor-button--primary,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.single_add_to_cart_button {
  background: #1A1612 !important;
  border-color: #1A1612 !important;
  color: #F4EFE6 !important;
}
.elementor-button--primary:hover,
.woocommerce a.button.alt:hover,
.single_add_to_cart_button:hover {
  background: #8B5E3C !important;
  border-color: #8B5E3C !important;
}

.elementor-button--outline {
  background: transparent !important;
  border: 1px solid #1A1612 !important;
  color: #1A1612 !important;
}
.elementor-button--outline:hover {
  background: #1A1612 !important;
  color: #F4EFE6 !important;
}

/* ── CARDS PRODUIT WOOCOMMERCE ──────────────────────────────────── */
.woocommerce ul.products li.product,
.products li.product {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.products .woocommerce-loop-product__title {
  font-family: 'Migra', Georgia, serif !important;
  font-weight: 800 !important;
  font-size: 1.0625rem !important;
  color: #1A1612 !important;
  line-height: 1.1 !important;
  padding: 0 !important;
  margin: 6px 0 4px !important;
}

.woocommerce ul.products li.product .price,
.products .price {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.8125rem !important;
  color: #3D2E22 !important;
}

/* Image produit — aspect-ratio 3/4 */
.woocommerce ul.products li.product a img,
.woocommerce-LoopProduct-link img {
  aspect-ratio: 3/4;
  object-fit: cover;
  transition: transform 0.55s ease !important;
}
.woocommerce ul.products li.product:hover a img {
  transform: scale(1.04);
}

/* ── BADGES PRODUIT ──────────────────────────────────────────────── */
.cdm-badges {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
}

.cdm-badge {
  display: inline-block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.5625rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 0 !important;
}

.cdm-badge--unique {
  background: #8B5E3C;
  color: #F8F3EC;
}

.cdm-badge--serie {
  background: transparent;
  border: 1px solid #8B5E3C;
  color: #8B5E3C;
}

.cdm-badge--acquired {
  background: #1A1612;
  color: #C8B89A;
}

.cdm-serial {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.5rem;
  letter-spacing: 0.20em;
  color: #8B7060;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: 12px;
}

/* Position relative pour badges */
.woocommerce ul.products li.product {
  position: relative;
}

/* ── FICHE PRODUIT SINGLE ─────────────────────────────────────────── */
.woocommerce div.product .product_title,
.woocommerce div.product h1 {
  font-family: 'Migra', Georgia, serif !important;
  font-weight: 800 !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.01em !important;
  color: #1A1612 !important;
}

.woocommerce div.product .price {
  font-family: 'Migra', Georgia, serif !important;
  font-weight: 800 !important;
  font-size: 1.75rem !important;
  color: #2A1E14 !important;
}

.cdm-product-serial {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.5625rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8B5E3C;
  margin-bottom: 10px;
}

.cdm-cert-strip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EDE7DA;
  border: 1px solid #D8CFBF;
  border-top: none;
  padding: 10px 16px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5A4A3A;
  margin-top: 0;
}

.cdm-cert-link {
  color: #8B5E3C;
  text-decoration: underline;
}

.cdm-product-meta {
  border-top: 1px solid #D8CFBF;
  padding-top: 20px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cdm-meta-label {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.5625rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8B5E3C;
  margin-bottom: 6px;
}

.cdm-meta-value {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  color: #42302A;
  line-height: 1.6;
}

.cdm-meta-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cdm-tag {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.6875rem;
  color: #42302A;
  border: 1px solid #C8B89A;
  padding: 4px 10px;
}

/* ── FORMULAIRES ─────────────────────────────────────────────────── */
.elementor-field-group input,
.elementor-field-group select,
.elementor-field-group textarea,
.woocommerce .input-text,
.woocommerce select {
  border-radius: 0 !important;
  border-color: #C8B89A !important;
  background: transparent !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.8125rem !important;
  padding: 14px 16px !important;
  color: #1A1612 !important;
  box-shadow: none !important;
}

.elementor-field-group input:focus,
.elementor-field-group select:focus,
.elementor-field-group textarea:focus,
.woocommerce .input-text:focus {
  border-color: #8B5E3C !important;
  outline: none !important;
}

.elementor-field-label,
label {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.5625rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #8B5E3C !important;
  margin-bottom: 8px !important;
}

/* ── TITRES GENERAUX ─────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: 'Migra', Georgia, serif !important;
  font-weight: 800 !important;
}

/* ── EYEBROW / LABEL SECTION ─────────────────────────────────────── */
.cdm-eyebrow {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.5625rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #8B5E3C;
  display: block;
  margin-bottom: 12px;
}

/* ── FOOTER ──────────────────────────────────────────────────────── */
footer.site-footer,
.elementor-location-footer,
#colophon {
  background: #1A1612 !important;
  color: #C8B89A !important;
}

footer a {
  color: #9B8B7A !important;
  transition: color 0.2s;
}
footer a:hover { color: #C8B89A !important; }

/* ── PAGE BOUTIQUE ───────────────────────────────────────────────── */
.woocommerce-products-header__title,
.woocommerce h1.page-title {
  font-family: 'Migra', Georgia, serif !important;
  font-weight: 800 !important;
  font-size: clamp(2.5rem, 5vw, 4rem) !important;
  color: #1A1612 !important;
  line-height: 1 !important;
}

/* Filtres */
.woocommerce .widget_product_categories a,
.elementor-widget-woocommerce-product-categories a {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.6875rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1A1612;
  border-bottom: 1px solid transparent;
  transition: all 0.2s;
}

/* ── BREADCRUMB ──────────────────────────────────────────────────── */
.woocommerce-breadcrumb,
.elementor-widget-woocommerce-breadcrumb {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.5625rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #9B8B7A !important;
}

/* ── CART / CHECKOUT ─────────────────────────────────────────────── */
.woocommerce table.shop_table {
  border: 1px solid #D8CFBF !important;
  border-radius: 0 !important;
}

.woocommerce table.shop_table th {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.5625rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8B5E3C;
  font-weight: 400;
}

.order-total .amount {
  font-family: 'Migra', Georgia, serif !important;
  font-size: 1.5rem !important;
  color: #1A1612 !important;
}

/* ── RESPONSIVE ──────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .woocommerce ul.products li.product a img {
    aspect-ratio: 1/1;
  }
  .cdm-cert-strip {
    flex-direction: column;
    gap: 6px;
    text-align: center;
  }
}