/* ===================================================== */
/* ====================  DESKTOP  ====================== */
/* ===================================================== */

/* header-top */
#header .header-top {
  background-color : #f995202e;
#  padding: 20px 0;
}

/* masque le bloc blanc de la categorie sur le site */
.block-category.card.card-block {
  display: none !important;
}

a[href="https://creartenzo.com/3-bijoux"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: inherit;
}

li[data-depth="0"] > a[href="https://creartenzo.com/3-bijoux"] {
  position: relative;
}

li[data-depth="0"] > a[href="https://creartenzo.com/3-bijoux"] + .top-sub-menu {
  top: 100% !important;
  left: 0 !important;
  position: absolute;
  z-index: 1000;
}

/* Désactive le lien "Bijoux" */
a[href="https://creartenzo.com/3-bijoux"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: inherit;
}

/* Force le bon positionnement du sous-menu */
li[data-depth="0"] > a[href="https://creartenzo.com/3-bijoux"] {
  position: relative;
}

/* Si le menu utilise une structure <li><a> + <ul> pour le sous-menu */
li[data-depth="0"] > a[href="https://creartenzo.com/3-bijoux"] + ul {
  display: block !important;
  position: absolute;
  top: 100% !important;
  left: 0 !important;
  z-index: 1000;
}

/* Ou si c'est une div avec la classe .top-sub-menu */
li[data-depth="0"] > a[href="https://creartenzo.com/3-bijoux"] + .top-sub-menu {
  display: block !important;
  position: absolute;
  top: 100% !important;
  left: 0 !important;
  z-index: 1000;
}

.top-menu .sub-menu,
.top-menu .sub-menu.collapse {
  position: absolute;
  top: 100%;           /* S'affiche juste en dessous du parent */
  left: 0;
  z-index: 200;
  background: #fff;
  visibility: hidden;  /* Caché par défaut */
  opacity: 0;          /* Transparent par défaut */
  transition: opacity 0.3s ease, visibility 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  min-width: 200px;
}


.top-menu li:hover > .sub-menu,
.top-menu li:hover > .sub-menu.collapse {
  visibility: visible;
  opacity: 1;
}






/* wrapper */
#wrapper {
  background-color : #f995202e;
}


/* footer */
#footer {
  background-color : #f995202e;
}

/* custom-text */
#custom-text {
  background-color : #f995202e;
}

/* Logo desktop en haut à gauche - agrandi */
#_desktop_logo {
  display: flex;
  align-items: center;
  padding-left: 20px;
}

#_desktop_logo img {
  max-height: 2700px; /* Augmenté depuis 120px */
  height: auto;
  width: auto;
  margin-top:-105px;
}

/* Bloc icônes droite - icônes alignées sur une seule ligne */
#user-cart-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  padding-right: 20px;
  flex-wrap: nowrap;
  margin-top:55px;

}

.footer-subscribe-form input.form-control {
  width: 100%;
  padding: 6px 10px;
  font-size: 14px;
}
.footer-subscribe-form button {
  background-color: #333;
  color: white;
  border: none;
}
.footer-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.footer-block {
  margin-bottom: 20px;
}

/* Conteneur interne pour forcer l'alignement */
#user-cart-block > div {
  display: flex;
  align-items: center;
}

/* Textes cachés sous les icônes */
#desktop_user_info span, #desktop_user_info a,
#desktop_cart span, #desktop_cart a {
  font-size: 0;
}

/* Tailles des icônes */
#desktop_user_info i, #desktop_user_info svg {
  font-size: 20px;
}

#desktop_cart i, #desktop_cart svg {
  font-size: 28px;
}

/* Recherche cachée par défaut */
#desktop_search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 40px; /* compact au départ */
  overflow: hidden;
  transition: max-width 0.3s ease;
}

#desktop_search.open {
  max-width: 300px;
}

#desktop_search .search-input {
  display: none;
  height: 35px;
  font-size: 16px;
  padding: 0 10px;
  border: 1px solid #ccc;
  flex-grow: 1;
}

#desktop_search.open .search-input {
  display: block;
}

#desktop_search .search-submit {
  display: none;
}

#desktop_search.open .search-submit {
  display: inline-block;
}

/* Menu catégories */
#desktop_top_menu {
  border-bottom: 1px solid #d3eaf6;
  margin-top: -50px;
}
#desktop_top_menu .menu, #desktop_top_menu .top-menu {
  width: 100%;
}

#desktop_top_menu .search-widget {
  display: none !important;
}

.footer-block {
  padding: 15px;
}

.footer-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

.footer-subscribe-form input.form-control {
  width: 100%;
}

.footer-subscribe-form button {
  width: 100%;
  margin-top: 10px;
}

.test-newsletter {
  max-width: 250px;
}

.test-newsletter .form-control {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.test-newsletter .footer-subscribe-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 767px) {
  .footer-block {
    margin-bottom: 20px;
  }
}

/* Masquer le header mobile en desktop */
@media (min-width: 768px) {
  #header-mobile,
  #mobile_top_menu_wrapper {
    display: none !important;
  }
}

.cookie-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.cookie-popup.hidden {
  display: none;
}

.cookie-content {
  background: #fff;
  padding: 30px 40px;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  max-width: 500px;
  text-align: center;
}

.cookie-content p {
  margin-bottom: 20px;
  font-size: 16px;
  color: #333;
}

.cookie-content a {
  color: #007bff;
  text-decoration: underline;
}

.cookie-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
}

.cookie-buttons button {
  padding: 10px 20px;
  font-size: 15px;
  border-radius: 5px;
  cursor: pointer;
  border: none;
}

#accept-cookies {
  background-color: #007bff;
  color: white;
}

#reject-cookies {
  background-color: #e0e0e0;
  color: #333;
}


/* ===================================================== */
/* =====================  MOBILE  ====================== */
/* ===================================================== */

@media (max-width: 991px) {

  /* Logo centré */
  #_mobile_logo {
    text-align: center;
    margin-top: 10px;
  }
  #_mobile_logo img {
    max-height: 100px;
    height: auto;
    width: auto;
  }

  /* Icônes */
  #_mobile_user_icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 5px;
  }
  #_mobile_user_info i, #_mobile_cart i,
  #_mobile_user_info svg, #_mobile_cart svg {
    font-size: 22px;
  }

  /* Recherche mobile */
  #_mobile_search {
    max-width: 200px;
  }
  #_mobile_search input {
    height: 30px;
    font-size: 14px;
    padding: 0 8px;
  }
  #_mobile_search button {
    height: 30px;
    font-size: 14px;
  }

  /* Cacher recherche dans top-menu */
  #desktop_top_menu .search-widget {
    display: none !important;
  }
}

/* Masquer éléments desktop en mobile */
@media (max-width: 767.98px) {
  #header-desktop {
    display: none !important;
  }
}

/* ========== MENU BURGER MOBILE ========== */

/* Cache le menu mobile par défaut */
#_mobile_top_menu {
  display: none;
  background: white;
  padding: 10px 0;
  border-top: 1px solid #ddd;
}

/* Active via JS */
#_mobile_top_menu.active {
  display: block;
}

/* Bouton hamburger */
#hamburger-button {
  font-size: 28px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
}

/* Optionnel : centrer le bouton */
#hamburger-button {
  display: inline-block;
  margin: 0 auto;
}