/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

body {
  font-family: 'Montserrat', sans-serif !important;
}

#header .header-top .menu {
  padding-right: 20% !important;
  margin-bottom: .375rem;
  margin-top: 0px !important;
}

#header .logo {
  max-width: 150% !important;
}

.carousel .carousel-inner {
  height: auto !important;
}

@media (min-width: 1200px) {
  .container {
    width: 100% !important;
    max-width: 100%;
  }
}

.wk360-display {
  background-color: white !important;
}

#wrapper {
  background: #fff !important;
}

.wk360-heading {
  text-align: center !important;
}

#wk-360-fullscreen .material-icons,
.wk360-display .material-icons {
  font-size: 60px !important;
}

.page-header {
  text-align: center !important;
}

.footer-container,
#main .images-container .js-qv-mask,
#js-product-list-header,
.product-flags,
.block-categories,
#header .header-nav #_desktop_contact_link,
body#checkout #footer,
#header .header-top .search-widget {
  display: none !important;
}

@media (min-width: 768px) {
  .col-md-9 {
    width: 100% !important;
  }

  .search-widget {
    min-width: 12.63rem !important;
    width: 25% !important;
  }
}

.product-price {
  color: #313637 !important;
  display: inline-block;
}

.product-cover .layer {
  display: none !important;
}

#header .header-top {
  padding-bottom: 0.7rem !important;
}

#header .header-nav {
  margin-bottom: 20px !important;
}

.page-search #products .product {
  min-width: 350px !important;
  margin-top: 30px !important;
}

#products .thumbnail-container,
.product-miniature .thumbnail-container {
  height: 380px;
  width: 320px;
}



.wk360-section {
  margin-top: 0.1rem !important;
}

.tabs {
  margin-top: 1.7rem !important;
}

.wk-360-play-block {
  margin-top: 5px !important;
}

.product-title a {
  color: #333 !important;
  text-transform: uppercase !important;
  text-decoration: none;
  transition: color 0.3s ease;
}

.product-title a:hover {
  color: #0065A5 !important;
  text-decoration: underline;
}

.btn-primary {
  color: #fff !important;
  background-color: #21303A !important;
  border-color: transparent !important;
  transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

.btn-primary:hover {
  background-color: #0065A5 !important;
  border-color: #0065A5 !important;
  color: #fff !important;
}

.product-prices div {
  margin-bottom: .125rem !important;
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
  border-bottom: 3px solid #11323a !important;
  color: #09282f !important;
}



.search-widget form input[type="text"]:focus {
  outline: 3px solid #0065A5 !important;
  color: #232323;
  background: #fff;
}

.search-widget form button[type="submit"] .search:hover {
  color: #0065A5 !important;
}

.products-selection .sort-by-row {
  width: 67% !important;
  margin-left: 150px;
}

.products-sort-order .dropdown-menu {
  width: 197px !important;
}

.products-sort-order .select-title {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.products-selection .sort-by {
  word-break: normal !important;
}

a:hover {
  color: #0065A5 !important;
}

#blockcart-modal .product-name {
  color: #0065A5 !important;
  font-size: 1.125rem;
}

@media (min-width: 768px) {
  .col-md-3 {
    float: left;
    width: 25%;
  }
}

#wk-360-fullscreen {
  right: 40px !important;
}

@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}

#products .product-description,
.product-miniature .product-description {
  box-shadow: 0 -5px 10px -5px rgba(0,0,0,.2);
  height: 100px;
}

#products .thumbnail-container .product-thumbnail {
  height: calc(100% - 100px);
}



#wrapper .breadcrumb {
  background: transparent;
  border: 1px solid #ededed;
  border-radius: 3px;
  padding: 15px;
  margin: 0 0 30px;
}

#custom-text {
  border-radius: 0px !important;
  padding: 0px !important;
}




/* Styling for top menu links */
#header .top-menu a[data-depth="0"] {
  font-size: 14px !important;
  font-weight: 600;
  padding: 10px 20px;
  color: #232323 !important; /* Default text color */
  border-radius: 5px;
  display: inline-block; /* Ensure only the button is highlighted */
  text-align: center;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  text-decoration: none;
  margin-bottom: 5px !important; /* Add spacing between rows */
}

/* Hover effect */
#header .top-menu a[data-depth="0"]:hover {
  color: #0065A5 !important;
  background-color: #d6e0ea !important;
}

/* Default styling for menu items */
.top-menu .category .dropdown-item {
  font-weight: 600;
  padding: 10px 15px;
  background-color: #ebf0f5 !important; /* Default background */
  color: #232323 !important; /* Default text color */
  border-radius: 5px;
  display: inline-block; /* Ensure only the button gets background */
  text-align: center;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  text-decoration: none;
  margin-bottom: 10px; /* Add spacing between rows */
}

/* Hover effect */
.top-menu .category .dropdown-item:hover,
.top-menu .category .dropdown-item:focus {
  background-color: #d6e0ea !important;
  color: #232323 !important;
}

/* Highlight the active menu button (only the button, not the surrounding <li>) */
.top-menu .category.current .dropdown-item {
  background-color: #70a9e1 !important; /* Same as hover state */
  color: #232323 !important;
  font-weight: bold;
}

/* Ensuring only the button is highlighted, not the entire list item */
.top-menu .category.current {
  background: none !important; /* Remove highlight from <li> */
  padding: 0 !important; /* Ensure no extra spacing */
}

/* Ensure only the button (anchor) inside .current is affected */
.top-menu .category.current > a {
  background-color: #d6e0ea !important; /* Highlight only the button */
  color: #232323 !important;
  border-radius: 5px;
}

/* Add spacing between rows if menu items wrap */
.top-menu {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap into multiple rows */
  gap: 10px; /* Space between menu items */
}

#_desktop_user_info {
    padding-right: 250px !important;
    font-weight: bold !important;
    color: #11629F !important;
}

#_desktop_user_info .user-info {
    text-align: left !important;
}


#products .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:hover .highlighted-informations {
  bottom: 5.7rem !important;
}


#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
  width: 320px !important;
}

#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {
    width: 320px !important;
}

.quickview .modal-content {
  background: #fff !important;
}

#wrapper .breadcrumb li:last-child {
  color: #091957;
  font-weight: bold;
}

#products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature {
  margin: 0 .6125rem !important;
}

#header .header-nav .currency-selector {
display:none !important;
}

@media (max-width: 767px) {
  #header .header-nav .top-logo a img {
    max-height: 60px;
    max-width: 100%;
    padding-bottom: 5px;
  }
}

#_mobile_currency_selector {
  display:none !important;
}


@media (min-width: 1200px) {
  .container {
    padding-left: 150px;
    padding-right: 150px;
  }
}

#fspasc_id_store {
  max-width: 400px !important;
}

#fspasc_wrapper .carrier_title {
  display: none !important;
}

#fspasc_store_selector {
  display: none !important;
}

#fspasc_store_address {
  display: none !important;
}

.quickview .social-sharing {
  display: none !important;
}

.product-quantities {
  margin-top: 10px;
  font-weight: bold;
  color: #3c763d; /* Green */
}
.product-quantities.out-of-stock {
  color: #a94442; /* Red */
}

#use_same_address {
  display: none !important;
}


#delivery-addresses {
  display: none !important;
}

a[data-link-action="different-invoice-address"] {
  display: none !important;
}

.carrier-price {
  display: none !important;
}


label.wk_required {
    float: right !important;
}