/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 #header{ background: white !important; }


/* Replacing Blue by chatgpt */
:root {
  --bs-primary: #111111;
  --bs-primary-rgb: 17, 17, 17;
}



/* ************* GEMINI ************* */
/* Replacing Blue by Gemini with advanced prompt */

/* Custom CSS for Humminbird Child Theme */
:root {
  /* Overriding the default blue (#0d6efd) with #111111 */
  --bs-blue: #111111;
  --bs-primary: #111111;
  
  /* Updating the RGB version for transparency-based utilities */
  --bs-primary-rgb: 17, 17, 17;

  /* Adjusting link colors which often default to blue */
  --bs-link-color: #111111;
  --bs-link-hover-color: #000000;
  --bs-link-color-rgb: 17, 17, 17;

  /* Optional: Adjusting button and focus rings to match the new primary color */
  --bs-focus-ring-color: rgba(17, 17, 17, 0.25);
}

/* Specific overrides for elements that might not use the primary variable directly */
a {
  color: var(--bs-link-color);
}

.btn-primary {
  --bs-btn-bg: #111111 !important;
  --bs-btn-border-color: #111111 !important;
  --bs-btn-hover-bg: #000000 !important;
  --bs-btn-hover-border-color: #000000 !important;
  --bs-btn-active-bg: #000000 !important;
  --bs-btn-disabled-bg: #111111 !important;
}


/* ********** GEMINI 2ND ATTEMPS */
/* 1. Global Color Overrides */
:root {
  --bs-primary: #111111 !important;
  --bs-primary-rgb: 17, 17, 17 !important;
  --bs-link-color: #111111 !important;
  --bs-link-hover-color: #000000 !important;
  
  /* Focus rings (the blue glow around inputs) */
  --bs-focus-ring-color: rgba(17, 17, 17, 0.25) !important;
}

/* 2. Buttons & Interstices */
.btn-primary {
  background-color: #111111 !important;
  border-color: #111111 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

/* 3. Form Elements (Checkboxes & Radios) */
/* These often stay blue because they use background-images */
.form-check-input:checked {
  background-color: #111111 !important;
  border-color: #111111 !important;
}

/* 4. Navigation & UI Specifics */
/* Humminbird uses blue for the active category and cart count */
.header .cart-preview .cart-products-count {
  background-color: #111111 !important;
}

.thumbnails__container .thumbnail.active img {
    border-color: #111111 !important;
}

/* Pagination and Tabs */
.page-item.active .page-link {
  background-color: #111111 !important;
  border-color: #111111 !important;
}

.nav-tabs .nav-link.active {
  border-bottom-color: #111111 !important;
  color: #111111 !important;
}

/* 5. SVG Icons (Search, Cart, etc.) */
/* If some icons are still blue, they are likely using 'fill' or 'stroke' */
svg.primary-color {
  fill: #111111 !important;
}


/* GEMINI 3RD ATTEMPT */
.btn-outline-primary {
  /* Initial State */
  --bs-btn-color: #111111 !important;
  --bs-btn-border-color: #111111 !important;
  
  /* Hover State */
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #111111 !important;
  --bs-btn-hover-border-color: #111111 !important;
  
  /* Active/Pressed State */
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #111111 !important;
  --bs-btn-active-border-color: #111111 !important;
  
  /* Focus/Glow State */
  --bs-btn-focus-shadow-rgb: 17, 17, 17 !important;
  
  /* Disabled State */
  --bs-btn-disabled-color: #111111 !important;
  --bs-btn-disabled-bg: transparent !important;
  --bs-btn-disabled-border-color: #111111 !important;
}

/* Product thumbnails active border */
.thumbnails__container .thumbnail.active img {
    border-color: #111111 !important;
}

/* Category tree & links */
.block-categories .category-sub-menu li > a:hover,
.block-categories .collapse-icons .add:hover, 
.block-categories .collapse-icons .remove:hover {
    color: #111111 !important;
}

/* Fix for the blue 'focus' ring on all inputs and buttons */
.form-control:focus, 
.form-select:focus, 
.btn:focus {
    border-color: #111111 !important;
    box-shadow: 0 0 0 0.25rem rgba(17, 17, 17, 0.25) !important;
}

/* Pagination blue background */
.page-item.active .page-link {
    background-color: #111111 !important;
    border-color: #111111 !important;
}

/* Product miniature title */

.product-miniature__title {
    color: #000000;
    font-size: 1.2rem !important;
    /* text-align: left; */
    font-family: "Yeseva One", serif;
    font-weight: 400;
    font-style: normal;
}

/* Sous-menus */

#subcategories ul {
  list-style: none;
  padding: 0;
}
#subcategories li {
  margin-bottom: 10px;
}
#subcategories a {
  text-decoration: none;
  font-weight: bold;
}

/* enlever menu sur mobile */
@media (max-width: 575px) {
  .ps_categorytree {
    display: none !important;
  }
}