.elementor-5641 .elementor-element.elementor-element-ed54f87{--display:flex;}.elementor-5641 .elementor-element.elementor-element-55675d5{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Poppins;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5641 .elementor-element.elementor-element-ab7e745 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5641 .elementor-element.elementor-element-ab7e745{text-align:center;}.elementor-5641 .elementor-element.elementor-element-ab7e745 .elementor-heading-title{font-family:"Zen Kaku Gothic Antique", Poppins;font-size:40px;font-weight:500;color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Poppins;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5641 .elementor-element.elementor-element-e1bfca3{width:var( --container-widget-width, 44.206% );max-width:44.206%;--container-widget-width:44.206%;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans JP", Poppins;font-size:16px;font-weight:300;}.elementor-5641 .elementor-element.elementor-element-e1bfca3.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-5641 .elementor-element.elementor-element-813e381{--spacer-size:20px;}.elementor-5641 .elementor-element.elementor-element-5bb8013{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5641 .elementor-element.elementor-element-04ed5fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-5641 .elementor-element.elementor-element-32d7f65{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5641 .elementor-element.elementor-element-32d7f65.elementor-element{--align-self:flex-end;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5641 .elementor-element.elementor-element-e1bfca3{width:var( --container-widget-width, 395.531px );max-width:395.531px;--container-widget-width:395.531px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-5641 .elementor-element.elementor-element-ed54f87{--content-width:90%;}.elementor-5641 .elementor-element.elementor-element-5bb8013{--content-width:90%;}.elementor-5641 .elementor-element.elementor-element-04ed5fb{--width:100%;}}@media(max-width:767px){.elementor-5641 .elementor-element.elementor-element-ed54f87{--content-width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5641 .elementor-element.elementor-element-55675d5{--spacer-size:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-5641 .elementor-element.elementor-element-ab7e745 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5641 .elementor-element.elementor-element-ab7e745 .elementor-heading-title{font-size:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5641 .elementor-element.elementor-element-e1bfca3{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;text-align:center;font-size:14px;}.elementor-5641 .elementor-element.elementor-element-813e381{--spacer-size:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-32d7f65 *//* ─────────────────────────────────────────────────────────────────────────
   B2BKing – Cream – Stijl-CSS (typografie, kleuren, knoppen, header)
   → Veilig voor mobiel: geen overflow door te brede universele .elementor-5641 .elementor-element.elementor-element-32d7f65s
   ───────────────────────────────────────────────────────────────────────── */

/* 0 ▸ Google-font laden */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");

/* 1 ▸ Lettertype basis op de containers */
.b2bking_bulkorder_form_container,
.b2bking_bulkorder_cart_container{
  font-family:"Noto Sans JP", sans-serif;
  color:#2B3D4B;
}

/* 1b ▸ Lettertype expliciet op UI/knoppen (niet nodig op inputs/selects) */
button.b2bking_bulkorder_indigo_add,
button.b2bking_bulkorder_cream_add,
button.b2bking_add_more_button,
#b2bking_cream_add_selected,
#b2bking_cream_add_selected *{
  font-family:"Noto Sans JP", sans-serif !important;
}

/* 2 ▸ Universele basismaat: ALLEEN op tekstelementen (géén inputs/selects!) */
.b2bking_bulkorder_form_container :where(p, span, small, strong, em, li, dt, dd, th, td, label, h1, h2, h3, h4, h5, h6),
.b2bking_bulkorder_cart_container :where(p, span, small, strong, em, li, dt, dd, th, td, label, h1, h2, h3, h4, h5, h6){
  font-size:14px !important;
  line-height:1.35 !important;
}

/* 3 ▸ Kop-regel iets strakker (optioneel) */
.b2bking_bulkorder_form_container_top_cream
  > [class^="b2bking_bulkorder_form_container_content_header_"]{
  line-height:1.30;      /* font-size blijft 14 px via regel 2 */
}

/* 4 ▸ Subtotaal-kolom – overrulet inline font-size */
.b2bking_bulkorder_form_container_content_line_subtotal_cream,
.b2bking_bulkorder_form_container_content_line_subtotal_indigo,
.b2bking_bulkorder_form_container_content_line_subtotal_cream *,
.b2bking_bulkorder_form_container_content_line_subtotal_indigo *{
  font-size:14px !important;
  line-height:1.35 !important;
}

/* 5 ▸ Alle standaardtekst donkerblauw (#2B3D4B) – NIET op inputs/selects */
.b2bking_bulkorder_form_container :where(p, span, small, strong, em, li, dt, dd, th, td, label, h1, h2, h3, h4, h5, h6),
.b2bking_bulkorder_cart_container :where(p, span, small, strong, em, li, dt, dd, th, td, label, h1, h2, h3, h4, h5, h6){
  color:#2B3D4B !important;
}

/* ▸ Tekstgrootte “Add to cart / Add more”-knoppen */
button.b2bking_bulkorder_indigo_add,
button.b2bking_bulkorder_cream_add,
button.b2bking_add_more_button{
  font-size:13px !important;  /* kies evt. 12px of 14px naar smaak */
  line-height:1.2;            /* houdt de knop compact */
}

/* ▸ “Add selected items to cart” – basis & hover */
#b2bking_cream_add_selected{
  background:#B49B74 !important;      /* basiskleur           */
  border-color:#B49B74 !important;
  color:#fff !important;              /* labeltekst           */
}
#b2bking_cream_add_selected .b2bking_cream_add_selected_number{
  color:#fff !important;              /* getal wit houden     */
}
#b2bking_cream_add_selected:hover{
  background:#2B3D4B !important;      /* hoverkleur           */
  border-color:#2B3D4B !important;
}

