/* ========================================
   Printknaller Unique — Bootstrap override-laag
   Zelfde functionele basis als budgetdruk.nl, maar volledig in eigen
   huisstijl: teal + charcoal + amber. Alleen kleuren/branding,
   nooit layout of functionaliteit.
   ======================================== */

/* Navigatie: navy -> charcoal */
nav.navbar {
  background-color: var(--pk-secondary) !important;
}
nav.navbar a.nav-link:hover {
  background-color: var(--pk-primary) !important;
}
#navCatTabs a {
  background-color: var(--pk-secondary) !important;
}
#navCatTabs a.activeLink,
#navCatTabs a:hover,
#navCatTabs a.activeLink:hover {
  background-color: var(--pk-primary) !important;
}

/* Knoppen: coral/navy -> teal/charcoal */
.btn {
  background-color: var(--pk-primary) !important;
  border-color: var(--pk-secondary) !important;
}
.btn:hover {
  background-color: var(--pk-primary-dark) !important;
  border-color: var(--pk-secondary) !important;
}
.btn.button_in_cart {
  background: var(--pk-secondary) !important;
}
.btn.button_in_cart:hover {
  background: var(--pk-primary) !important;
}
.fa-cart-plus {
  color: var(--pk-primary-light) !important;
}
a:hover > .fa-cart-plus {
  color: var(--pk-primary) !important;
}

/* Koppen en links */
.centerBoxHeading,
.leftBoxHeading,
.rightBoxHeading {
  background-color: var(--pk-secondary) !important;
}
a {
  color: var(--pk-primary-light);
}
a:hover {
  color: var(--pk-primary);
}
.leftBoxCard .list-group-item,
.rightBoxCard .list-group-item {
  color: var(--pk-secondary) !important;
}
.leftBoxCard .list-group-item:hover,
.rightBoxCard .list-group-item:hover {
  color: var(--pk-primary) !important;
}
a.page-link:hover,
.page-item.active span.page-link {
  background-color: var(--pk-primary-light) !important;
  border-color: var(--pk-primary-light) !important;
}

/* Header en footer */
#headerWrapper {
  background-color: var(--pk-white);
}
#footerWrapper {
  background-color: var(--pk-darker) !important;
}

/* Winkelwagen en checkout accenten */
#addToCart-card-header {
  background-color: var(--pk-primary) !important;
}
#addToCart-card {
  border-color: var(--pk-primary) !important;
}
.btn.button_add_selected,
.btn.button_add_selected:hover {
  background: var(--pk-primary) !important;
}
button.button_continue_checkout,
a.button_checkout,
button.button_confirm_order {
  background-color: var(--pk-primary) !important;
}
button.button_continue_checkout:hover,
a.button_checkout:hover,
button.button_confirm_order:hover {
  background-color: var(--pk-secondary) !important;
}
#checkoutShippingDefault .progress-bar,
#checkoutPayment .progress-bar,
#checkoutConfirmationDefault .progress-bar,
#checkoutSuccessDefault .progress-bar {
  background-color: var(--pk-primary-light) !important;
}

/* Configurator accenten */
.bd-configurator-option.is-active {
  border-color: var(--pk-primary-light) !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15) !important;
}
.bd-nav-quote {
  color: var(--pk-primary-light) !important;
}

/* -------------------------------------------------------------------------
   Gedeelde Bootstrap-winkelvormgeving. Deze selectors laten de bestaande
   Drukwerk-Alkmaar-layout intact en vervangen uitsluitend de kleuren door
   de Printknaller-huisstijl. Zij gelden voor alle pagina's, niet alleen de
   homepage.                                                                    */
