/* 2026-09-18 v1.6
 * - Scoped blog card spacing to direct groups instead of every descendant
 * - Kept blog card date and reading time on single lines
 *
 * 2026-07-21 v1.5
 * - Added 20px horizontal content wrapper padding
 *
 * 2026-06-30 v1.4
 * - Replaced search result group button :has selector with existing has-button marker classes
 *
 * 2026-06-26 v1.3
 * - Shared product thumbnail shadow styling with mini thumbnails.
 *
 * 2026-06-25 v1.2
 * - Removed inner max-width padding for FAQ accordions inside category contents
 *
 * 2026-06-15 v1.1
 * - Decoupled blog card layout from the grid column count
 */
.align-center  {
    text-align: center;
    margin: auto;
}
.portrait-only, .phone-only {
    display: none;
}

.max-width-lock {
	max-width: 1200px; 
	margin: auto;
}
.kdp-category-page-contents .faq-wrapper > .max-width-lock {
	padding-left: 0px;
	padding-right: 0px;
}
.form-width-lock { 
	max-width: 720px;
	margin: auto;
}
div.menu:not(.submenu) nav ul {
	display: flex;
	justify-content:space-between;
}
div.menu:not(.submenu)  nav > ul {
    justify-content: flex-start;
}


.pre-header nav:not(.nav-dropdown) > ul > li {
     margin-right: 10px;   
}
.pre-header nav:not(.nav-dropdown) > ul > li:last-child {
    margin-right: 0px;
}
nav:not(.nav-dropdown) > ul > li  a { 
    white-space: nowrap;
}
/*@media screen and (min-width: 1200px) { 
    .nav:not(.nav-dropdown) > ul > li {
        margin-right: 35px;
    }
}*/
.bs-sidebar nav:not(.nav-dropdown) > ul > li {
    margin-right: 0px!important;
}



.submenu nav ul {
    display: block;
}
.submenu nav ul::after {
    content: '';
    display: block;
    clear: both;
}
nav ul li  {
    position: relative;
}
.submenu nav ul >  * {
    float: left;
    margin-right: 30px;
}
.bigstory, .kdp-breadcrums {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	
}
.content-wrapper {
	min-height: calc(100vh - 550px);
	padding-left: 20px;
	padding-right: 20px;
}
.card {
	padding: 20px;
}
.card:has(> iframe) {
	padding: 0px;
}
.card table.keyval-table {
	border: 1px solid #ccc;
}
table.keyval-table  {
	width: 100%;
}
table.keyval-table tr th,
table.keyval-table tr td {
	padding: 5px 5px;
	
}
table.keyval-table tr > *:first-child {
/*	padding-left: 0px;*/
}
.card table.keyval-table tr > *:first-child {
/*	padding-left: 10px;*/
}
table.keyval-table tr:not(:first-child), table.keyval-table.border-top tr:first-child {
/*	border-top:1px solid #E7E7E7;*/
}

table.keyval-table.border-bottom tr:last-child {
    /*border-bottom:1px solid #E7E7E7;*/
}
.card table.keyval-table thead tr:first-child  {
	/*border-bottom: 1px solid #ccc;*/
}
table.keyval-table tr:nth-child(odd) th, table.keyval-table tr:nth-child(odd) td {
   /* background-color:rgba(0,0,0,0.015);  */  
}
table.keyval-table.kdp-product-specs-table tr:first-child:last-child th, table.keyval-table.kdp-product-specs-table tr:first-child:last-child td,
table.keyval-table.kdp-product-specs-table tr:nth-child(even) th, table.keyval-table.kdp-product-specs-table tr:nth-child(even) td {
    background-color:rgba(0,0,0,0.04);    
}
table.keyval-table:not(.kdp-product-specs-table) tr:not(:first-child) > * {
    border-top:1px solid var(--linecolorlight);
}
.kdp-product-specs-table th {
    white-space: nowrap;
}
table.keyval-table table { 
	border-top:1px solid #eee;
	width: 100%;
}
table.keyval-table table th, table.keyval-table table td {
	
	font-size:10px;
	color:#666;
}
table.keyval-table table tr:not(:first-child) {
	border-top:1px solid #eee!important;	
	
}
	
