@import url('https://fonts.googleapis.com/css?family=Oswald:400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');

.topmenu a.cb-configure {
	display:none;
}

.productinfo_action_set-item:empty {
 	display: none; 
}


:root {
 	--site-nav-height: 60px; 
  	--site-nav-image-height: 50px;
}

/* Header achtergrond veranderen naar twee kleuren */
.site-header {
	background-image: linear-gradient(to bottom, var(--main-500) 0%, var(--main-500) 50%, var(--supporting-500) 50%, var(--supporting-500) 100%);
}

/* Searchbar in header aan het einde van de header tonen ipv midden */
.site-header-inner .col {
    display: flex;
    justify-content: flex-end;
}
.site-header-searchbar {
    margin-inline: 0 !important;
}

/* Menu zwarte border onder en boven */
.site-nav {
 	border-top: 1px solid var(--grey-900);
    border-bottom: 1px solid var(--grey-900); 
}

@media screen and (min-width: 1200px) {
  	.site-nav .site-nav-item--level-0 .site-nav-item-link--level-0::before {
      	height: var(--site-nav-image-height);
  	}
  
  	/* Smartshop */
 	.site-nav .item2 .site-nav-item-link--level-0::before {
    	content: url(/images/menuimages/ic1-ds1.png);  
  	}
  
  	/* Headshop */
  	.site-nav .item3 .site-nav-item-link--level-0::before {
    	content: url(/images/menuimages/ic2-ds.png);
  	}
  
  	/* healthshop */
  	.site-nav .item4 .site-nav-item-link--level-0::before {
    	content: url(/images/menuimages/ic3-ds.png);
  	}
  
  	/* Sexshop */
  	.site-nav .item5 .site-nav-item-link--level-0::before {
    	content: url(/images/menuimages/ic4-r.png);
  	}
  
  	/* CBDShop */
  	.site-nav .item6 .site-nav-item-link--level-0::before {
    	content: url(/images/menuimages/ic6-ds.png);
  	}
  
  	/* Herbshop */
  	.site-nav .item7 .site-nav-item-link--level-0::before {
    	content: url(/images/menuimages/ic7-ds1.png);
  	}
  
  	/* Mushshop */
  	.site-nav .item8 .site-nav-item-link--level-0::before {
    	content: url(/images/menuimages/ic8-ds.png);
  	}
  
  	/* carets achter dropdown items in menu weghalen */
  	.site-nav-item-link .st-icon {
    	display: none;  
  	}
}

/* Menu items font settings */
.site-nav-item-link,
.mega-menu__list-heading,
.mega-menu__list-item-link {
 	font-family: var(--heading-font-stack); 
  	font-weight: var(--font-weight-bold);
}

/* Mega menu achtergrondkleur veranderen naar zwart */
.mega-menu {
 	background-color: var(--grey-900); 
}

/* Mega menu borderkleur veranderen naar zwart */
.site-nav-item--level-0:hover .mega-menu, 
.site-nav-item--level-0.js-hover .mega-menu {
	--mega-menu-box-shadow-border-color: var(--grey-900);
}

/* Mega menu tekstkleur veranderen naar wit */
.hasNoSubChilds .mega-menu__list-heading, 
.mega-menu__list-item-link {
 	--mega-menu-link-color: #fff;
  	--mega-menu-link-color-hover: #fff;
}
.hasSubChilds .mega-menu__list-heading {
	--mega-menu-heading-color: #fff;
  	--mega-menu-heading-color-hover: #fff;
}

.header_bottom {
 	position: relative;
}

.header_bottom:before {
 	position: absolute;
  	content: "";
  	top: 0;
  	left: calc(-50vw + 50%);
    width: 100vw;
  	height: 100%;
  	z-index: -2;
  	background-color: var(--grey-900);
}

.header-bottom_usps ul {
 	list-style: none;
    display: flex;
    justify-content: space-evenly;
    padding-block: var(--st-spacing-sm); 
}

.header-bottom_usps li {
 	color: var(--grey-50); 
}

