/* Custom styles for your child theme */
:root {
  --primary-color: #007cba;
  --secondary-color: #6c757d;
  --success-color: #28a745;
  --info-color: #17a2b8;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --light-color: #f8f9fa;
  --dark-color: #343a40;

  --mundoEV-green: #26e46e;
}

/* Header customizations */
#header {
  background-color: black;
  color: white;
}

#header .header-top {
  background-color:  black;
}

#header .header-nav .blockcart {
  background: var(--mundoEV-green);
}

.product-title a {
  color: #343a40 !important;  
}

#contact-link a {
  color: white;
}

#contact-link a:hover {
  color: var(--mundoEV-green);
}

#header .header-nav .cart-preview.active{
  background: var(--mundoEV-green);
}

#header .header-nav {
  background-color:  black;
  border-bottom: 0px;
}

#header a {
  color: white;
}

.dropdown .expand-more{
  color: white;
}

/* Logo customizations */
#_desktop_logo img,
#_mobile_logo img {
  max-height: 60px;
  width: auto;
}

/* Navigation customizations */
#main-menu {
  background-color:  color-mix(in oklab, black 80%, transparent);
}

#main-menu .dropdown-menu {
  background-color:  color-mix(in oklab, black 80%, transparent);
}

/* Product page customizations */
.product-prices {
  font-size: 1.2em;
  font-weight: bold;
  color: var(--primary-color);
}

.product-add-to-cart .btn-primary {
  background-color: var(--success-color);
  border-color: var(--success-color);
}

.product-add-to-cart .btn-primary:hover {
  background-color: #218838;
  border-color: #1e7e34;
}

/* Footer customizations */
#footer {
  background: black;
  color: var(--light-color);
}

#footer a {
  color:white;
  background: black;
}

#footer a:hover {
  color: var(--mundoEV-green);
}

.block_newsletter{
  background: black !important;
}

#block-newsletter-label{
  color: white !important;
}

.block-contact{
  color: white !important;
}
.block-contact .block-contact-title{
  color: white;
}

p.h3 {
  color: white;
}
#block_myaccount_infos .myaccount-title a {
  color: white;
}
span.h3{
  color: white;
}

/* Custom utility classes */
.text-primary-custom {
  color: var(--primary-color) !important;
}

.bg-primary-custom {
  background-color: var(--primary-color) !important;
}

.border-primary-custom {
  border-color: var(--primary-color) !important;
}

/* Custom animations */
.zoom-effect {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.loading {
  opacity: 0.6;
  pointer-events: none;
}

.added {
  background-color: var(--success-color) !important;
  border-color: var(--success-color) !important;
}

#header.scrolled {
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: box-shadow 0.3s ease;
}

#mobile-menu.active {
  transform: translateX(0);
  visibility: visible;
}

#mobile-menu {
  transform: translateX(-100%);
  visibility: hidden;
  transition: transform 0.3s ease, visibility 0.3s ease;
}

li{
  border-bottom: 0px;
}

.breadcrumb ol li {
  background: #f6f6f6;
}

figure, .caption-description {
  background: transparent;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover{
  border-bottom: var(--mundoEV-green) 3px solid;
  color: var(--mundoEV-green);
}

.wishlist-add-to-new{
  background: white !important;
}

/* Responsive customizations */
@media (max-width: 768px) {
  #header {
    padding: 10px 0;
  }
  
  #_desktop_logo img,
  #_mobile_logo img {
    max-height: 40px;
  }

  .footer-container .links ul>li{
    background: black;
    border-bottom: 0px !important;
    margin: 0px !important;
  }

  figure{
    background: #f0f0f0;
  }


}