/* Override primary brand color */
:root {
  --o-brand-primary: #295729;   /* Greenshop green */
  --o-brand-secondary: #a3c293; /* Greenshop medium light green */
  --o-brand-light: #dcefdc;     /* Greenshop light green */
  --bs-success: #198754;        /* mapped to bootstrap success color*/
  --bs-info: #0dcaf0;           /* mapped to bootstrap info color */
  --bs-warning: #ffc107;        /* mapped to bootstrap warning color  */
  --bs-danger: #e74c3c;         /* mapped to bootstrap danger color */
  --hu-footer-bg-cop: #faf9f9;  /* Footer copyright background color */
  --hu-footer-bg-main: #eff3e8; /* Footer background color */
  --hu-main-lg: #faf9f9;        /* Main hu background color */
  --hu-btn-bg: #90cb40;
  --hu-hover-btn-bg: #73b51a;
  --hu-active-btn: #679b21;
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
}

.btn,
.btn-sm,
.btn-lg {
  border-radius: 0 !important;
}

.social-links {
  display: flex;
  gap: 1.5rem;
}

.social-link {
  color: #000;                    
  font-size: 1.5rem;
  text-decoration: none;
  transition: color 0.2s ease;
}

.social-link:hover,
.social-link:focus {
  color: var(--hu-hover-btn-bg);           
}

a {
    text-decoration: none;
    color: var(--o-brand-primary);
}


a:focus, a:hover {
    color: var(--o-brand-primary);
    text-decoration: underline;
}

/* Styles de base */
a.nav-link {
    text-decoration: none;
    color: var(--o-brand-primary);
}

a.footer-link {
    font-size: 0.85rem;
    color: #6c757d;
}

/* Hover/focus communs */
a.nav-link:hover,
a.nav-link:focus,
a.footer-link:hover,
a.footer-link:focus {
    color: var(--o-brand-primary);
    text-decoration: underline;
    text-decoration-color: var(--hu-btn-bg);
    text-decoration-thickness: 3px;
}

/* Offset spécifique */
a.nav-link:hover,
a.nav-link:focus {
    text-underline-offset: 15px;
}

a.footer-link:hover,
a.footer-link:focus {
    text-underline-offset: 5px; /* plus petit */
}


.navbar .container-fluid { position: relative; }
.navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
/* Top band */
#topBand {
    background-color: #90cb40;
    font-size: 0.85rem;
}
#topBand .btn-close {
    filter: brightness(0);
    opacity: 0.6;
}

/* Larger icons */
.nav-icon {
    font-size: 1.2rem;
    margin-right: 1.0rem; 
}

.icon-only-dropdown::after {
    position: absolute;
    right: 10px; /* Adjust horizontal position */
    top: 50%;
    transform: translateY(-50%);
}

/* navbar toggler */
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:focus-visible {
    border: none;
    box-shadow: none;
    outline: none;
}

/* Search bar */
#searchBar { border-top: 1px solid #dee2e6; }
#searchBar input:focus { box-shadow: none; border-color: var(--hu-btn-bg); }
#searchBar .btn-search { background-color:  var(--hu-btn-bg); border-color: var(--hu-btn-bg); color: white; }

.cart-item {
    position: relative;
    margin-bottom: 30px;
	margin-left: 0px;
	margin-right: 0px;	
    padding: 0px 10px 0px 10px;
    background-color: #fff;
    box-shadow: 0 12px 20px 1px rgba(64, 64, 64, .09);
}

.cart-item-category {
    position: relative;
    background-color: #fff;
    box-shadow: 0 12px 20px 1px rgba(64, 64, 64, .09);
}

/* Override Bootstrap btn-outline-success with Hurom green colors */
.btn-outline-success:hover,
.btn-outline-success:focus {
  color: #fff !important;
  background-color: var(--hu-hover-btn-bg) !important;
  border-color: #fff !important;
}

/* Override Bootstrap btn-outline-danger with Hurom green colors */
.btn-outline-danger:hover,
.btn-outline-danger:focus {
  color: #fff !important;
  background-color: var(--bs-warning) !important;
  border-color: #fff !important;
}

.bg-greenshop {
    background-color: var(--o-brand-primary);
}

input.form-control:focus,
input.search-query.form-control:focus {
  border-color: #000000 !important;
  box-shadow: none !important;
}