@media screen and (max-width: 1199px) {
 	.header-bottom_usps {
   		overflow-x: auto;   
  	}
  
  	.header-bottom_usps ul {
   		width: max-content;
    	gap: var(--st-spacing-md);  
  	}
}

.text-uppercase {
 	text-transform: uppercase; 
}

.text-shadow {
 	text-shadow: 0 0 4px rgb(0,0,0);
}

.text-align-right {
 	text-align: right; 
}

.card-custom {
 	min-height: 350px; 
}

.card-custom .card-body {
 	display: flex;
    flex-direction: column;
    justify-content: flex-end; 
}

.card-custom .card-title,
.card-custom .card-text {
	color: #fff;
}

.card-custom .card-title {
	font-size: var(--display-3-font-size);
  	text-transform: uppercase;
}

.card-custom .card-text {
  	font-size: var(--h3-font-size);
  	font-weight: var(--font-weight-bold);
}

.card-custom.bg-smartshop .card-body {
 	background: url(/images/online-smartshop-home.jpg);
  	background-size: cover;
}

.card-custom.bg-mycologics .card-body {
 	background: url(/images/mycologics.jpg);
  	background-size: cover;
}

.card-custom.bg-cbdshop .card-body{
 	background: url(/images/cbdshopnieuw.jpg); 
  	background-size: cover;
}

.card-custom.bg-herbshop .card-body{
 	background: url(/images/kruidenwinkel.jpg); 
  	background-size: cover;
}

.section-header {
 	display: flex;
  	justify-content: center;
  	align-items: center;
  	gap: var(--st-spacing-md);
  	border-bottom: 4px solid var(--supporting-500);
  	padding-block-end: 1rem;
}

.section-header img {
 	width: 75px;
  	height: 75px;
}

.section-header h2 {
 	margin-block-end: 0;
}

.section-divider {
 	border-bottom: 4px solid var(--supporting-500);
}

.widget-homepage-products h2 {
 	text-transform: uppercase;
}

.bg-banner {
 	position: relative; 
}

.bg-banner::before {
  	content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url(/images/350382-min.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.blog-post-content h2{
    font-size:30px;
    color:#000;
    border-bottom:2px solid#4CAF50;
}

.blog-post-content h3{
    color:#000;
}

.blog-post-content {
    color:000!important;
    
}

.blog-post-title{
    color:#000
}

.categories .categories_name {
    z-index: 9;
    position: relative;
    width: 166px;
    bottom: 1rem;
    left: var(--offset-categorie-name);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
}

.categories_name_heading a.categories_name_link {
    color: #000;
}

.categories .categories_name {
    background-color: #fff;
}

.categories_row:hover .categories_name_link, .categories_name_heading .categories_name_link:hover {
    color: #000!important;
}
.categories_row:hover .categories_name {
    z-index: 9;
    position: relative;
    width: 166px;
    bottom: 1rem;
    left: var(--offset-categorie-name);
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
}

/* PDP article USP's box content styling */
.productinfo_article_usps>:where(:first-child) {
    margin-top: 0;
}

.productinfo_article_usps :where(p) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.productinfo_article_usps table {
 	margin-bottom: 1rem; 
}

.productinfo_article_usps ul {
 	padding: 0 !important;
  	border: none !important;
}

.cb-configure{
    font-size:14px;
    color:#808080;
}



#spaarpunten-bottom-container {
        bottom: 0rem!important;
        right: 0;
        left: 87px;
        margin-inline:auto
}

.c-enormail-webform--634e5dd8a6fad34275c1ad7c951c0dbc  .c-enormail-webform__panelwrapper {
    min-width: 200px!important;
      max-width:200px!important;
}


.c-enormail-webform__button__text{
    font-size:15px;
}

.c-enormail-webform__paragraph{
    margin-bottom:10px!important;
}

.c-enormail-webform__text {
    padding: 22px 20px 20.5px!important;;
}



@media only screen and (min-width: 900px) {
    .salebalk {
        display:none
    }
  
  #spaarpunten-bottom-container {
    bottom: 4rem !important;
    right: 0;
    left: 0;
    margin-inline: auto;
    margin-bottom: -4rem !important;
}
}

