/* =========================================================
   CODD PATCH 01 — ANGARTHEME CLEAN ANTHRACITE
   Base : noir / gris foncé / blanc cassé
   Doré uniquement en accent discret
   ========================================================= */

/* VARIABLES */
:root {
  --codd-bg: #0b0b0b;
  --codd-bg-deep: #050505;
  --codd-surface: #111111;
  --codd-surface-2: #151515;
  --codd-surface-3: #1b1b1b;
  --codd-border: #2a2a2a;
  --codd-border-soft: #202020;
  --codd-text: #e8e8e8;
  --codd-text-strong: #ffffff;
  --codd-muted: #a8a8a8;
  --codd-gold: #b89b5e;
}

/* BASE GÉNÉRALE */
html,
body {
  background: var(--codd-bg) !important;
  color: var(--codd-text) !important;
}

body {
  font-family: Arial, Helvetica, sans-serif !important;
}

a {
  color: var(--codd-text) !important;
  text-decoration: none !important;
}

a:hover {
  color: var(--codd-text-strong) !important;
}

/* HEADER */
#header,
.header-container,
#header .header-top,
#header .header-nav,
header {
  background: var(--codd-bg-deep) !important;
  border-color: var(--codd-border-soft) !important;
}

#header a,
#header span,
#header p,
#header li {
  color: var(--codd-text) !important;
}

/* LOGO */
#header .logo img,
#header img.logo,
.header_logo img,
#logo img {
  max-height: 90px !important;
  width: auto !important;
}

/* RECHERCHE */
#search_block_top,
.search-widget,
#searchbox {
  background: transparent !important;
}

#search_query_top,
.search-widget input,
#searchbox input,
#header input[type="text"],
#header input[type="search"] {
  background: #121212 !important;
  color: var(--codd-text) !important;
  border: 1px solid var(--codd-border) !important;
  border-radius: 6px !important;
}

#searchbox button,
.search-widget button,
#header button[type="submit"] {
  background: #222222 !important;
  color: var(--codd-text) !important;
  border: 1px solid #333333 !important;
  border-radius: 6px !important;
}

/* PANIER */
.shopping_cart,
.cart_block,
.blockcart,
.cart-preview,
.cart_block_top {
  background: #141414 !important;
  color: var(--codd-text) !important;
  border: 1px solid var(--codd-border) !important;
}

.shopping_cart a,
.cart_block a,
.blockcart a,
.cart-preview a {
  color: var(--codd-text) !important;
}

/* MENU PRINCIPAL */
#block_top_menu,
.sf-menu,
.top-menu,
.main-menu,
#_desktop_top_menu,
#header .menu {
  background: #000000 !important;
  border-top: 1px solid var(--codd-border-soft) !important;
  border-bottom: 1px solid var(--codd-border-soft) !important;
}

#block_top_menu a,
.sf-menu a,
.top-menu a,
.main-menu a,
#_desktop_top_menu a,
#header .menu a {
  color: var(--codd-text) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

#block_top_menu a:hover,
.sf-menu a:hover,
.top-menu a:hover,
.main-menu a:hover,
#_desktop_top_menu a:hover,
#header .menu a:hover {
  background: #111111 !important;
  color: #ffffff !important;
}

/* SOUS-MENUS */
.sf-menu ul,
#block_top_menu ul ul,
.top-menu .sub-menu,
.main-menu ul ul,
#_desktop_top_menu .sub-menu {
  background: #050505 !important;
  border: 1px solid var(--codd-border) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55) !important;
}

.sf-menu ul a,
#block_top_menu ul ul a,
.top-menu .sub-menu a,
.main-menu ul ul a,
#_desktop_top_menu .sub-menu a {
  background: transparent !important;
  color: var(--codd-text) !important;
}

/* SLIDER / HERO */
.homeslider-container,
#homepage-slider,
#homeslider,
.homeslider,
.slider {
  overflow: hidden !important;
  background: var(--codd-bg) !important;
}

.homeslider-container img,
#homepage-slider img,
#homeslider img,
.homeslider img,
.slider img {
  display: block !important;
}

/* GRANDES TUILES HOME */
#htmlcontent_home li,
.htmlcontent-home li,
#htmlcontent_top li,
.angarbanners li,
.banner-box,
.home-banner,
.home-category,
.category-block {
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid var(--codd-border) !important;
  background: var(--codd-surface) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.38) !important;
}

#htmlcontent_home img,
.htmlcontent-home img,
#htmlcontent_top img,
.angarbanners img,
.banner-box img,
.home-banner img,
.home-category img,
.category-block img {
  border-radius: 18px !important;
  transition: transform 0.25s ease, filter 0.25s ease !important;
}

#htmlcontent_home li:hover img,
.htmlcontent-home li:hover img,
.angarbanners li:hover img,
.banner-box:hover img,
.home-banner:hover img,
.home-category:hover img,
.category-block:hover img {
  transform: scale(1.025) !important;
  filter: contrast(1.04) brightness(0.94) !important;
}

/* CARTES PRODUITS */
.product-container,
.ajax_block_product .product-container,
.product-miniature,
.product_list .product-container,
ul.product_list.grid > li .product-container {
  background: var(--codd-surface-2) !important;
  border: 1px solid var(--codd-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.30) !important;
}

.product-container:hover,
.ajax_block_product .product-container:hover,
.product-miniature:hover,
.product_list .product-container:hover,
ul.product_list.grid > li .product-container:hover {
  border-color: #3a3a3a !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.42) !important;
}