:root {
  --bd-ink: #18181b;
  --bd-muted: #52525b;
  --bd-line: #e4e4e7;
  --bd-soft: #f4f4f5;
  --bd-orange: #f59e0b;
  --bd-primary: #0d9488;
}
.da-theme.da-theme .bd-topbar,
.bd-product-nav,
.bd-help-box,
.bd-footer { background: var(--pk-secondary) !important; }
.da-theme.da-theme .bd-promo-banner { background: var(--pk-primary) !important; border-bottom-color: var(--pk-accent) !important; }
.da-theme.da-theme .bd-promo-cta,
.bd-nav-quote,
#headerWrapper .bd-product-nav a.bd-nav-quote { background: var(--pk-accent) !important; border-color: var(--pk-accent) !important; color: var(--pk-secondary) !important; }
.da-theme.da-theme .bd-brand-budget,
.bd-brand-budget,
.bd-section-heading a,
.bd-product-card > strong,
.bd-tag,
.bd-specials-kicker { color: var(--pk-primary-dark) !important; }
.da-theme.da-theme .bd-brand-druk,
.bd-brand-druk { color: var(--pk-accent-dark) !important; }
.da-theme.da-theme .bd-search button[type="submit"],
.bd-search button,
.bd-button-primary,
.bd-cart-preview-checkout,
.btn-primary,
.btn { background: var(--pk-primary) !important; border-color: var(--pk-primary) !important; color: #fff !important; }
.da-theme.da-theme .bd-search button[type="submit"]:hover,
.bd-search button:hover,
.bd-button-primary:hover,
.bd-cart-preview-checkout:hover,
.btn-primary:hover,
.btn:hover { background: var(--pk-primary-dark) !important; border-color: var(--pk-primary-dark) !important; color: #fff !important; }
.bd-button-secondary { color: var(--pk-primary-dark) !important; border-color: var(--pk-primary-dark) !important; }
.bd-button-secondary:hover { background: var(--pk-primary-tint) !important; color: var(--pk-primary-dark) !important; }
.bd-hero h1 em { color: var(--pk-primary) !important; }
.bd-eyebrow,
.bd-configurator-kicker { color: var(--pk-primary-dark) !important; }
.bd-trust-item i,
.bd-mini-usps i,
.bd-top-contact strong,
.bd-footer h2,
.bd-footer a:hover { color: var(--pk-accent) !important; }
.bd-product-card:hover { border-color: #b9e5df !important; box-shadow: 0 16px 35px rgba(13,148,136,.12) !important; }
.bd-category-configurator .bd-configurator-option.is-active,
.bd-configurator-option.is-active { border-color: var(--pk-primary) !important; box-shadow: 0 0 0 3px rgba(13,148,136,.15) !important; }
.bd-configurator-product:hover,
.bd-all-categories-grid a:hover { border-color: var(--pk-primary) !important; }
.bd-special-badge,
.bd-configurator-discount { background: var(--pk-accent) !important; color: var(--pk-secondary) !important; }
.bd-whatsapp { background: var(--pk-primary) !important; color: #fff !important; }
.bd-whatsapp:hover { background: var(--pk-primary-dark) !important; }
a { color: var(--pk-primary-dark) !important; }
a:hover { color: var(--pk-accent-dark) !important; }

/* ===== FIX 2026-10-06 mobiele UX (alleen toevoeging, bestaande regels ongewijzigd) ===== */
html,body{overflow-x:hidden;max-width:100%;}
img{max-width:100%;height:auto;}
@media (max-width:767px){
  .bd-topbar-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:6px 12px!important;}
  .bd-mini-usps{display:flex!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;}
  .bd-mini-usps span:nth-child(n+2){display:none!important;}
  .bd-header-grid{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"brand actions" "search search"!important;gap:10px!important;padding:10px 12px!important;min-width:0!important;}
  .bd-brand{grid-area:brand!important;min-width:0!important;}
  .bd-header-actions{grid-area:actions!important;display:flex!important;gap:12px!important;align-items:center!important;min-width:0!important;}
  .bd-header-actions .bd-header-action span{display:none!important;}
  .bd-search{grid-area:search!important;width:100%!important;max-width:100%!important;min-width:0!important;}
  .pk-header-inner{flex-wrap:wrap!important;}
  .pk-catnav-inner{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 12px;}
  .pk-catnav-inner::-webkit-scrollbar{display:none;}
  .pk-catnav-inner>a,.pk-catnav-inner .pk-catnav-links{display:flex;flex:0 0 auto;}
  .pk-catnav-links{display:flex;gap:8px;overflow-x:auto;}
  .pk-catnav-links a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;padding:10px 12px;}
  .breadcrumb,#navBreadCrumb{white-space:nowrap;overflow-x:auto;display:flex;gap:6px;font-size:12px;}
  #shoppingCartDefault .table-responsive{overflow-x:visible;border:0;}
  #shoppingCartDefault-cartTableDisplay,#shoppingCartDefault-cartTableDisplay tbody,#shoppingCartDefault-cartTableDisplay tr,#shoppingCartDefault-cartTableDisplay td{display:block;width:100%;box-sizing:border-box;}
  #shoppingCartDefault-cartTableDisplay thead{display:none;}
  #shoppingCartDefault-cartTableDisplay tr{border:1px solid #e4e4e7;border-radius:12px;margin:0 0 12px;padding:12px;background:#fff;}
  #shoppingCartDefault-cartTableDisplay td{border:0;padding:6px 0;text-align:left;}
  #shoppingCartDefault-cartTableDisplay td.priceCell,#shoppingCartDefault-cartTableDisplay td.totalsCell{display:flex;justify-content:space-between;font-weight:700;}
  #shoppingCartDefault-btn-toolbar{display:flex;flex-direction:column;gap:10px;}
  #shoppingCartDefault-btn-toolbar .btn,#shoppingCartDefault-btn-toolbar a.btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;}
  input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="search"],input[type="number"],select,textarea{font-size:16px!important;}
}
@media (max-width:480px){
  .bd-help-link{display:none!important;}
  .bd-header-actions a:first-child{display:none!important;}
  .bd-brand{font-size:19px!important;white-space:nowrap!important;}
}