.salebalk {
    color: #fff;
    text-align: center;
    padding: 3px;
    background: #ff7b00;
    font-weight: bold;
}

.salebalk a{
  color:#fff;
}

.salebalk span {
    color: #000;
}


@media only screen and (max-width: 900px) {
  .wrapper.header_bottom, .wrapper.content {
    color: var(--body-text-color);
    padding-bottom: 10px;
}
  .tgfloat{
    display:none;
}
}
  

.productinfo_tab_description h2 {
    border-bottom: 1px solid #000;
    color: #000;
}

.productinfo_tab_description h3{
    color:#42a62a;
}

span.content-header {
    display: block;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 15px;
}

.categories_info h2{
        border-bottom: 1px solid #000;
        color: #000;
        margin-bottom: 5px;
}

.categories_info h3{
        color: #42a62a;
    margin-bottom:0px;
    font-size:19px;

}

.categories-info p{
    padding-top:0px;
    margin-top:0px;
}

.blog-post-content img{
margin-top:0px!important;
}


.blog .container{
    max-width:1100px;
}


.cb-configure{
  color: #fff!important;
    border: none;
    background: none!important;
    padding:3px!important;
}

.cookie-bar-text p{
    margin-bottom:10px!important;
}

.col-lg-12 .widget-image{
  display:block!important;
}

.products_gallery_row_imagecontainer{
  max-height:150px;
}

.products_gallery_row .buttons_shoppingcart a {
 
    font-size: 11px;
}

@media only screen and (max-width: 767px) {
  
  #spaarpunten-bottom-container {
    bottom: 4rem !important;
    right: 0;
    left: 0;
    margin-inline: auto;
    margin-bottom: -4rem !important;
}
}


.topbanner img{
    min-width:100%!important;
    height:auto!important;
}

.homebalk{
    text-align:center;
    padding:10px;
    border:1px solid #000;
    background:#ffb874;
    margin-top:10px;
    font-size:17px;
    font-weight:bold;
}

.homebalk a{
  text-decoration:underline;
}

.salebalk a{
  text-decoration:underline;
}

@media only screen and (max-width: 900px) {
    .homebalk {
        display:none
    }
}

.st_homepage .homebalk{
  display:none;
}



#st_index .section-header h2 {
    margin-block-end:0;
    font-family: 'Komika Axis'!important;
    color: #fff!important;
    text-shadow: 1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000,
    2px 2px 0 #000,
    3px 3px 0 #000,
    4px 4px 0 #000,
    -2px -2px 0 #000,
    2px 0 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000,
    3px 3px 0 #000,
    4px 4px 0 #000,
    5px 5px 0 #000,
    -1px -1px 0 #000,
    -3px -1px 0 #000,
    -2px 3px 0 #000,
    1px 3px 0 #000,
    4px 5px 0 #000,
    1px 5px 0 #000,
    3px 5px 0 #000,

        5px 7px 0 #000,
    1px 7px 0 #000,
    2px 7px 0 #000,
    3px 7px 0 #000,
    4px 7px 0 #000,
    5px 7px 0 #000,
    6px 7px 0 #000;
    letter-spacing: 2px!important
}

#st_index .section-header {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    gap: var(--st-spacing-md);
    border-bottom: none;
    padding-block-end: 1rem;
    flex-direction: column;
    align-content: stretch;
}

.homesubtitles1{
    font-family: 'Komika Axis'!important;
color: #ffebc5!important;
    margin-top:-10px;
    text-shadow: 1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000,
    2px 2px 0 #000,
    3px 3px 0 #000,
    4px 4px 0 #000,
    -2px -2px 0 #000,
    2px 0 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000,
    3px 3px 0 #000,
    4px 4px 0 #000,
    5px 5px 0 #000,
    -1px -1px 0 #000,
    -3px -1px 0 #000,
    -2px 3px 0 #000,
    1px 3px 0 #000,
    4px 5px 0 #000,
    1px 5px 0 #000,
    3px 5px 0 #000,

        5px 7px 0 #000,
    1px 7px 0 #000,
    2px 7px 0 #000,
    3px 7px 0 #000,
    4px 7px 0 #000,
    5px 7px 0 #000,
    6px 7px 0 #000;
    letter-spacing: 2px!important
    
}


