.elementor-kit-15{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFF6EE;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:200ms;--e-preloader-animation:pulse;--e-preloader-animation-duration:5000ms;--e-preloader-delay:0ms;}.elementor-kit-15 button,.elementor-kit-15 input[type="button"],.elementor-kit-15 input[type="submit"],.elementor-kit-15 .elementor-button{background-color:#411300;font-family:"Poppins", Sans-serif;color:#FFFFFF;border-radius:25px 25px 25px 25px;}.elementor-kit-15 button:hover,.elementor-kit-15 button:focus,.elementor-kit-15 input[type="button"]:hover,.elementor-kit-15 input[type="button"]:focus,.elementor-kit-15 input[type="submit"]:hover,.elementor-kit-15 input[type="submit"]:focus,.elementor-kit-15 .elementor-button:hover,.elementor-kit-15 .elementor-button:focus{background-color:#FFFFFF00;color:#411300;border-style:solid;border-width:2px 2px 2px 2px;border-color:#411300;}.elementor-kit-15 e-page-transition{background-color:#C4B2AA;}body.e-wc-error-notice .woocommerce-error, body.e-wc-error-notice .wc-block-components-notice-banner.is-error{background-color:#C4B2AA;}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:#C4B2AA;}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{background-color:#411300 !important;background-image:none !important;font-family:"Poppins", Sans-serif;border-width:2px 2px 2px 2px;}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:#C4B2AA;}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{background-color:#411300 !important;background-image:none !important;font-family:"Poppins", Sans-serif;border-width:2px 2px 2px 2px;}body.e-wc-info-notice .woocommerce-info .button:hover, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-info .woocommerce-Button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .wc-block-components-notice-banner.is-info .woocommerce-Button:hover{background-color:#FFFFFF00 !important;background-image:none !important;}.site-header{background-color:#FFFFFF;padding-inline-end:0px;padding-inline-start:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{--error-message-text-color:#FFFFFF;font-family:"Poppins", Sans-serif;--error-message-icon-color:#FFFFFF;--error-message-normal-links-color:#FFFFFF;--error-box-border-radius:25px 25px 25px 25px;}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-family:"Poppins", Sans-serif;}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:#FFFFFF;font-family:"Poppins", Sans-serif;--message-message-icon-color:#FFFFFF;--message-box-border-radius:25px 25px 25px 25px;--message-buttons-normal-text-color:#FFFFFF;--message-buttons-hover-text-color:#FFFFFF;--message-buttons-hover-border-color:#411300;--message-border-type:solid;--message-border-color:#411300;--message-buttons-border-radius:25px 25px 25px 25px;}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-family:"Poppins", Sans-serif;}.e-wc-message-notice .woocommerce-message .restore-item, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, .e-wc-message-notice .woocommerce-message a:not([class]), .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){--notice-message-normal-links-color:#FFFFFF;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:#FFFFFF;font-family:"Poppins", Sans-serif;--info-message-icon-color:#FFFFFF;--info-box-border-radius:25px 25px 25px 25px;--info-buttons-normal-text-color:#FFFFFF;--info-buttons-hover-text-color:#DBDBDB;--info-buttons-hover-border-color:#411300;--info-border-type:solid;--info-border-color:#411300;--info-buttons-border-radius:25px 25px 25px 25px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Style typographique chic pour le titre principal */
.hero-title {
  font-family: 'Playfair Display', serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1px;
  color: #000000;
  text-align: center;
  margin-bottom: 20px;
}

/* Responsive mobile */
@media only screen and (max-width: 768px) {
  .hero-title {
    font-size: 36px;
  }
}

body, html, .elementor, .elementor-section, .elementor-container {
  background-color: #ffffff !important;
}

body, html, p, h1, h2, h3, h4, h5, h6, a, span, li, td, th, div {
  color: #000000 !important;
}
/* Importer les polices depuis Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=Lato:wght@300;400;700&display=swap');

/* Appliquer Lato pour le corps du texte */
body, html, p, span, li, td, th, input, textarea, select {
  font-family: 'Lato', sans-serif !important;
}

/* Appliquer Playfair Display pour tous les titres */
h1, h2, h3, h4, h5, h6, .elementor-heading-title {
  font-family: 'Playfair Display', serif !important;
}
/* Tailles par défaut pour desktop */
h1 { font-size: 56px; }
h2 { font-size: 36px; }
h3 { font-size: 26px; }
body, p, span, li {
  font-size: 16px;
}
.elementor-button {
  font-size: 15px;
  text-transform: uppercase;
}

/* Tailles adaptées pour mobile */
@media only screen and (max-width: 768px) {
  h1 { font-size: 36px; }
  h2 { font-size: 28px; }
  h3 { font-size: 20px; }
  body, p, span, li {
    font-size: 15px;
  }
  .elementor-button {
    font-size: 14px;
  }
}
/* Style de base du bouton */
.elementor-button {
  background-color: transparent;
  border: 1px solid #000000;
  color: #000000;
  padding: 12px 28px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  border-radius: 0; /* Option : arrondi à 0 pour un look très moderne */
}

/* Effet au survol (hover) */
.elementor-button:hover {
  background-color: #000000;
  color: #ffffff;
}
/* Tous les boutons Elementor : style chic */
.elementor-button {
  background-color: transparent;
  color: #000000;
  border: 1px solid #000000;
  padding: 12px 28px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  border-radius: 0;
}

/* Hover : fond noir, texte blanc */
.elementor-button:hover {
  background-color: #000000;
  color: #ffffff;
}
.elementor-nav-menu a:hover::after {
  content: "";
  display: block;
  margin: auto;
  width: 100%;
  padding-top: 1px;
  border-bottom: 1px solid #000;
  transition: all 0.3s ease;
}
/* ----- Logo typographique (GardeRobe Étoilée) ----- */
.site-logo h1, .elementor-widget-heading .elementor-heading-title {
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 1px;
  font-style: italic; /* optionnel pour effet "signature" */
  text-transform: none;
  margin: 0;
}

/* ----- Menu navigation élégant ----- */
.elementor-nav-menu a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #000000;
  padding: 8px 12px;
  position: relative;
  text-transform: uppercase;
}

