/**
* THIS FILE IS GENERATED AUTOMATICALLY WHEN SAVING CONFIGURE. YOUR DATA WILL BE LOST WHEN YOU EDIT THIS FILE
*/

/**
* Body, text color, background color, background image, font family, font size, font weight
*/

body{
background-color: #FFFFFF;
color: #666666;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;font-size: 17px;
}

/**
* Link, link hover
*/

a,
.alink{
color: #111111;
}

a:hover,
.alink:hover{
color: #F6789C;
}

/**
* THEME COLOR CUSTOM, BACKUP THIS FILE BEFORE UPDATE SM_THEMECORE MODULE
*/
/**
* $themeColor,
, $textColor, $textOnThemeColor, $linkColor, $linkHoverColor, $linkOnThemeColor, $linkHoverOnThemeColor
*/

/**
* Header mobile
*/

.header-mobile .mobile-top{
background-color: #FFFFFF;
}

.header-mobile .mobile-menu > a span{
background-color: #FFFFFF;
}

.minicart-mobile .minicart-wrapper .action.showcart:before{
color: #FFFFFF;
}
.background-color-theme{
	background-color: #FFFFFF;
	color: #FFFFFF;
}
/**
* Mobile layout
*/

.sticky-bottom .block-bottom .button-sticky-bottom.active,
.sticky-bottom .block-bottom .button-sticky-bottom:hover{
background-color: #FFFFFF;
color: #FFFFFF;
}

.myaccount-dropdown .content-dropdown .block-customer-login .actions-toolbar .primary .action{
background-color: #FFFFFF;
color: #FFFFFF;
}

.mb-header-device .minicart-wrapper .action.showcart .counter.qty{
background-color: #FFFFFF;
color: #FFFFFF;
}

.mb-header-device .block-minicart .block-content > .actions > .primary .action.primary{
background-color: #FFFFFF;
color: #FFFFFF;
}

.footer-mobile .footer-top{
background-color: #FFFFFF;
}

.footer-mobile .support-mobile ul li a{
color: #FFFFFF;
}

.footer-mobile .support-mobile ul li a:before {
color: #FFFFFF;
}

.mobile-newsletter .action-button button{
background-color: #FFFFFF;
color: #FFFFFF;
}

.mobile-newsletter .action-button button:active,
.mobile-newsletter .action-button button:focus,
.mobile-newsletter .action-button button:hover{
background-color: #eeeeee;
}

.footer-mobile .social-footer ul li a:hover{
background-color: #FFFFFF;
color: #FFFFFF;
}

.home-mobile .owl-theme .owl-dots .owl-dot.active span,
.home-mobile .owl-theme .owl-dots .owl-dot:hover span{
background-color: #FFFFFF;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span{
	background-color: #FFFFFF;
}
.mb-deal-full{
background-color: #FFFFFF;
}

.title-mobile .mb-deal-full .block .block-title strong{
color: #FFFFFF;
}

.mb-brand-mobile .item:hover{
border-color: #FFFFFF;
}

/**
* General
*/

.text-theme-color{
color: #FFFFFF;
}

.bundle-actions .action.primary:hover{
background-color: #FFFFFF;
color: #FFFFFF;
}

.mega-feature-content ul li a:hover{
color: #F6789C;
}

/**
* Control owl slider
*/

.nav-style-1 .owl-theme .owl-nav [class*="owl-"]:hover{
background-color: #FFFFFF;
color: #FFFFFF;
}

.nav-style-2 .owl-theme .owl-nav [class*="owl-"]:hover{
  background-color: #FFFFFF;
  color: #FFFFFF;
}

.nav-style-3 .owl-theme .owl-nav [class*="owl-"]:hover{
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #FFFFFF;
}
.breadcrumbs-titlepage .breadcrumbs .items a:hover,.breadcrumbs strong,
.breadcrumbs a:hover{
	color: #FFFFFF !important;
}