.homesubtitles5{
    font-family: 'Komika Axis'!important;
color: #f6a508!important;
    margin-top:-10px;
    text-shadow: 1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000,
    2px 2px 0 #000,
    3px 3px 0 #000,
    4px 4px 0 #000,
    -2px -2px 0 #000,
    2px 0 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000,
    3px 3px 0 #000,
    4px 4px 0 #000,
    5px 5px 0 #000,
    -1px -1px 0 #000,
    -3px -1px 0 #000,
    -2px 3px 0 #000,
    1px 3px 0 #000,
    4px 5px 0 #000,
    1px 5px 0 #000,
    3px 5px 0 #000,

        5px 7px 0 #000,
    1px 7px 0 #000,
    2px 7px 0 #000,
    3px 7px 0 #000,
    4px 7px 0 #000,
    5px 7px 0 #000,
    6px 7px 0 #000;
    letter-spacing: 2px!important
    
}



.pinkclr {
    color: #ffabde!important
}


.greenclr{
    color:#f28d1f!important;
}

.salviaclr{
    color:#add09b !important;
}

.kratomclr{
    color:#dabc9b!important;
}

.elementor-shape-fill {
    fill: #fff2da;
}


.hometruf {
    padding: 80px 0 0 0;
    background: #fff2da;
    margin-bottom: 0px!important
}

.homecacti{
        padding: 20px 0 20px 0;
    background: #e9f0e0;
    margin-bottom: 0px!important
}

.kratomhome{
        padding: 20px 0 20px 0;
    background: #ebe8e1;
    margin-bottom: 0px!important
}

.bnnrs {
    margin-bottom: 0px!important
}

.elementor-shape-fill2 {
    fill: #fff
}

.elementor-shape-fill4 {
    fill: #fff
}

.nopad{
    padding-bottom:0px!important;
    margin-bottom:0px!important;
}

.elementor-shape-fill3 {
    fill: #e9f0e0
}

.elementor-shape-fill5 {
    fill: #ebe8e1
}

.hometruf p, .homecacti p{
    margin-top:0px
}


.reviws{
    margin-bottom:0px!important;
    padding-bottom:0px!important;
}

.sexsh p{
margin-bottom: 1.25em;
--text-line-height: 1.75;
}


.displaybr {
    font-family: 'Komika Axis' !important;
    color: #fff !important;
    text-shadow: 1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000, 4px 4px 0 #000, -2px -2px 0 #000, 2px 0 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000, 4px 4px 0 #000, 5px 5px 0 #000, -1px -1px 0 #000, -3px -1px 0 #000, -2px 3px 0 #000, 1px 3px 0 #000, 4px 5px 0 #000, 1px 5px 0 #000, 3px 5px 0 #000, 5px 7px 0 #000, 1px 7px 0 #000, 2px 7px 0 #000, 3px 7px 0 #000, 4px 7px 0 #000, 5px 7px 0 #000, 6px 7px 0 #000;
    letter-spacing: 2px !important;
    text-align: center;
    font-size: 38px;
}




.bnnrs {
    margin-bottom: 0px!important;
    background: url(/images/slider1507.jpg);
    background-position: center;
    background-size: cover;
    text-align:center!important;
    padding:100px 
}

@media screen and (max-width: 900px) {
.bnnrs {
    padding:40px 
}
} 

#st_index .section-header2 {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: var(--st-spacing-md);
    border-bottom: none;
    padding-block-end: 1rem;
    flex-direction: column;
    align-content: stretch;
}