/* cart-icoon (SVG) wit tonen – voor inline <img svg>  */
#b2bking_cream_add_selected img.b2bking_cream_add_selected_cart_icon{
  filter:brightness(0) invert(1);     /* maakt het icoon wit  */
}

/* ▸ Zet lettertype Noto Sans JP op alle add-knoppen + tekst wit */
#b2bking_cream_add_selected,
button.b2bking_bulkorder_indigo_add,
button.b2bking_bulkorder_cream_add,
button.b2bking_add_more_button{
  color:#fff !important;
}

/* ▸ Rond teller-icoon op productfoto (#B49B74 + wit cijfer) */
.b2bking_cream_product_nr_icon{
  background:#B49B74 !important;  /* nieuwe kleur */
  color:#fff !important;          /* tekst wit    */
  border:none !important;         /* standaard randje weg */
}

/* ▸ Cart-knop rechtsboven het formulier  */
/* basiskleur ---------------------------------------------------- */
.b2bking_orderform_carticon{
  background:#B49B74 !important;      /* #B49B74 = basis */
  border-radius:4px;                  /* optioneel: ronde hoeken */
  padding:4px 10px;                   /* ruimte rond icoon + nummer */
  display:flex;                       /* icoon en teller netjes naast elkaar */
  align-items:center;
  gap:6px;                            /* ruimte tussen icoon en teller */
  cursor:pointer;                     /* voelt als knop */
}

/* hoverkleur ---------------------------------------------------- */
.b2bking_orderform_carticon:hover{
  background:#2B3D4B !important;      /* #2B3D4B = hover */
}

/* icoon wit maken ------------------------------------------------ */
.b2bking_orderform_carticon img{
  width:18px;                         /* optioneel: icoonmaat */
  filter:brightness(0) invert(1) !important;
}

/* teller (getal) wit maken -------------------------------------- */
#b2bking_bulkorder_cream_filter_cart_text{
  color:#fff !important;
  font-weight:600;
}

/* ▸ Checkbox (#B49B74) */
.b2bking_cream_select_checkbox{
  accent-color:#B49B74 !important;   /* Chrome 96+, Edge 96+, Firefox 92+ */
}