.divider-stripe {
    position: relative;
    
    text-align: center;
    
}
.divider-stripe > * {
    background-color: #fff;
    display: inline-block;
    margin: auto!important;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 5;
    transform: scale(1.00001,1.00001);
    
}
.divider-stripe > :is(h2, .h2) {
       color:#000;
}
.divider-stripe > :is(h2, .h2), .kd-usps-with-thumbnails-h2-wrapper > :is(h2, .h2) {
    font-weight: 500!important;
    font-size: 14px;
    line-height: 20px!important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
 
}
.divider-stripe:before {
    content: ' ';
    position: absolute;
     height: 1px;
     display: block;
    background-color: var(--linecolorlight);
    left: 0px;
    right: 0px;
    top: 50%;
   /* 
   
    width: 200vw;
    
   
    left: -50vw;
    top:50%;*/

}
.keyval-table tr.divider:first-child td {
    padding-top:10px;
}
.keyval-table tr.divider:not(:first-child) td {
    padding-top: 20px;
}
.keyval-table tr.divider {
    box-shadow: inset 0px -20px 20px -20px rgba(0,0,0,0.1);
}


table.kdp-cart-totals-table  {
    border: none!important;
}
table.kdp-cart-totals-table tr td, table.kdp-cart-totals-table tr th:not(:first-child) {
/*    border-left:1px solid rgba(0,0,0,0.05)!important;*/
}
table.kdp-cart-totals-table tr td {
    text-align: right!important;
}

footer nav ul li nav {
    display: none!important;
}

.kd-confirmation-page {
    text-align: center;
    min-height: calc(100vh - 500px); 
    display: grid;
    grid-template-columns: 1fr;
}
.kd-confirmation-page .ro-blocks > * {
	margin-top: auto!important;
	margin-bottom: auto!important;
}
.kd-confirmation-page > * { 
    margin-top: auto;
    margin-bottom: auto;
}
.kd-confirmation-page p {
    margin: auto;
}
.kdp-cart-item .cart-delivery-date-info {
    padding-top: 10px!important;
}