#st_index .section-header2 h2 {
    margin-block-end:0;
    font-family: 'Komika Axis'!important;
    color: #fff!important;
    text-shadow: 1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000,
    2px 2px 0 #000,
    3px 3px 0 #000,
    4px 4px 0 #000,
    -2px -2px 0 #000,
    2px 0 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000,
    3px 3px 0 #000,
    4px 4px 0 #000,
    5px 5px 0 #000,
    -1px -1px 0 #000,
    -3px -1px 0 #000,
    -2px 3px 0 #000,
    1px 3px 0 #000,
    4px 5px 0 #000,
    1px 5px 0 #000,
    3px 5px 0 #000,

        5px 7px 0 #000,
    1px 7px 0 #000,
    2px 7px 0 #000,
    3px 7px 0 #000,
    4px 7px 0 #000,
    5px 7px 0 #000,
    6px 7px 0 #000;
    letter-spacing: 2px!important
}

@font-face {
    font-family: 'Komika Axis';
    src: url('/images/fonts/KomikaAxis.woff2') format('woff2'),
         url('/images/fonts/KomikaAxis.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Temp css actie */


@media screen and (min-width: 901px) {
.bnnrs {
    display:none 
}
} 

@media screen and (max-width: 900px) {
.bnnrs {
    display:none 
}
  .bnnrs2 {
    display:none 
}
  
  .hometruf {
    padding: 10px 0 0 0;
    background: #fff2da;
    margin-bottom: 0px !important;
}
  
  .hometruf p, .homecacti p, .sexsh p, .kratomhome p {
    margin-top: 0;
    line-height: 12px;
    font-size: 13px;
}
  
  #productinfo_previous_next{
  display:none!important;
}
  
} 

.section-mbe {
    margin-block-end: var(--section-space-y) !important;
    margin-bottom: 0px !important;
}



.productinfo_short_description ul li{
    list-style: none; /* Verwijdert de standaard bullet */
    padding-left: 20px; /* Zorgt voor ruimte voor de checkmark */
    background-image: url('https://www.dutch-smart.nl/images/checkor.webp'); /* Voeg de checkmark toe als achtergrondafbeelding */
    background-size:15px;
    background-repeat: no-repeat; /* Zorgt ervoor dat de checkmark niet wordt herhaald */
    background-position: 0 50%; /* Positioneer de checkmark aan de linkerkant, verticaal gecentreerd */
    margin-left:-15px;
}



.bpltitle {
    margin-top: -50px;
    font-weight: 700;
    text-decoration: none;
    
}

.blogplijst a {
    text-decoration: none!important;
    z-index:0;
}

.blogplijst {
    margin-bottom: -10px
}

.checkbutn {
    background: #e26700;
    border-radius: 10px;
    max-width: 80%;
    margin: 0 auto;
    color: #fff!important;
    z-index:999;
}

.checkbutn a {
    background: #e26700;
    border-radius: 10px;
    max-width: 80%;
    margin: 0 auto;
    color: #fff!important
}

.catland .categories_name h2 {
    margin-top: 0px!important;
    margin-bottom: 0px;
    line-height: 1.3;
}

.catland .categories .categories_name {
    z-index: 9;
    position: relative;
    max-width: 81%;
    bottom: 1rem;
    left: var(--offset-categorie-name);
    border-radius: var(--border-radius);
    box-shadow: none;
}

.catland {
    margin-bottom: -30px !important;
}


.sknblog{
    margin:0 auto;
    text-align:center;
    background: #ee8232;
    border-radius: 4px;
    width:70%;
    margin-top:-50px;
    color:#fff!important;;


}

.sknblog a{
    color:#fff;
    text-decoration:none!important;
}

.sknbloga{
    text-align:center;
    font-weight:bold
}

.blog-post-content h2 {
    font-size: 30px;
    color: #000;
    border-bottom: 2px solid #4CAF50;
    margin-bottom: 0px;
}


.blogplijst {
    display: flex;
    flex-wrap: wrap; /* Laat items doorlopen naar de volgende rij */
}

/* Stijl voor elk item */
.blogplijst > div {
    flex: 1 0 23%; /* Forceert vier kolommen op grotere schermen */
    margin: 5px;
    text-align: center;
}

/* Aanpassing voor tablets en grotere mobiele schermen */
@media (max-width: 768px) {
    .blogplijst>div {
        flex: 1 0 47% !important;
    }
  .blog-post-content p {
    margin-bottom: 1rem;
    line-height: 23px;
}
  .sknbloga{
    margin-top: -31px!important;
    text-align: center;
  }
}

/* Extra aanpassing voor zeer kleine schermen */
@media (max-width: 480px) {
    .blogplijst > div {
        flex: 1 0 47%; /* Eén kolom op zeer kleine schermen */
    }
}



.blog-post-content h2 {
    font-size: 30px;
    color: #000;
    border-bottom: 2px solid #4CAF50;
    margin-bottom: 10px;
}

.header-review-score-value {

    color: #fff;
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size);
    line-height: normal;
}