.cms-index-index .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu >li.home-item > a,
.sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu >li.sm_megamenu_actived > a,
.sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu>li:hover > a{
	color: #FFFFFF}
.navigation .level0.active>.level-top, 
.navigation .level0.has-active>.level-top, 
.navigation .level0:hover>.level-top,
.cms-index-index .navigation .level0:first-child >a.level-top{
	color: #FFFFFF !important;
}
/**
* Header 1
*/
.header-style-1.header-container .header-setting:hover{
	background-color: #FFFFFF;
}
.header-style-1.header-container .header-setting:hover:before{
	color: #FFFFFF;
}
.header-container .header-account:hover:before,
.header-style-2.header-container .header-setting:hover:before,
.header-container  .header-wishlist a span,
.header-container .search-header .btn-search:hover{
	color: #FFFFFF}

.header-container .minicart-wrapper .action.showcart .counter.qty{
	color: #FFFFFF}
.header-container .header-account:hover:before{
	color: #FFFFFF;
}

/**
* Header 2
*/
.header-style-2 .minicart-wrapper .action.showcart .price-minicart{
	color: #FFFFFF}
.header-style-2 .minicart-wrapper:hover .action.showcart{
	border-color: #FFFFFF;
}


/**
* Home page
*/
.slider-show .owl-theme .owl-nav [class*="owl-"]:hover{
	background-color: #FFFFFF;
}
.slider-show .owl-theme .owl-nav [class*="owl-"]:hover:before{
	color: #FFFFFF;
}
.slider-show .sphomeslider-description .sphs_textbox .sphs_btn:hover{
	background-color: #eeeeee;
}
.block.block-categories .item:hover .sv-icon{
	background-color: #FFFFFF;
}
.block.list-services ul li:hover .icon-service{
	background-color: #FFFFFF;
}
.block-testimonial .item-client:before{
	color: #FFFFFF;
}
.block-blogs .item .info-post .post-read-more a:hover{
	background-color: #FFFFFF;
	color: #FFFFFF;
}
.product-slider-full .deals-countdown .deals-time .num-time{
	background-color: #FFFFFF; 
}
/*HOME 2*/
.products-btn .products-grid .product-item .product-item-info .product-item-details .product-item-actions .actions-primary .tocart:hover,
.products-btn .products-grid .product-item .product-item-info .product-item-details .product-item-actions .actions-secondary .action:hover{
	background-color: #FFFFFF; 
}
.product-slider-deal .deals-countdown .deals-time .num-time{
	background-color: #FFFFFF; 
}
.categories-list .item .content ul li:last-child a:hover{
	color: #FFFFFF; 
}
.block-newsletter .block-subscribe .newsletter-content .action-button button:hover{
	background-color: #FFFFFF; 
}
.block-social ul li:hover a{
	background-color: #FFFFFF; 
	color: #FFFFFF;
}
/**
* Listing
*/


.modes .modes-mode:hover,
.modes .modes-mode.active{
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #FFFFFF;
}
#price-slider .ui-slider-handle{
	border-color: #FFFFFF !important;
}
.pages .item:hover,
.pages .current{
background-color: #FFFFFF;
border-color: #FFFFFF;
}

.pages .item a:hover,
.pages .current strong{
color: #FFFFFF;
}

.pages .action:hover:before{
color: #FFFFFF!important;
}

.sidebar .block .block-title{
color: #FFFFFF;
background-color: #FFFFFF;
}

.sidebar .block.filter .filter-options .filter-options-content ol li a:hover{
color: #F6789C;
}

.products-list .product-item-info .product-item-details .product-item-actions .actions-primary .tocart:hover,
.products-list .product-item-info .product-item-details .product-item-actions .actions-secondary .action:hover{
background-color: #FFFFFF;
color: #FFFFFF;
}

.product-1-style .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary .action:hover,
.product-1-style .products-grid .product-item-info .product-item-details .product-item-actions .actions-primary .tocart:hover{
background-color: #FFFFFF;
color: #FFFFFF;
border-color: #FFFFFF;
}
.product-1-style .products-grid .product-item .product-item-info .quickview-handler:hover{
background-color: #FFFFFF;
color: #FFFFFF;
}
.product-2-style .products-grid .product-item-info .product-item-details .actions-primary .tocart:hover{
	background-color: #FFFFFF;
}
.product-2-style .products-grid .product-item-info .image-product .actions-secondary .action:hover{
	color: #FFFFFF;
}

.products-list .product-item-info .image-product .quickview-handler:hover{
background-color: #FFFFFF;
color: #FFFFFF;
}
.product-labels .product-label.sale-label{
	background-color: #FFFFFF;
}

/**
* Detail page
*/


.vertical-style .resp-tabs-list li:hover, 
.vertical-style .resp-tabs-list li.active,
.product.data.items.accordion-style .item.title.resp-accordion.active,
.product.data.items.accordion-style .item.title.resp-accordion:hover{
	background-color: #FFFFFF;
}
.vertical-style .resp-tabs-list li:hover, 
.vertical-style .resp-tabs-list li.active,
.product.data.items.accordion-style .item.title.resp-accordion.active,
.product.data.items.accordion-style .item.title.resp-accordion:hover{
color: #FFFFFF!important;
}

.fotorama__thumb-border{
border-color: #FFFFFF!important;
}
.fotorama__active .fotorama__dot{
	border-color: #FFFFFF!important;
	background-color: #FFFFFF !important;
}
.gallery-placeholder .fotorama__thumb__arr:hover{
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #FFFFFF;
}

.product-info-main .product-social-links .action:hover,
.product-info-main .product-addto-links .action:hover{
background-color: #FFFFFF;
color: #FFFFFF!important;
}

.product-info-main .box-tocart .action.tocart,
.product-options-bottom .box-tocart .action.tocart{
background-color: #FFFFFF;
color: #FFFFFF;
}

.product-info-main .box-tocart .action.tocart:hover,
.product-options-bottom .box-tocart .action.tocart:hover{
background-color: #eeeeee;
}

/**
* Footer 1
*/
.block-footer .block-footer-content ul li a:hover:before{
	background-color: #FFFFFF;
}
.footer-bottom address a {
	color: #FFFFFF;
}

.footer-style-1 .social-footer ul li a:hover{
background-color: #FFFFFF;
color: #FFFFFF;
}

.footer-style-1 .newsletter-footer .action-button button{
background-color: #FFFFFF;
color: #FFFFFF;
}

.footer-style-1 .newsletter-footer .action-button button:hover{
background-color: #eeeeee;
}

/**
* Footer 2
*/
.footer-style-2 .footer-top{
	background-color: #FFFFFF;
}
.footer-style-2 .social-footer ul li a:hover{
	color: #FFFFFF;
}
/**
* About us
*/

.about-container .our-member .image-content .member-social li a:hover,
.about-container .our-client-say .nav-style-1 .owl-theme .owl-nav [class*="owl-"]:hover,
.about-container .our-member .nav-style-1 .owl-theme .owl-nav [class*="owl-"]:hover{
background-color: #FFFFFF;
color: #FFFFFF;
}

/**
* Contact page
*/

.contact-us-info .contact-social li a:hover{
	background-color: #FFFFFF;
	color: #FFFFFF;
}

.contact-us-info .info-contact li:before{
color: #FFFFFF;
}
.store-info-contact .item:hover .icon-info-contact, .store-info-contact .item:hover h3{
	color: #FFFFFF;
}
.contact-page .submit.primary:hover{
	background-color: #FFFFFF;
}
/**
* Blog page
*/

.post-content.post-custom .post-description .post-info-blog .post-read-more a:hover{
background-color: #FFFFFF;
color: #FFFFFF;
}

.post-content.post-custom .post-description .post-title a:hover{
color: #F6789C;
}
.post-content.post-custom .post-description .post-info-blog .post-posed-date .value{
	color: #FFFFFF;
}

/**
* Elements google font
*/


/**
* Layout
*/

@media (min-width: 1024px) {
    body .container,
    body .page-main{
    max-width: 1650px;
    }

}

/**
* Show add to cart, compare, wishlist product
*/


    .product-item .tocompare{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    }

    .product-item .towishlist{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    }

/**
* Listing Layout
*/

@media (min-width: 1921px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 20%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(5n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 25%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}

}


@media (min-width: 1681px) and (max-width: 1920px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 20%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(5n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 25%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}
}

@media (min-width: 1441px) and (max-width: 1680px) {

.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 25%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 25%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}
}

@media (min-width: 1200px) and (max-width: 1440px) {

.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 25%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(4n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 33.333333333333%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(3n+1){
clear: both;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 50%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(2n+1){
clear: both;
}
}

@media (max-width: 480px) {
.page-layout-1column .products.wrapper.products-grid .product-items .product-item{
width: 100%;
}

.page-layout-1column .products.wrapper.products-grid .product-items .product-item:nth-child(1n+1){
clear: both;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item,
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item{
width: 100%;
}

.page-layout-2columns-left .products.wrapper.products-grid .product-items .product-item:nth-child(1n+1),
.page-layout-2columns-right .products.wrapper.products-grid .product-items .product-item:nth-child(1n+1){
clear: both;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item{
width: 100%;
}

.page-layout-3columns .products.wrapper.products-grid .product-items .product-item:nth-child(1n+1){
clear: both;
}
}

@media (max-width: 1023px) {
.header-container {
display: none;
}

.header-mobile {
display: block;
}
}

/**
* Custom CSS
*/

/* =====================================================================
   0. DOCUMENT CONTROL
   =====================================================================
   File: Froedtert_Final_Header_UI.css
   Purpose:
   - Final normalized UI overrides for Froedtert storefront
   - Header, navigation, mobile controls, branding colors
   - Fully renumbered and refactored for long-term maintainability
   ===================================================================== */


/* =====================================================================
   1. UNIVERSAL MOBILE HAMBURGER ICON (CROSS-BROWSER)
   ===================================================================== */

#btn-nav-mobile {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  cursor: pointer !important;
  background: transparent !important;
  color: #000000 !important;
}

/* 1.1 Font Awesome Primary Render */
#btn-nav-mobile::before {
  content: "\f0c9";
  font-family: "Font Awesome 6 Free",
               "Font Awesome 5 Free",
               FontAwesome;
  font-weight: 900;
  font-size: 22px;
  line-height: 1;
  color: #000000;
  -webkit-font-smoothing: antialiased;
}

/* 1.2 Fallback CSS Bars */
@supports not (font-variation-settings: normal) {
  #btn-nav-mobile::before {
    content: "";
  }

  #btn-nav-mobile span,
  #btn-nav-mobile::after {
    position: absolute;
    left: 6px;
    right: 6px;
    height: 2px;
    background-color: #000000;
  }

  #btn-nav-mobile span {
    top: 50%;
    transform: translateY(-50%);
  }

  #btn-nav-mobile::after {
    top: 11px;
    box-shadow: 0 7px 0 #000000;
  }
}

