/*
Theme Name:   DigiVault Gabon
Theme URI:    https://digivault.ga
Description:  Thème enfant DigiVault — Plateforme SaaS Gabon
Author:       DigiVault Gabon
Template:     hello-elementor
Version:      1.0.0
Text Domain:  digivault
*/

/* ================================================
   IMPORT POLICES GOOGLE
   ================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,600;0,700;1,300;1,400&family=Syne:wght@400;600;700;800&family=Inter:wght@300;400;500&display=swap');

/* ================================================
   VARIABLES CSS DIGIVAULT
   ================================================ */
:root {
  --black:       #080808;
  --surface:     #141414;
  --surface2:    #1C1C1C;
  --surface3:    #222222;
  --gold:        #C9A84C;
  --gold-light:  #E8C97A;
  --gold-dim:    #7A6030;
  --white:       #F5F0E8;
  --white-dim:   rgba(245,240,232,0.60);
  --white-faint: rgba(245,240,232,0.06);
  --green:       #3DBA7F;
  --red:         #E84545;
}

/* ================================================
   RESET & BASE
   ================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  overflow-x: hidden !important;
  background: #080808 !important;
  color: #F5F0E8;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  max-width: 100%;
}

/* ================================================
   NEUTRALISER ELEMENTOR
   ================================================ */
.elementor-page,
.elementor-section-wrap,
.e-container,
.e-con { background: transparent !important; }

.elementor-widget-html .elementor-widget-container {
  padding: 0 !important;
  margin:  0 !important;
}

.elementor-section.elementor-section-stretched {
  left: 0 !important;
  width: 100% !important;
}

.elementor-section, .e-con { overflow: hidden; }

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
  padding: 0 !important;
}

/* ================================================
   TYPOGRAPHIE
   ================================================ */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: 'Cormorant Garamond', serif;
  color: #F5F0E8;
  line-height: 1.1;
}

p, .elementor-text-editor .elementor-widget-container {
  font-family: 'Inter', sans-serif;
  color: rgba(245,240,232,0.6);
  font-weight: 300;
  line-height: 1.75;
}

a { color: #C9A84C; text-decoration: none; transition: opacity 0.2s; }
a:hover { opacity: 0.85; }

/* ================================================
   SCROLLBAR
   ================================================ */
::-webkit-scrollbar { width: 3px; height: 3px; }
::-webkit-scrollbar-track { background: #080808; }
::-webkit-scrollbar-thumb { background: #7A6030; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: #C9A84C; }

::selection { background: rgba(201,168,76,0.3); color: #F5F0E8; }

/* ================================================
   WOOCOMMERCE — BOUTONS
   ================================================ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt {
  background: #C9A84C !important;
  color: #080808 !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  border: none !important;
  padding: 10px 20px !important;
  transition: all 0.2s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: #E8C97A !important;
  transform: translateY(-1px) !important;
}

/* ================================================
   WOOCOMMERCE — PRODUITS
   ================================================ */
.woocommerce ul.products li.product {
  background: #141414 !important;
  border: 1px solid rgba(245,240,232,0.06) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: all 0.35s ease !important;
  padding: 0 !important;
}
.woocommerce ul.products li.product:hover {
  border-color: rgba(201,168,76,0.28) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 56px rgba(0,0,0,0.5) !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #F5F0E8 !important;
  padding: 16px 20px 8px !important;
}
.woocommerce ul.products li.product .price {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #C9A84C !important;
  padding: 0 20px 16px !important;
}
.woocommerce ul.products li.product .price del {
  color: rgba(245,240,232,0.4) !important;
  font-size: 14px !important;
}
.woocommerce ul.products li.product img {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
}

/* ================================================
   WOOCOMMERCE — FORMULAIRES
   ================================================ */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: #1C1C1C !important;
  border: 1px solid rgba(245,240,232,0.06) !important;
  border-radius: 8px !important;
  color: #F5F0E8 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  padding: 13px 16px !important;
  transition: border-color 0.2s !important;
}
.woocommerce form .form-row input.input-text:focus {
  border-color: rgba(201,168,76,0.5) !important;
  outline: none !important;
}
.woocommerce form .form-row label {
  font-family: 'Syne', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(245,240,232,0.6) !important;
}

/* ================================================
   CHECKOUT
   ================================================ */
.woocommerce-checkout,
.woocommerce-cart { background: #080808 !important; }

.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order-table {
  background: #141414 !important;
  border: 1px solid rgba(201,168,76,0.18) !important;
  border-radius: 14px !important;
  padding: 24px !important;
}
.woocommerce table.shop_table { background: transparent !important; border: none !important; }
.woocommerce table.shop_table th {
  font-family: 'Syne', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(245,240,232,0.6) !important;
  border-bottom: 1px solid rgba(245,240,232,0.06) !important;
}
.woocommerce table.shop_table td {
  color: #F5F0E8 !important;
  border-bottom: 1px solid rgba(245,240,232,0.04) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
}
.woocommerce table.shop_table .order-total .amount {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #C9A84C !important;
}

/* ================================================
   MON COMPTE
   ================================================ */
.woocommerce-account .woocommerce { background: #080808 !important; }
.woocommerce-MyAccount-navigation {
  background: #141414 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(245,240,232,0.06) !important;
  padding: 16px !important;
}
.woocommerce-MyAccount-navigation ul { list-style: none !important; padding: 0 !important; }
.woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  font-family: 'Syne', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(245,240,232,0.6) !important;
  transition: all 0.2s !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(201,168,76,0.1) !important;
  color: #C9A84C !important;
}

/* ================================================
   MESSAGES WOOCOMMERCE
   ================================================ */
.woocommerce-message, .woocommerce-info {
  background: rgba(61,186,127,0.1) !important;
  border-color: rgba(61,186,127,0.3) !important;
  border-radius: 8px !important;
  color: #3DBA7F !important;
}
.woocommerce-error {
  background: rgba(232,69,69,0.1) !important;
  border-color: rgba(232,69,69,0.3) !important;
  border-radius: 8px !important;
  color: #E84545 !important;
}

/* ================================================
   ANIMATIONS AU SCROLL
   ================================================ */
.dv-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
.dv-reveal.dv-visible { opacity: 1; transform: translateY(0); }

/* ================================================
   RESPONSIVE MOBILE
   ================================================ */
@media (max-width: 768px) {
  .elementor-column { width: 100% !important; }
  .elementor-widget-html { width: 100% !important; overflow-x: hidden !important; }
}

/* ================================================
   UTILITAIRES
   ================================================ */
.dv-gold    { color: #C9A84C !important; }
.dv-white   { color: #F5F0E8 !important; }
.dv-dim     { color: rgba(245,240,232,0.6) !important; }
.dv-bg      { background: #080808 !important; }
.dv-surface { background: #141414 !important; }