.categories_name_heading .categories_name_link {
    color: #000;
}

.prodhomes{
    background:#fff;
}

.prodhomes .products_gallery_row{
    background:#!important;
}

.prodhomes .products_gallery_row:hover{
    box-shadow:none;
}

.prodhomes .product-card-slide:hover, .product-card-slide:focus, .card-slide:hover, .card-slide:focus{
    box-shadow:none;
}

.prodhomes .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    color: #000 !important;
    background-color: #000;
}


.prodhomes h2{
    margin-block-end: 0;
    font-family: 'Komika Axis' !important;
    color: #fff !important;
    text-shadow: 1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000, 4px 4px 0 #000, -2px -2px 0 #000, 2px 0 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000, 4px 4px 0 #000, 5px 5px 0 #000, -1px -1px 0 #000, -3px -1px 0 #000, -2px 3px 0 #000, 1px 3px 0 #000, 4px 5px 0 #000, 1px 5px 0 #000, 3px 5px 0 #000, 5px 7px 0 #000, 1px 7px 0 #000, 2px 7px 0 #000, 3px 7px 0 #000, 4px 7px 0 #000, 5px 7px 0 #000, 6px 7px 0 #000;
    letter-spacing: 2px !important;
    margin-bottom:20px;
}

.prodhomes{
    padding-top:50px;
}
/* ========================================
   TOPMENU - Dutch-smart.nl (Rick)
   Opgeschoonde versie met z-index fix
   ======================================== */

.topmenu {
    background-color: #2b2b2b;
    font-size: 13px;
    font-family: inherit;
    position: relative;
    z-index: 9999; /* Hoog genoeg om boven alles te komen */
}

.topmenu .bs-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
}

.topmenu-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Navigatie */
.topmenu-nav {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.topmenu-nav-item a {
    color: #a8a8a8;
    text-decoration: none;
    padding: 6px 10px;
    transition: color 0.15s;
}

.topmenu-nav-item a:hover {
    color: #ffffff;
}

/* Pipe separator */
.topmenu-nav-item:not(:last-child)::after {
    content: "|";
    color: #555;
    font-size: 12px;
    margin-left: 2px;
}

/* Login */
.topmenu_login-box {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative; /* Nodig voor dropdown positionering */
}

.login-button {
    position: relative; /* Anchor voor absolute dropdown */
}

#login-toggle {
    background: none;
    border: none;
    color: #a8a8a8;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color 0.15s;
}

#login-toggle:hover {
    color: #ffffff;
}

#login-toggle .st-icon {
    width: 8px;
    height: 8px;
}

#login-toggle .st-icon svg {
    fill: currentColor;
}

/* Login Dropdown */
#login-bar {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 5px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    padding: 15px;
    min-width: 240px;
    z-index: 10000; /* Hoger dan topmenu */
}

#login-bar label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
}

#login-bar .form-control {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    box-sizing: border-box;
}

#login-bar .form-control:focus {
    outline: none;
    border-color: #f7941d;
}

#login-bar-email-adress,
#login-bar-password {
    margin-bottom: 10px;
}

.login-bar-submit {
    margin-bottom: 10px;
}

.login-bar-submit .configuration_btn {
    width: 100%;
    background: #f7941d;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.login-bar-submit .configuration_btn:hover {
    background: #e8850f;
}