.kdp-category-footer-text {
    padding-top: 60px!important;
    padding-bottom: 30px;
}
.submenu nav {
    position: relative;
}
.nav-show-more-items-toggler {
    position: absolute;
    right: 0px;
    top: 0px;
}
.has-show-more-items-toggler {
    padding-right: 160px;
}
.nav-has-scroller ul {
   /* padding-right: 90px!important;*/
}
.nav-scroller-left, .nav-scroller-right {
    line-height: 25px!important;
    position: absolute;
    top: 0px;
    bottom: 0px;
   
    
    padding: 10px 0px;
    min-width: 30px;
    text-align: center;
   
    cursor: pointer;
    display: none;
}
nav nav .nav-scroller-left, nav nav .nav-scroller-right {
    display: none!important;
}
.nav-scroller-left:active, .nav-scroller-right:active {
    color:#FF5B00;
}
.nav-scroller-left {
    left: 0px;
    right: auto;
    background: linear-gradient(to right, #fcfcfc 20px, rgba(252,252,252,0) 100%);
    padding-right: 30px;
}
.nav-scroller-right {
    right: 0px;
    left: auto;
    background: linear-gradient(to left, #fcfcfc 20px, rgba(252,252,252,0) 100%);
    padding-left: 30px;
   
}
.nav-has-scroller .nav-scroller-right {
     display: block;
}
.nav-has-scroller.scroll-start-passed .nav-scroller-left {
    display: block;
}
.nav-has-scroller.scroll-end-reached .nav-scroller-right {
    display: none!important;
}
nav > ul {
    margin-top: 0px!important;
}
nav.nav-has-scroller ul {
 
    
    overflow: hidden;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.is-touch-device nav.nav-has-scroller ul {
    overflow-x: auto!important;
}
.product-description-accordeon, .card.product-description-accordeon {
    padding: 0px;
}
.kdp-news-grid > .kdp-news-item-thumbnail { 
     margin: 0px!important; 
    max-width: 100%;
    height: 100%; 

}
.kdp-news-grid > .kdp-news-item-thumbnail > .group {
    margin-bottom: 0px;
    max-width: 100%;
}
.kdp-news-grid > .kdp-news-item-thumbnail > .group:first-child {
    overflow: hidden;
}
.kdp-news-item-thumbnail .group > .hug {
    flex-wrap: wrap;
}
.kdp-news-item-thumbnail .mini-hug > .text {
    white-space: nowrap;
}
.kdp-news-item-thumbnail {
    border:1px solid #eee;
    padding: 15px;
    border-radius: var(--border-radius-sm,5px);
}
.kdp-news-item-thumbnail .group:not(:first-child) {
    margin-top: 0px!important;
    padding-top: 10px!important;
}
:is(.kdp-product-thumbnail, .kdp-mini-thumbnail), .kd-thumbgrid-row a, .kdp-product-page-item-with-border, .kd-usps-with-thumbnails-wrapper, .card, .kdp-news-item-thumbnail, 
.header-search-bar-results-wrapper .search-result-category { 
  
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05);
}
a.search-result-category { 
   
   
    max-width: calc(100% + 10px);
    
}
a.search-result-category:not(a:has(img)) {
	position: relative;
	padding-left: 12px;
}
a.search-result-category:not(a:has(img))::before {
    content: "•"; /* De bullet die je wilt gebruiken */
    position: absolute; /* Positioneer het pseudo-element */
    left: 0px; /* Plaats het aan de linkerkant van de link */
    color: #000; /* Kleur van de bullet */
	top: 0px;
	font-size: 18px;
	line-height: 20px;
}
.search-categories-content-group > a {
	display: block;
}
a.search-result-category:has(img) {
	 padding: 5px;
}
:is(.kdp-product-thumbnail, .kdp-mini-thumbnail):hover, :is(.kdp-product-thumbnail, .kdp-mini-thumbnail).hover, .kd-thumbgrid-row a[href]:hover, .kdp-brand-thumbnail:hover,
.header-search-bar-results-wrapper .search-result-category:hover, .header-search-bar-results-wrapper .search-result-category.search-selected {
	box-shadow: inset 0px 0px 0px 0px #ddd, 0px 0px 15px 0px rgba(0,0,0,0.15);
    transition:0.1s ease all;
    cursor: pointer;
}

.header-search-bar-results-wrapper .search-result-category:hover, .header-search-bar-results-wrapper  .kdp-product-thumbnail:hover {
    background-color:#f6f6f6;
}

.fa-exclamation-triangle {
    color:#FF510B;
}
.fa-exclamation-triangle {
    background-image: url('/themes/koffiedrukker/images/multicolor-icons/exclamation-triangle.svg');
    color:rgba(255,255,255,0);
    background-size:contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateY(0px) scale(1.1,1.1);
}
.ro-blocks {
    padding-bottom: 15px;
}
.footer-wrapper {
    padding-top:15px;
}
.kd-subfooter:not(:first-child) {
	margin-top: 60px!important;
}





/*AN UPDATE: */
.header-search-bar-results-wrapper div:empty {
	display: none!important;
}
.header-search-bar-results-wrapper {
	padding-left: 0px!important;
	padding-right: 0px!important;
}
.header-search-bar-results-wrapper .search-divider-header + .group {
	padding-top: 0px!important;
	margin-top: 0px;
}
.header-search-bar-results-wrapper div[class] > :is(a:not(.button), h1, .h1, h2, .h2, h3, .h3, h4, .h4)::before {
	display: none!important;
}
.header-search-bar-results-wrapper div[class] > :is(a:not(.button), h1, .h1, h2, .h2, .group.has-button, .group.has-buttons ) {

	box-shadow: none!important;
	padding: 10px;
	
	border-radius: 0px!important; 
	margin: 0px!important;
}

.header-search-bar-results-wrapper div[class] > a:not(.button) {
	border-top:1px solid #eee;
}
.header-search-bar-results-wrapper div[class] > a:not(.button):last-child {
	border-bottom: 1px solid #eee;	
}
.header-search-bar-results-wrapper  code {
	display: none!important;
}