/* 1.3 Remove Theme Conflicts */
.header-mobile .mobile-menu > a::after,
.header-mobile .mobile-menu > a span {
  display: none !important;
}


/* =====================================================================
   2. MOBILE CART ICON NORMALIZATION
   ===================================================================== */

.minicart-mobile .minicart-wrapper .action.showcart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 50px;
  background: transparent;
  cursor: pointer;
}

/* 2.1 IcoMoon Cart */
.minicart-mobile .action.showcart::before {
  content: "\e958";
  font-family: "icomoon";
  font-size: 20px;
  color: #00358E;
}

/* 2.2 Counter Color */
.minicart-wrapper .counter.qty {
  color: #00358E;
}


/* =====================================================================
   3. BRAND COLOR DEFINITIONS (BUTTONS / LINKS)
   ===================================================================== */

/* 3.1 Grid Add to Cart */
.products-grid .action.tocart.primary {
  background-color: #FCC528;
  border-color: #FCC528;
  color: #000000;
  min-width: 220px;
  padding: 14px 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 28px;
}

/* Hover */
.products-grid .action.tocart.primary:hover {
  background-color: #00358E;
  border-color: #00358E;
  color: #FFFFFF;
}

/* 3.2 PDP Add to Cart */
.product-info-main .box-tocart .action.tocart {
  background-color: #009EC3;
  border-color: #009EC3;
  color: #FFFFFF;
}


