/* ============================================
   1. TITRES
   ============================================ */


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');

.woocommerce-loop-product__title,
.product_title,
.woocommerce-products-header__title, 
h1, h2 {
  font-family: 'Playfair Display', serif;
}

.woocommerce-products-header__title,
.product_title {
  font-weight: 800;
}

.woocommerce-loop-product__title {
  font-weight: 700;
}


/* ============================================
   1. GÉNÉRAL
   ============================================ */

body,
html {
    background: #0d0d0d;
}

h1,
h2 {
    color: #aea899;
}

h1 {
    font-size:2.8em;
}

/* Correction spécifique pour le banner WooCommerce */
h1.wp-block-heading.woocommerce-coming-soon-banner {
    color: #000;
}

/* ============================================
   2. HEADER
   ============================================ */

#site-header {
    background: #0d0d0d;
    border: 0 !important;
}

.header-main {
    border-bottom: 1px solid #1a1a1a;
}

.header-counter {
    background:#ddab2c;
Color:#000;
}

/* ============================================
   3. MENU PRINCIPAL
   ============================================ */

/* Liens du menu principal */
#menu-main-menu a {
    color: #f5ecd6;
    text-transform: uppercase;
}

/* Élément actif du menu */
#menu-main-menu .current-menu-item a {
    color: #ddab2c;
}


.header-right-items {
  color:#f5ecd6;
}

.header-right-items a:hover{
  color:#ddab2c;
}


/* ============================================
   4. SOUS-MENU
   ============================================ */

#menu-main-menu .sub-menu {
    background: #0d0d0d !important;
    border: 1px solid #1a1a1a !important;
}

#menu-main-menu .sub-menu a {
    color: #f5ecd6;
}

#menu-main-menu .sub-menu a:hover {
    color: #ddab2c;
}


/* ============================================
   GLOBAL - Inputs texte + textarea
   Contour doré permanent
   ============================================ */

body input[type="text"],
body input[type="email"],
body input[type="password"],
body input[type="tel"],
body input[type="search"],
body input[type="url"],
body textarea {
    border: 1px solid #ddab2c !important;
    box-shadow: 0 0 0 3px rgba(221, 171, 44, 0.22) !important;
}

/* Survol identique */
body input[type="text"]:hover,
body input[type="email"]:hover,
body input[type="password"]:hover,
body input[type="tel"]:hover,
body input[type="search"]:hover,
body input[type="url"]:hover,
body textarea:hover {
    border-color: #ddab2c !important;
    box-shadow: 0 0 0 3px rgba(221, 171, 44, 0.22) !important;
}

/* Focus identique */
body input[type="text"]:focus,
body input[type="email"]:focus,
body input[type="password"]:focus,
body input[type="tel"]:focus,
body input[type="search"]:focus,
body input[type="url"]:focus,
body textarea:focus,
body input[type="text"]:focus-visible,
body input[type="email"]:focus-visible,
body input[type="password"]:focus-visible,
body input[type="tel"]:focus-visible,
body input[type="search"]:focus-visible,
body input[type="url"]:focus-visible,
body textarea:focus-visible {
    border-color: #ddab2c !important;
    box-shadow: 0 0 0 3px rgba(221, 171, 44, 0.22) !important;
    outline: none !important;
}

/* Autofill Chrome / Edge */
body input[type="text"]:-webkit-autofill,
body input[type="email"]:-webkit-autofill,
body input[type="password"]:-webkit-autofill,
body input[type="tel"]:-webkit-autofill,
body input[type="search"]:-webkit-autofill,
body input[type="url"]:-webkit-autofill {
    -webkit-text-fill-color: #f5ecd6 !important;
    caret-color: #f5ecd6 !important;

    border-color: #ddab2c !important;

    box-shadow:
        0 0 0 1000px #0d0d0d inset,
        0 0 0 3px rgba(221, 171, 44, 0.22) !important;
}

/* ============================================
   GLOBAL - Contour doré permanent
   Inputs texte + textarea
   ============================================ */

html body input[type="text"],
html body input[type="email"],
html body input[type="password"],
html body input[type="tel"],
html body input[type="search"],
html body input[type="url"],
html body textarea,
html body .woocommerce input[type="text"],
html body .woocommerce input[type="email"],
html body .woocommerce input[type="password"],
html body .woocommerce input[type="tel"],
html body .woocommerce input[type="search"],
html body .woocommerce input[type="url"],
html body .woocommerce textarea {
    border: 1px solid #ddab2c !important;
    border-color: #ddab2c !important;
    box-shadow: 0 0 0 3px rgba(221, 171, 44, 0.22) !important;
    outline: none !important;
}

/* Conserve exactement le même contour au survol */
html body input[type="text"]:hover,
html body input[type="email"]:hover,
html body input[type="password"]:hover,
html body input[type="tel"]:hover,
html body input[type="search"]:hover,
html body input[type="url"]:hover,
html body textarea:hover {
    border-color: #ddab2c !important;
    box-shadow: 0 0 0 3px rgba(221, 171, 44, 0.22) !important;
}

/* Conserve exactement le même contour au focus */
html body input[type="text"]:focus,
html body input[type="email"]:focus,
html body input[type="password"]:focus,
html body input[type="tel"]:focus,
html body input[type="search"]:focus,
html body input[type="url"]:focus,
html body textarea:focus,
html body input[type="text"]:focus-visible,
html body input[type="email"]:focus-visible,
html body input[type="password"]:focus-visible,
html body input[type="tel"]:focus-visible,
html body input[type="search"]:focus-visible,
html body input[type="url"]:focus-visible,
html body textarea:focus-visible {
    border-color: #ddab2c !important;
    box-shadow: 0 0 0 3px rgba(221, 171, 44, 0.22) !important;
    outline: none !important;
}

/* Autofill Chrome / Edge */
html body input[type="text"]:-webkit-autofill,
html body input[type="email"]:-webkit-autofill,
html body input[type="password"]:-webkit-autofill,
html body input[type="tel"]:-webkit-autofill,
html body input[type="search"]:-webkit-autofill,
html body input[type="url"]:-webkit-autofill {
    -webkit-text-fill-color: #f5ecd6 !important;
    caret-color: #f5ecd6 !important;
    border-color: #ddab2c !important;

    box-shadow:
        0 0 0 1000px #0d0d0d inset,
        0 0 0 3px rgba(221, 171, 44, 0.22) !important;
}