.login-bar-submit .st-icon svg {
    fill: currentColor;
    width: 14px;
    height: 14px;
}

#login-bar-password-forgotten a,
#login-bar-create-account a {
    display: block;
    text-align: center;
    color: #3a9d42;
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 5px;
}

#login-bar-password-forgotten a:hover,
#login-bar-create-account a:hover {
    text-decoration: underline;
}

/* Valuta */
#currencies_container {
    margin-left: 4px;
}

#currencies_container .form-select-sm {
    background: transparent;
    border: none;
    color: #a8a8a8;
    padding: 6px 18px 6px 6px;
    font-size: 13px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23a8a8a8' d='M320 224L160 384 0 224l0-32 320 0 0 32z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 8px;
}

#currencies_container .form-select-sm:hover {
    color: #ffffff;
}

/* Responsive */
@media (max-width: 992px) {
    .topmenu .bs-container {
        height: auto;
        padding: 6px 15px;
        flex-wrap: wrap;
    }
    
    .topmenu-nav {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .topmenu-nav-item a {
        padding: 5px 6px;
        font-size: 12px;
    }
    
    .topmenu-nav-item:not(:last-child)::after {
        display: none;
    }
    
    #login-bar {
        position: fixed;
        top: 50px;
        left: 10px;
        right: 10px;
        min-width: auto; 
    }
  /* Einde Topmenu (Rick) */
}
/* ========================================
   MEGA-MENU DROPDOWN - DUTCH-SMART.NL
   SIMPELE VERSIE - Minimalistisch
   ======================================== */

/* Dropdown basis */
.mega-menu {
    background: #1a1a1a;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    border-top: 3px solid #f7941d;
    padding: 12px 0;
    min-width: 220px;
}

/* "Alles in X" link */
.mega-menu__list-wrapper.menu-backlink .mega-menu__list-heading {
    color: #f7941d !important;
    font-weight: 700;
    font-size: 13px;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 8px;
}

/* Normale menu items */
.mega-menu__list-heading {
    color: #ffffff !important;
    font-size: 14px;
    padding: 8px 20px;
    display: block;
}

.mega-menu__list-heading:hover {
    background: rgba(247, 148, 29, 0.15);
    color: #f7941d !important;
}

/* Subcategorie heading (bijv. Kratom) */
.mega-menu__list-wrapper:has(.mega-menu__list) > .mega-menu__list-heading {
    color: #f7941d !important;
    font-weight: 600;
    font-size: 13px;
    margin-top: 8px;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 12px;
}

/* Subcategorie items */
.mega-menu__list-item-link {
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px;
    padding: 6px 20px 6px 32px;
    display: block;
}

.mega-menu__list-item-link:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,0.05);
}

/* ========================================
   FOOTER STYLING - DUTCH-SMART.NL
   Subtiele opmaak in huisstijl
   Raakt ALLEEN .site-footer-wrapper
   ======================================== */

/* Footer wrapper achtergrond */
.site-footer-wrapper {
    background-color: #1a1a1a;
    color: #c8c8c8;
    padding-top: 40px;
    padding-bottom: 0;
    border-top: 3px solid #f7941d;
}

/* Footer kolom titels */
.site-footer-wrapper .box_top p {
    color: #ffffff;
    font-family: var(--heading-font-stack);
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #f7941d;
    display: inline-block;
}

/* Standaard tekst in footer */
.site-footer-wrapper .box_content p {
    color: #a8a8a8;
    font-size: 13px;
    line-height: 1.7;
}

.site-footer-wrapper .box_content strong {
    color: #ffffff;
}

/* Alle links in footer */
.site-footer-wrapper .box_content a {
    color: #a8a8a8;
    text-decoration: none;
    transition: color 0.2s ease;
}

.site-footer-wrapper .box_content a:hover {
    color: #f7941d;
}

.site-footer-wrapper .box_content a span {
    color: #a8a8a8 !important;
}

.site-footer-wrapper .box_content a:hover span {
    color: #f7941d !important;
}

