/* Social buttons */
#nectar-nav ._custom-social-styling > a:before, #nectar-nav ._custom-social-styling > a:after {
    border-radius: 100%!important;
    opacity: 0.9;
    box-shadow: 0 0.429px 3.221px 0 rgba(6, 13, 29, 0.15), 0 -0.355px 9.5px 0 #454545 inset, 0 0 2.145px 0 rgba(255, 255, 255, 0.30) inset;
    backdrop-filter: blur(2.5px);
    height: 55px!important;
    }
    
    /* Left top buttons */
    ._custom-supplier-style a {
      border-radius: 10px;
      opacity: 0.9;
      box-shadow: 0 0.429px 3.221px 0 rgba(6, 13, 29, 0.15), 0 -0.355px 9.5px 0 #454545 inset, 0 0 2.145px 0 rgba(255, 255, 255, 0.30) inset;
      backdrop-filter: blur(2.5px);
    
      backdrop-filter: blur(2.5px);
      -webkit-backdrop-filter: blur(2.5px);
      padding: 25px 12px!important;
      display: inline-flex;
      align-items: center;
      transition: all 0.3s ease;
    
      width: 147px;
      height: 47px;
      flex-shrink: 0;
        
      text-decoration: none!important;
    }
    
    /* Remove underlines from footer*/
    ._custom-remove-underline a {
      text-decoration: none;
    }
    
    /* Popular products */
    ._custom-popular-products a.nectar-blocks-post-grid__item__featured-media__inner {
      background-color: #132242;
      padding: 20px;
      border-radius: 5px;
    }
    
    ._custom-popular-products div.nectar-blocks-post-grid__item__inner {
      gap: 20px;
    }
    
    ._custom-popular-products span.nectar-font-h4 {
      font-size: 18px;
    }
    
    ._custom-popular-products h3.nectar-blocks-title__text {
      font-size: 20px;
      line-height: 20px;
    }
    
    
    /*Frontpage about us*/
    ._custom-short-about{
      filter: drop-shadow(0 0 24px rgba(255, 255, 255, 0.25));
    }
    
    
    ._custom-glass-nav {
      background: rgba(6, 13, 29, 0.22) !important;
      border-radius: 16px !important;
      box-shadow: 0 0.859px 6.441px 0 rgba(6, 13, 29, 0.15), 0 -0.71px 19px 0 #060D1D inset, 0 0 4.29px 0 rgba(255, 255, 255, 0.30) inset;
      backdrop-filter: blur(5px) !important;
      -webkit-backdrop-filter: blur(5px) !important;
      border: 1px solid rgba(6, 13, 29, 0.25) !important;
    }
    
    /* Left menu gap*/
    #menu-left-header-menu {
      display: flex;
      gap: 10px;
    }
    
    
    /* Removing menu item margin */
        #nectar-nav[data-format="centered-menu-bottom-bar"] #top .span_9 nav >ul >li:not(#social-in-menu):not(#nectar-user-account):not(#search-btn):not(.slide-out-widget-area-toggle) > a {
            margin-bottom: 0px;
     }
    
    

     #nectar-nav #top .span_9 nav > ul > li > a {
        display: flex;
        flex-direction: column;
        gap: 10px;
        opacity: 1!important;
    }
    
    #nectar-nav #top .span_9 nav > ul > li > a img {
        margin: 0;
    }
    
    #nectar-nav #top .span_9 nav > ul {
        background: rgb(0 0 0 / 20%);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border-radius: 20px; /* Optional rounded look */
         /* Glass border */
        box-shadow: 0 0.859px 6.441px 0 rgba(6, 13, 29, 0.15), 0 -0.71px 19px 0 #060D1D inset, 0 0 4.29px 0 rgba(255, 255, 255, 0.30) inset;
        padding: 15px;
        width: 100%;
        display: flex;
        align-items: flex-end;
        position: relative; /* for hover backdrop */
        overflow: hidden;   /* clip the glow */
    }

    /* Mouse-follow blurred red hover backdrop */
    #nectar-nav #top .span_9 nav > ul::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        background: radial-gradient(100px 70px at var(--menu-hover-x, 50%) var(--menu-hover-y, 50%), rgba(237, 53, 56, 0.72) 0%, rgba(237, 53, 56, 0.00) 100%);
        filter: blur(18px) saturate(140%);
        opacity: var(--menu-hover-o, 0);
        transition: opacity 160ms ease;
        z-index: 0;
    }
    /* Ensure items sit above the backdrop */
    #nectar-nav #top .span_9 nav > ul > li { position: relative; z-index: 1; }
    
    #nectar-nav #top .span_9 nav > ul > li:first-child {
        margin-right: auto;
    }
    
    #nectar-nav #top .span_9 nav > ul > li:last-child {
        margin-left: auto;
    }
    
    .archive.woocommerce-page .nectar-shop-header {margin-top: 300px;}
    
    .archive.woocommerce-page div#nectar-content-wrap::after {
        content: "";
        position: absolute;
        top: -1200px;
        right: -810px;
        width: 2144px;
        height: 1676px;
        flex-shrink: 0;
        background: radial-gradient(31.4% 45.34% at 53.28% 50%, rgba(237, 53, 56, 0.27) 0%, rgba(237, 53, 56, 0.00) 100%);
    }
    
    
    
    .archive.woocommerce-page div#nectar-nav::before {
        display: none!important;
    }
    
    
    /* Global: ensure container uses theme background color on all pages */
    body {
        --nectar-overall-bg-color: #060d1d;
    }

    body #nectar-content-wrap.container-wrap,
    body .container-wrap {
        background-color: var(--nectar-overall-bg-color, #060d1d) !important;
    }


    /* Product single: correct stale dynamic var to match Theme Background Color */
    body.single-product {
        --nectar-overall-bg-color: #060d1d !important;
    }

    body.single-product .main-content, body.single-point-of-sales .main-content, .archive.tax-regions .main-content {
       padding-top: 250px;
    }
    

    #nectar-nav[data-transparent-header="true"][data-transparent-shadow-helper="true"].transparent:not(.dark-slide):before{
        background: none!important;
    }

    /* Product single: ensure container uses theme background color */
    body.single-product #nectar-content-wrap.container-wrap,
    body.single-product .container-wrap {
        background-color: var(--nectar-overall-bg-color, #060d1d) !important;
    }

    /* Product single (category: markfyrverkeri): force white background */
    body.single-product.product_cat-markfyrverkeri {
        --nectar-overall-bg-color: #ffffff !important;
    }
    body.single-product.product_cat-markfyrverkeri #nectar-content-wrap.container-wrap,
    body.single-product.product_cat-markfyrverkeri .container-wrap {
        background-color: #ffffff !important;
    }

    body.single-product.product_cat-markfyrverkeri .main-content {
        padding-top: 0px;
    }

    div#markfyrverkeri-element {
        height: 650px;
        display: flex;
        align-items: flex-end;
        background: radial-gradient(50% 50% at 50% 50%, #B0E0FF 0%, #2468C6 100%);
    }

    div#markfyrverkeri-element img {
        width: 120%;
        margin-bottom: -40px;
    }

    /* Header: force white menu text/icons when header color scheme = dark */
    body[data-header-color=dark] #nectar-nav #top nav>ul>li>a,
    body[data-header-color=dark] #nectar-nav #top nav>ul>li>a .sf-sub-indicator i,
    body[data-header-color=dark] #nectar-nav .mobile-search .icon-nectar-blocks-search,
    body[data-header-color=dark] #nectar-nav .mobile-user-account .icon-nectar-blocks-m-user,
    body[data-header-color=dark] #nectar-nav #top #mobile-cart-link i,
    body[data-header-color=dark] #nectar-nav .cart-menu .cart-icon-wrap .icon-nectar-blocks-cart {
        color: #fff !important;
    }
    /* hover: keep white */
    body[data-header-color=dark] #nectar-nav #top nav>ul>li>a:hover,
    body[data-header-color=dark] #nectar-nav #top nav>ul>li.sfHover>a,
    body[data-header-color=dark] #nectar-nav #top nav>ul>li.current-menu-item>a,
    body[data-header-color=dark] #nectar-nav #top nav>ul>li.current-menu-ancestor>a {
        color: #fff !important;
    }
    /* include inner title span to prevent color flips */
    body[data-header-color=dark] #nectar-nav #top nav>ul>li>a .menu-title-text,
    body[data-header-color=dark] #nectar-nav #top nav>ul>li>a:hover .menu-title-text,
    body[data-header-color=dark] #nectar-nav #top nav>.sf-menu>.sfHover>a .menu-title-text,
    body[data-header-color=dark] #nectar-nav #top nav>.sf-menu>.current-menu-item>a .menu-title-text,
    body[data-header-color=dark] #nectar-nav #top nav>.sf-menu>.current-menu-ancestor>a .menu-title-text {
        color: #fff !important;
    }

    /* Hamburger in dark header */
    body[data-header-color=dark] #top .slide-out-widget-area-toggle .lines-button:after,
    body[data-header-color=dark] #top .slide-out-widget-area-toggle .lines:after,
    body[data-header-color=dark] #top .slide-out-widget-area-toggle .lines:before {
        background-color: #fff !important;
    }


    /* Header: force white menu text/icons for transparent + dark header */
    body #nectar-nav.transparent.dark-slide #top nav>ul>li>a,
    body #nectar-nav.transparent.dark-slide #top nav>ul>li>a .sf-sub-indicator i,
    body #nectar-nav.transparent.dark-slide #top nav ul a .icon-nectar-blocks-search,
    body #nectar-nav.transparent.dark-slide .mobile-search .icon-nectar-blocks-search,
    body #nectar-nav.transparent.dark-slide .mobile-user-account .icon-nectar-blocks-m-user,
    body #nectar-nav.transparent.dark-slide #mobile-cart-link i,
    body #nectar-nav.transparent.dark-slide .cart-menu .cart-icon-wrap .icon-nectar-blocks-cart {
        color: #fff !important;
    }
    /* hover: keep white */
    body #nectar-nav.transparent.dark-slide #top nav>ul>li>a:hover,
    body #nectar-nav.transparent.dark-slide #top nav>ul>li.sfHover>a,
    body #nectar-nav.transparent.dark-slide #top nav>ul>li.current-menu-item>a,
    body #nectar-nav.transparent.dark-slide #top nav>ul>li.current-menu-ancestor>a {
        color: #fff !important;
    }
    /* include inner title span to prevent color flips */
    body #nectar-nav.transparent.dark-slide #top nav>ul>li>a .menu-title-text,
    body #nectar-nav.transparent.dark-slide #top nav>ul>li>a:hover .menu-title-text,
    body #nectar-nav.transparent.dark-slide #top nav>.sf-menu>.sfHover>a .menu-title-text,
    body #nectar-nav.transparent.dark-slide #top nav>.sf-menu>.current-menu-item>a .menu-title-text,
    body #nectar-nav.transparent.dark-slide #top nav>.sf-menu>.current-menu-ancestor>a .menu-title-text {
        color: #fff !important;
    }

    /* Match theme's high-specificity selectors for hamburger lines when dark-slide */
    body #nectar-nav.transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines-button:after,
    body #nectar-nav.transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines:after,
    body #nectar-nav.transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines:before,
    body #nectar-nav[data-permanent-transparent="1"].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines-button:after,
    body #nectar-nav[data-permanent-transparent="1"].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines:after,
    body #nectar-nav[data-permanent-transparent="1"].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines:before {
        background-color: #fff !important;
    }

    /* Uppercase all menu item text (main + submenus) */
    #nectar-nav #top nav > ul > li > a,
    #nectar-nav #top nav > ul > li > a .menu-title-text,
    #nectar-nav .sf-menu li a {
        text-transform: uppercase;
    }

    /* explicitly override dark-text variant on nav for both contexts */
    body #nectar-nav.transparent.dark-slide.dark-text #top nav>ul>li>a,
    body #nectar-nav.transparent.dark-slide.dark-text #top nav>ul>li>a:hover,
    body #nectar-nav.transparent.dark-slide.dark-text #top nav>.sf-menu>.sfHover>a,
    body #nectar-nav.transparent.dark-slide.dark-text #top nav>.sf-menu>.current-menu-item>a,
    body #nectar-nav.transparent.dark-slide.dark-text #top nav>.sf-menu>.current-menu-ancestor>a,
    body #nectar-nav.transparent.dark-slide.dark-text #top nav>ul>li>a .menu-title-text,
    body #nectar-nav.transparent.dark-slide.dark-text #top nav>ul>li>a:hover .menu-title-text,
    body[data-header-color=dark] #nectar-nav.dark-text #top nav>ul>li>a,
    body[data-header-color=dark] #nectar-nav.dark-text #top nav>ul>li>a:hover,
    body[data-header-color=dark] #nectar-nav.dark-text #top nav>.sf-menu>.sfHover>a,
    body[data-header-color=dark] #nectar-nav.dark-text #top nav>.sf-menu>.current-menu-item>a,
    body[data-header-color=dark] #nectar-nav.dark-text #top nav>.sf-menu>.current-menu-ancestor>a,
    body[data-header-color=dark] #nectar-nav.dark-text #top nav>ul>li>a .menu-title-text,
    body[data-header-color=dark] #nectar-nav.dark-text #top nav>ul>li>a:hover .menu-title-text {
        color: #fff !important;
    }










/* Make ONLY the /markfyrverkeri page white */
body._custom-markfyrverkeri-bg {
  --nectar-overall-bg-color: #ffffff !important;
  background-color: #ffffff !important;
}

/* Also force container + wrappers to match white background */
body._custom-markfyrverkeri-bg #nectar-content-wrap.container-wrap,
body._custom-markfyrverkeri-bg .container-wrap {
  background-color: #ffffff !important;
}

/* Optional: ensure header transparency blends correctly */
body._custom-markfyrverkeri-bg #nectar-nav.transparent:not(.dark-slide):before {
  background: none !important;
}

/* Optional: reset text color contrast if needed */
body._custom-markfyrverkeri-bg,
body._custom-markfyrverkeri-bg .main-content {
  color: #000 !important;
}