/* ════════════════════════════════════════════════════════════
   BOTUREA - Variables CSS Globales
   ════════════════════════════════════════════════════════════ */

:root {
  /* Couleurs principales */
  --g: #1d1d1f;
  --g-dark: #0a0a0a;
  --g-light: #f0fbff;
  --gold: #01DBFF;
  --gold-dark: #00B8D9;
  --gray: #f5f5f7;
  --black: #1d1d1f;
  --muted: #6e6e73;
  --white: #ffffff;
  --border: #e5e5e7;

  /* Shadows */
  --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.07);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.11);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.16);

  /* Design tokens */
  --radius: 18px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);

  /* Typography */
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 900;

  /* Spacing scale */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 120px;
}

/* Importation des fonts */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* Reset global */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden !important;
  background: var(--gray) !important;
  font-family: var(--font-body);
  color: var(--black);
  line-height: 1.6;
}

/* ── Fil d'Ariane global ── */
.boturea-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 12px 40px;
  background: var(--white);
  border-bottom: 1px solid var(--border);
  font-family: var(--font-body);
  font-size: 0.78rem;
  color: var(--muted);
  width: 100%;
  box-sizing: border-box;
}

.boturea-breadcrumb a {
  color: var(--muted);
  text-decoration: none;
  transition: color 0.18s ease;
}

.boturea-breadcrumb a:hover { color: var(--g); }

.boturea-breadcrumb span:last-child { color: var(--black); font-weight: var(--weight-medium); }

.boturea-breadcrumb__sep {
  color: var(--border);
  font-size: 0.9rem;
  user-select: none;
}

@media (max-width: 768px) {
  .boturea-breadcrumb { padding: 10px 16px; font-size: 0.72rem; }
}

/* ── Texte BLANC sur tous les fonds verts (--g) — règle globale ── */
.bac-nav-item--active,
.bac-nav-item--active *,
.btr-btn--dark, .btr-btn--dark *,
.bt-tag-green,
.btr-bs-see-all,
.btr-collections__all,
.btr-design-cols__pill,
.bco-btn, .bco-btn *,
.bco-btn-continue,
.bac-btn--primary, .bac-btn--primary *,
.blf-register-btn,
#payment #place_order,
.cart_totals .checkout-button,
.wc-proceed-to-checkout .checkout-button {
  color: var(--white) !important;
}

/* ── Supprimer tout le bleu Astra / WooCommerce ── */
a,
a:visited,
a:hover {
  color: inherit;
}

.ast-primary-menu-link,
.ast-primary-menu-link:hover,
.menu-link,
.nav-link {
  color: inherit !important;
}

/* Remplacer le bleu WordPress/WooCommerce par nos couleurs */
button:focus,
input:focus,
select:focus,
textarea:focus,
a:focus {
  outline-color: var(--g) !important;
  box-shadow: 0 0 0 2px rgba(45,74,53,0.2) !important;
}

/* Pagination WooCommerce */
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li span:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Override couleur bleue globale Astra */
:root {
  --ast-global-color-0: var(--g) !important;
  --ast-global-color-1: var(--g-dark) !important;
}

/* Fond gris Apple sur toutes les pages */
.bdc-page,
.bsp-page,
.bdc-sections,
.bdc-section,
.bsp-section,
.woocommerce,
.woocommerce-page,
#main,
.site-main {
  background: var(--gray) !important;
}

/* Reset Astra spécifique */
.ast-container,
.entry-content,
.ast-article-single,
#primary,
#content,
.site-content,
.site-main,
#main {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  background: transparent !important;
  display: block !important;
  float: none !important;
}

.page-template-default .ast-container {
  display: block !important;
}

/* Force les sections purement block à s'empiler (pas les sections flex/grid) */
.btr-collections,
.btr-design-cols,
.btr-ticker,
.btr-divider-wave,
.btr-bestsellers {
  display: block !important;
  clear: both !important;
}