/* =====================================================================
   4. BREADCRUMBS
   ===================================================================== */

.breadcrumbs {
  background-color: #FCC528;
}

.breadcrumbs,
.breadcrumbs a {
  color: #FFFFFF;
}

.breadcrumbs strong {
  color: #000000;
}


/* =====================================================================
   5. SKU COLOR STANDARDIZATION
   ===================================================================== */

.product.attribute.sku,
.product.attribute.sku * {
  color: #009EC3;
  font-weight: 600;
}


/* =====================================================================
   6. MOBILE NAVIGATION COLORS
   ===================================================================== */

.nav-mobile,
.nav-mobile * {
  background-color: #FCC528 !important;
  box-shadow: none !important;
}

.nav-mobile a {
  color: #000000;
}

.nav-mobile a:hover {
  color: #00358E;
}


/* =====================================================================
   7. REMOVE UNWANTED HEADER ICONS
   ===================================================================== */

.header-wishlist,
.header-setting {
  display: none !important;
}


/* =====================================================================
   8. PAGE TITLE STANDARDIZATION
   ===================================================================== */

.page-title .base {
  font-size: 30px;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .page-title .base {
    font-size: 24px;
  }
}


/* =====================================================================
   9. REMOVE NATIVE LOGO (VISUAL + LAYOUT)
   ===================================================================== */

a.logo,
.page-header .logo,
.page-header .logo-container {
  display: none !important;
}


/* =====================================================================
   10. HEADER LAYOUT RESET (NO PHANTOM SPACE)
   ===================================================================== */

.page-header .header.content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  max-width: 100% !important;
}


/* =====================================================================
   11. NAVIGATION STRUCTURE (CENTERED, SINGLE LINE)
   ===================================================================== */