/* ──────────────────────────────────────────────────────────────
   Foto-achtergrond + 60% zwarte overlay (apart pseudo-element)
   ────────────────────────────────────────────────────────────── */
.b2bking_bulkorder_form_container_top_cream{
  position:relative;                               /* nodig voor pseudo-element */
  background:url("https://okashiimport.com/wp-content/uploads/2025/07/Japanese-background-1.png")
             center/cover no-repeat !important;    /* foto volledig zichtbaar   */
  color:#fff;                                      /* titels wit                */
}

/* overlay-laag */
.b2bking_bulkorder_form_container_top_cream::before{
  content:"";
  position:absolute;
  inset:0;                                         /* bedekt hele balk          */
  background:rgba(0,0,0,.60);                      /* 60% zwart                 */
  pointer-events:none;                             /* klik gaat door naar kop   */
  z-index:1;
}

/* koptekst boven overlay houden */
.b2bking_bulkorder_form_container_top_cream
  > [class^="b2bking_bulkorder_form_container_content_header_"]{
  position:relative;
  z-index:2;                                       /* boven overlay             */
  color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.4);            /* extra contrast            */
}

/* 1. Foto gegarandeerd over de hele balk (bedekken) */
.b2bking_bulkorder_form_container_top_cream{
  background-size:cover !important;                /* bedek de volledige balk   */
}

/* 2. Titels wit forceren */
.b2bking_bulkorder_form_container_top_cream
  > [class^="b2bking_bulkorder_form_container_content_header_"]{
  color:#fff !important;                           /* tekst wit en top-laag     */
}

/* 3. Positie van de foto finetunen (pas gerust aan) */
.b2bking_bulkorder_form_container_top_cream{
  background-position:right bottom !important;
}

/* ▸ Cart-knop onderin: basis #B49B74, hover #2B3D4B, alles wit */
.b2bking_orderform_cart{
  background:#B49B74 !important;          /* basis */
  border-radius:4px;
  padding:4px 10px;
  display:flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
}
.b2bking_orderform_cart:hover{
  background:#2B3D4B !important;          /* hover */
}
.b2bking_orderform_cart #b2bking_bulkorder_cream_cart_icon img{
  filter:brightness(0) invert(1) !important;
  width:18px;
}
.b2bking_orderform_cart,
.b2bking_orderform_cart *{
  color:#fff !important;                   /* alle tekst wit houden */
}
/* Headerkoppen in Cream-thema altijd wit */
.b2bking_bulkorder_form_container_top_cream
  > [class^="b2bking_bulkorder_form_container_content_header_"],
.b2bking_bulkorder_form_container_content_header_cream_product,
.b2bking_bulkorder_form_container_content_header_cream_qty,
.b2bking_bulkorder_form_container_content_header_cream_subtotal,
.b2bking_bulkorder_form_container_content_header_cream_cart {
  color: #fff !important;
}
/* Cream header-koppen (Product / Qty / Subtotal / Cart) weer wit */
html body .b2bking_bulkorder_form_container_top_cream
  > [class^="b2bking_bulkorder_form_container_content_header_"],
html body .b2bking_bulkorder_form_container_top_cream
  > [class^="b2bking_bulkorder_form_container_content_header_"] *,
/* de 4 standaard kolommen expliciet */
html body .b2bking_bulkorder_form_container_content_header_cream_product,
html body .b2bking_bulkorder_form_container_content_header_cream_product *,
html body .b2bking_bulkorder_form_container_content_header_cream_qty,
html body .b2bking_bulkorder_form_container_content_header_cream_qty *,
html body .b2bking_bulkorder_form_container_content_header_cream_subtotal,
html body .b2bking_bulkorder_form_container_content_header_cream_subtotal *,
html body .b2bking_bulkorder_form_container_content_header_cream_cart,
html body .b2bking_bulkorder_form_container_content_header_cream_cart *{
  color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.4);
}/* End custom CSS */