/* ZONES INTERNES PRODUIT */
.product-container .left-block,
.product-container .right-block,
.product-miniature .thumbnail-container,
.product-miniature .product-description {
  background: transparent !important;
}

/* IMAGES PRODUITS */
.product-container img,
.product-miniature img,
.product_list img {
  border-radius: 10px !important;
}

/* TITRES PRODUITS */
.product-name,
.product-title,
.product-container a.product-name,
.product-miniature .product-title a,
.product_list .product-name {
  color: var(--codd-text-strong) !important;
}

/* DESCRIPTIONS PRODUITS */
.product-desc,
.product-description,
.product-container .product-desc,
.product-miniature .product-description {
  color: var(--codd-muted) !important;
}

/* PRIX */
.price,
.product-price,
.product-container .price,
.product-miniature .price,
.content_price {
  color: var(--codd-gold) !important;
  font-weight: 800 !important;
}

/* BOUTONS */
.button,
.btn,
.ajax_add_to_cart_button,
.product-container .button,
.product-miniature .btn,
button {
  border-radius: 8px !important;
  background: #242424 !important;
  border: 1px solid #3a3a3a !important;
  color: var(--codd-text) !important;
  font-weight: 700 !important;
}

.button:hover,
.btn:hover,
.ajax_add_to_cart_button:hover,
.product-container .button:hover,
.product-miniature .btn:hover,
button:hover {
  background: #2f2f2f !important;
  border-color: #555555 !important;
  color: #ffffff !important;
}

/* TITRES DE BLOCS */
.title_block,
.block .title_block,
.page-heading,
.products-section-title,
.block-title,
h1,
h2,
h3 {
  color: var(--codd-text-strong) !important;
  border-color: #303030 !important;
}

.title_block,
.block .title_block,
.products-section-title {
  border-bottom: 1px solid #303030 !important;
  background: transparent !important;
}

/* BLOCS LATÉRAUX / MODULES */
.block,
.block_content,
#left_column .block,
#right_column .block,
#categories_block_left,
#best-sellers_block_right,
#new-products_block_right,
#special_block_right {
  background: #121212 !important;
  border: 1px solid var(--codd-border) !important;
  border-radius: 14px !important;
  color: var(--codd-text) !important;
}

.block a,
.block_content a,
#left_column .block a,
#right_column .block a {
  color: var(--codd-text) !important;
}

.block a:hover,
.block_content a:hover,
#left_column .block a:hover,
#right_column .block a:hover {
  color: #ffffff !important;
}

/* LISTES CATÉGORIES */
#categories_block_left li,
.block_content li {
  border-color: #242424 !important;
}

#categories_block_left li a,
.block_content li a {
  color: var(--codd-text) !important;
}

/* FOOTER */
.footer-container,
#footer,
footer {
  background: #080808 !important;
  border-top: 1px solid #242424 !important;
  color: #cfcfcf !important;
}

.footer-container h3,
.footer-container h4,
#footer h3,
#footer h4,
footer h3,
footer h4 {
  color: var(--codd-text-strong) !important;
}

.footer-container a,
#footer a,
footer a {
  color: #d8d8d8 !important;
}

.footer-container a:hover,
#footer a:hover,
footer a:hover {
  color: #ffffff !important;
}

/* RÉASSURANCE */
#reinsurance_block,
#blockreassurance,
#block-reassurance,
.reassurance,
#angarinfo_block,
.angarinfo_block {
  background: #111111 !important;
  border: 1px solid #242424 !important;
  border-radius: 14px !important;
  color: var(--codd-text) !important;
}

/* SUPPRESSION ONGLET FACEBOOK FLOTTANT */
.facebook_tab,
#facebook_block,
.facebook_block,
.facebook_fixed,
div[class*="facebook"][style*="position: fixed"],
div[id*="facebook"][style*="position: fixed"] {
  display: none !important;
}

/* WHATSAPP / SCROLL TOP */
.whatsapp,
.whatsapp-button,
#whatsapp,
.back-to-top,
#back-top,
.scroll_top {
  z-index: 50 !important;
}

/* MOBILE */
@media (max-width: 767px) {
  #header .logo img,
  #header img.logo,
  .header_logo img,
  #logo img {
    max-height: 64px !important;
  }

  .product-container,
  .product-miniature {
    margin-bottom: 18px !important;
  }

  #htmlcontent_home li,
  .htmlcontent-home li,
  .angarbanners li,
  .banner-box,
  .home-banner,
  .home-category,
  .category-block {
    border-radius: 14px !important;
  }

  #htmlcontent_home img,
  .htmlcontent-home img,
  .angarbanners img,
  .banner-box img,
  .home-banner img,
  .home-category img,
  .category-block img {
    border-radius: 14px !important;
  }
}
/* CODD - 6 BANNERS CATEGORIES HOME SUR UNE SEULE LIGNE */

body#index #htmlcontent_home ul,
body#index .htmlcontent-home ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

body#index #htmlcontent_home ul li,
body#index .htmlcontent-home ul li {
  float: none !important;
  flex: 0 0 calc(16.666% - 12px) !important;
  width: calc(16.666% - 12px) !important;
  max-width: calc(16.666% - 12px) !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

body#index #htmlcontent_home ul li img,
body#index .htmlcontent-home ul li img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 14px !important;
}