/* Soulignement subtil au survol */
.elementor-nav-menu a::after {
  content: "";
  display: block;
  margin: auto;
  width: 0;
  border-bottom: 1px solid #000;
  transition: width 0.3s ease-in-out;
}

.elementor-nav-menu a:hover::after,
.elementor-nav-menu .elementor-item-active::after {
  width: 100%;
}

/* ----- Recherche : style chic du champ ----- */
input[type="search"],
.woocommerce-product-search input.search-field {
  border-radius: 999px;
  border: none;
  padding: 8px 16px;
  background-color: #f5f5f5;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  transition: box-shadow 0.2s ease;
}

input[type="search"]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}

/* ----- Réduction du logo en mobile pour ne pas casser la mise en page ----- */
@media only screen and (max-width: 768px) {
  .site-logo h1, .elementor-widget-heading .elementor-heading-title {
    font-size: 24px;
    text-align: center;
  }
}
/* Corrige le soulignement de l’élément actif */
.elementor-nav-menu .elementor-item.elementor-item-active {
  border-bottom: 1px solid #000000 !important;
}

/* Ajoute un soulignement progressif au hover */
.elementor-nav-menu a::after {
  content: "";
  display: block;
  margin: auto;
  width: 0%;
  height: 1px;
  background-color: #000000;
  transition: width 0.3s ease;
}

.elementor-nav-menu a:hover::after {
  width: 100%;
}

/* Style global des liens de menu */
.elementor-nav-menu a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  text-transform: uppercase;
  padding: 8px 12px;
  position: relative;
}

/* Supprime les anciennes bordures éventuelles */
.elementor-nav-menu a {
  border: none !important;
  box-shadow: none !important;
}
/* --- STYLE GÉNÉRAL DU MENU (DESKTOP) --- */
.elementor-nav-menu {
  display: flex;
  justify-content: center;
  gap: 40px; /* espace entre les liens */
}

.elementor-nav-menu a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 5px;
  transition: all 0.3s ease;
  text-decoration: none;
}

/* --- Soulignement au hover et actif --- */
.elementor-nav-menu a::after {
  content: "";
  display: block;
  height: 1px;
  width: 0;
  background-color: #000;
  transition: width 0.3s ease;
  margin: auto;
}

.elementor-nav-menu a:hover::after,
.elementor-nav-menu .elementor-item-active::after {
  width: 100%;
}

/* Supprime les bordures ou styles parasites */
.elementor-nav-menu a {
  border: none !important;
  box-shadow: none !important;
}

/* Alignement vertical pour qu’il soit bien centré */
.elementor-nav-menu--main {
  align-items: center;
}
/* ----- Structure des 3 colonnes dans le header ----- */
.header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
}

/* ----- Menu à gauche ----- */
.header-section .elementor-nav-menu {
  justify-content: flex-start;
  gap: 30px;
}

.header-section .elementor-nav-menu a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 4px;
}

/* Soulignement subtil */
.header-section .elementor-nav-menu a::after {
  content: "";
  display: block;
  height: 1px;
  width: 0;
  background-color: #000;
  transition: width 0.3s ease;
  margin: auto;
}

.header-section .elementor-nav-menu a:hover::after,
.header-section .elementor-nav-menu .elementor-item-active::after {
  width: 100%;
}

/* ----- Logo centré ----- */
.header-section .elementor-widget-heading .elementor-heading-title {
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 1px;
  font-style: italic;
  text-align: center;
  margin: 0;
}

/* ----- Recherche + panier à droite ----- */
.header-section .elementor-search-form input,
.woocommerce-product-search input.search-field {
  border: none;
  border-radius: 999px;
  background-color: #f5f5f5;
  padding: 6px 14px;
  font-size: 14px;
}

.header-section .elementor-search-form input:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}

.header-section .elementor-icon,
.header-section .woocommerce-cart {
  color: #000000;
  font-size: 20px;
  margin-left: 12px;
}
.header-fix {
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.garderobe-header a {
  pointer-events: auto !important;
  z-index: 9999 !important;
  position: relative;
}/* End custom CSS */