.page-header .navigation {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.page-header .navigation > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

.page-header .navigation > ul > li {
  width: auto;
}

.page-header .navigation > ul > li > a {
  padding: 0 15px;
  white-space: nowrap;
}


/* =====================================================================
   12. PARTNER LOGO STRIP (DESKTOP ONLY)
   ===================================================================== */

nav.navigation {
  position: relative;
}

/* 12.1 Desktop Logo Strip */
@media (min-width: 769px) {
  nav.navigation::before {
    content: "";
    display: block;
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: min(900px, 90%) auto;
    background-color: #FFFFFF;
  }
}

/* 12.2 Mobile – REMOVE LOGO STRIP COMPLETELY */
@media (max-width: 768px) {
  nav.navigation::before {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    background: none !important;
  }
}


/* =====================================================================
   13. DESKTOP NAV POSITIONING (40px RULE)
   ===================================================================== */

@media (min-width: 769px) {
  .page-header .navigation {
    margin-top: 40px !important;
  }
}


/* =====================================================================
   14. DROPDOWN STABILITY
   ===================================================================== */

.navigation .submenu {
  min-width: max-content;
}

.navigation .submenu a {
  white-space: nowrap;
}


/* =====================================================================
   15. CATEGORY-SPECIFIC VISIBILITY RULE
   ===================================================================== */

body.categorypath-froedtert-thedacare .page-title-wrapper,
body.categorypath-froedtert-thedacare .message.info {
  display: none !important;
}


/* =====================================================================
   16. FOOTER BRAND COLOR ENFORCEMENT
   ===================================================================== */

.page-footer a,
.page-footer a:visited {
  color: #00358E;
}

.page-footer a:hover {
  text-decoration: underline;
}

/* =====================================================================
   17. FINAL HEADER POSITION & MOBILE LOGO OVERRIDES
   =====================================================================
   Purpose:
   1. Shift desktop navigation upward (negative offset)
   2. Remove mobile-only logo container injected by theme
   ===================================================================== */


/* =========================================================
   17.1 DESKTOP NAVIGATION – NEGATIVE OFFSET
   ---------------------------------------------------------
   Replace previous +40px rule with -50px
   ========================================================= */

@media (min-width: 769px) {
  .page-header .navigation {
    margin-top: -50px !important;
  }
}


/* =========================================================
   17.2 MOBILE LOGO – FORCE HIDE (VISUAL + LAYOUT)
   ---------------------------------------------------------
   Target:
   <div class="mobile-logo">…</div>
   ========================================================= */

.mobile-logo {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Defensive: ensure anchor and image cannot render */
.mobile-logo a,
.mobile-logo img {
  display: none !important;
}

/* =====================================================================
   18. MOBILE MINICART – FORCE BLACK (ICON + TEXT + PRICE)
   =====================================================================
   Purpose:
   - Override Sm Ozone + Magento defaults
   - Eliminate white text/icons on mobile
   - Apply to ALL minicart states (empty / non-empty)
   ===================================================================== */


/* =========================================================
   18.1 BASE MINICART LINK
   ========================================================= */

#minicart-mobile,
#minicart-mobile a.action.showcart {
  color: #000000 !important;
}


/* =========================================================
   18.2 CART ICON (FONT / PSEUDO ELEMENTS)
   ========================================================= */

#minicart-mobile a.action.showcart::before,
#minicart-mobile a.action.showcart::after {
  color: #000000 !important;
}


/* =========================================================
   18.3 TEXT LABEL ("My Cart")
   ========================================================= */

#minicart-mobile .text {
  color: #000000 !important;
}


/* =========================================================
   18.4 COUNTER (EMPTY + NON-EMPTY)
   ========================================================= */

#minicart-mobile .counter,
#minicart-mobile .counter-number,
#minicart-mobile .counter-label {
  color: #000000 !important;
}


/* =========================================================
   18.5 PRICE + SUBTOTAL (EMPTY STATE)
   ========================================================= */

#minicart-mobile .price-minicart,
#minicart-mobile .price-minicart *,
#minicart-mobile .subtotal,
#minicart-mobile .amount,
#minicart-mobile .price,
#minicart-mobile .price-wrapper {
  color: #000000 !important;
}


/* =========================================================
   18.6 SAFETY: KILL THEME-LEVEL WHITE OVERRIDES
   ========================================================= */

.minicart-mobile *,
.minicart-wrapper *,
.minicart-wrapper a {
  color: #000000 !important;
}


/* =========================================================
   18.7 SVG / ICON SAFETY (IF THEME SWAPS ICON TYPE)
   ========================================================= */

#minicart-mobile svg,
#minicart-mobile svg path,
#minicart-mobile i {
  fill: #000000 !important;
  stroke: #000000 !important;
  color: #000000 !important;
}