/* Informatie links lijst */
.site-footer-wrapper .column-widget {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer-wrapper .column-widget li a {
    font-size: 13px;
    padding: 5px 0;
    display: block;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

.site-footer-wrapper .column-widget li a:hover {
    padding-left: 4px;
}

.site-footer-wrapper .column-widget li a .fa-icon {
    color: #f7941d;
    margin-right: 4px;
    font-size: 11px;
}

/* Categorieën kolom spacing */
.site-footer-wrapper #BOX_HEADING_categorieebn .box_content p {
    margin-bottom: 4px;
    margin-top: 0;
}

.site-footer-wrapper #BOX_HEADING_categorieebn .box_content a {
    display: inline-block;
    padding: 3px 0;
}

/* Nieuwsbrief formulier */
.site-footer-wrapper .c-enormail-webform__panel {
    background-color: transparent !important;
    border: none !important;
}

.site-footer-wrapper .c-enormail-webform__form {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px;
}

.site-footer-wrapper .c-enormail-webform__label {
    color: #c8c8c8 !important;
}

.site-footer-wrapper .c-enormail-webform__field {
    background-color: #2b2b2b !important;
    border: 1px solid #444 !important;
    color: #ffffff !important;
    border-radius: 4px;
}

.site-footer-wrapper .c-enormail-webform__field:focus {
    border-color: #f7941d !important;
}

.site-footer-wrapper .c-enormail-webform__button {
    background-color: #f7941d !important;
    border-color: #e8850f !important;
    border-radius: 4px !important;
}

.site-footer-wrapper .c-enormail-webform__button:hover {
    background-color: #e8850f !important;
}

/* Veilig online winkelen sectie onderaan */
.site-footer-wrapper .one {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 30px;
    padding-top: 25px;
}

.site-footer-wrapper .one .box_top center {
    color: #a8a8a8;
    font-family: var(--heading-font-stack);
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.site-footer-wrapper .one h1 {
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 15px;
}

.site-footer-wrapper .one h1 span {
    color: #a8a8a8 !important;
}

/* Betaal iconen */
.site-footer-wrapper .one img {
    opacity: 0.7;
    transition: opacity 0.2s ease;
    border-radius: 4px;
    margin: 3px;
}

.site-footer-wrapper .one img:hover {
    opacity: 1;
}

/* Footer bottom spacing */
.site-footer-wrapper .site-footer-inner {
    padding-bottom: 20px;
}

/* Responsive */
@media (max-width: 991px) {
    .site-footer-wrapper .site-footer-inner > .four {
        margin-bottom: 30px;
    }
}
/* ============================================================
   SCROLLBARE TAGS-LIJST OP BLOG-OVERZICHTSPAGINA
   ============================================================
   Werkt ALLEEN op https://www.dutch-smart.nl/blog/
   Reden: het element #blog_tags bestaat alleen op de blog-
   overzichtspagina, niet op individuele blogartikelen.
   Geverifieerd door inspectie: op /blog/lemon-tek/ ontbreekt
   #blog_tags volledig, dus extra scoping is niet nodig.
   ============================================================ */
 
#blog_tags .tag-cloud ul {
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
 
    /* Subtiele padding rechts zodat scrollbar geen tekst raakt */
    padding-right: 6px;
 
    /* Firefox scrollbar styling */
    scrollbar-width: thin;
    scrollbar-color: #4a7c4a #f0f0f0;
}
 
/* WebKit scrollbar styling (Chrome, Safari, Edge) */
#blog_tags .tag-cloud ul::-webkit-scrollbar {
    width: 8px;
}
 
#blog_tags .tag-cloud ul::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 4px;
}
 
#blog_tags .tag-cloud ul::-webkit-scrollbar-thumb {
    background: #4a7c4a;
    border-radius: 4px;
}
 
#blog_tags .tag-cloud ul::-webkit-scrollbar-thumb:hover {
    background: #2d4a2d;
}
/* ============================================================
   SCROLLBARE TAGS-LIJST OP BLOG-OVERZICHTSPAGINA
   ============================================================
   Einde
   ============================================================ */