/* AGRI-BOSS design-unificatie v2 - BEGIN */
/* V2 hoort bij de plugin Agri-Boss Winkelweergave 1.1.0. Wat de plugin nu zelf doet is hier VERWIJDERD zodat oud en nieuw niet meer vechten: de WooCommerce-archieven en productkaarten (was sectie 3), de knopstijl op Syndified en op de archieven. De banners, winkelwagen/afrekenen, formulieren, taalswitcher-opmaak van de oude header en de mobiele fixes blijven staan. Alle foto-URL's wijzen nu naar agriboss.be in plaats van naar de testzone. Bewaar de oude snippet-inhoud ergens als backup voor een volledige terugrol. Groen #3B732C | inkt #111118 | licht #F8F8F8 | grijs #6C6C79 | lijn #DCDCE3 */

/* ── 1+2. SYNDIFIED: VERWIJDERD ────────────────────────────────────── De typografie, de kaarten en de (voorheen donkere) paginabanner van alle Syndified-pagina's zijn nu volledig van syndified.css (module "Syndified-opmaak"), in de lichte winkelstijl. Alleen het verbergen van de oude Elementor-fotoblokken op de hubpagina's blijft hier — dat is structuur, geen stijl. */
html .elementor-element-4e80553, html .elementor-element-45f2bca, html .elementor-element-5021371, html .elementor-element-3823f1c, html .elementor-element-815c184, html .elementor-element-4d1d4b9, html .elementor-element-2f92d65, html .elementor-element-4b68b46{ display:none !important; }

/* ── 3. WOOCOMMERCE-ARCHIEVEN: VERWIJDERD ──────────────────────────── De banner, kaarten, knoppen, teller, sortering en paginering van /product-categorie/ en /winkel/ zijn nu volledig van de plugin (module "Productkaarten & rasters"). Alleen dit vangnet blijft: */
html body.archive.woocommerce-page .content-area{ padding-top:0 !important; }
@media (max-width:1024px){
  /* De pijl staat in de HTML BINNEN de <a>, niet ernaast, en ElementsKit stuurt hem aan met order en margin-left:auto terwijl die <a> nooit een flexcontainer is. Daardoor bleef hij een float:right en werd de tekst ernaast geperst. De <a> is nu wel flex, dus de tekst krijgt de volle breedte en de pijl wordt netjes naar rechts geduwd. */
  html .elementskit-menu-offcanvas-elements li > a{ display:flex !important; align-items:center !important; gap:8px !important; }
  html .elementskit-menu-offcanvas-elements li > a > .elementskit-submenu-indicator{ float:none !important; margin:0 0 0 auto !important; flex:0 0 auto !important; padding:4px 10px !important; }
}

/* ── 4. WINKELWAGEN / AFREKENEN / ACCOUNT ──────────────────────────── De inhoud stond in een wit blok van 1140px dat op de donkere body zweefde. Nu een volle lichte sectie met een echte paginabanner. */
/* PAGINABANNER C: geldt voor élke pagina op het standaardsjabloon van het thema die een .page-header met titel heeft. Dat zijn winkelwagen, afrekenen, mijn account én Elementor-pagina's als /Productaanvraag/. */
html body.page-template-default .content-area{ padding-top:0 !important; }
/* PAGINABANNER C: VERVANGEN. De donkere fotobanner van 480px stond op winkelwagen, afrekenen, mijn account en /Productaanvraag/. Die is vervangen door dezelfde lichte winkelkop als de categoriepagina's: groen streepje, Khand-titel op wit. Zie sectie 21 van weergave.css. */
/* Winkelwagen, afrekenen en mijn account krijgen een eigen bannerfoto; de werkplaatsfoto past daar minder. Productaanvraag houdt de standaardfoto. Andere foto gewenst? Alleen dit pad aanpassen. */
html body.woocommerce-page.page-template-default main.site-main{ max-width:none !important; width:100% !important; background:#F8F8F8 !important; padding:0 0 80px !important; }
html body.woocommerce-page.page-template-default main.site-main > .page-content{ max-width:1180px !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding-left:24px !important; padding-right:24px !important; }
/* Vangnet: het thema kleurt koppen wit omdat de body donker is. In een lichte sectie gaf dat wit-op-wit - de productnamen in het besteloverzicht waren daardoor onzichtbaar. */
html body.woocommerce-page.page-template-default main.site-main > .page-content h1, html body.woocommerce-page.page-template-default main.site-main > .page-content h2, html body.woocommerce-page.page-template-default main.site-main > .page-content h3, html body.woocommerce-page.page-template-default main.site-main > .page-content h4, html body h3.wc-block-components-product-name, html body h4.wc-block-components-product-name{ color:#111118 !important; }

/* ── 5. WINKELWAGEN EN AFREKENEN: inhoud (stond op 13px) ───────────── */
html .wc-block-cart-items__header, html .wc-block-cart-items__header th, html .wc-block-cart-items__header-product, html .wc-block-cart-items__header-total{ font-family:"Tomorrow",sans-serif !important; font-size:11px !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:#6C6C79 !important; }
html .wc-block-components-product-name{ font-family:"Khand",sans-serif !important; text-transform:uppercase !important; font-weight:500 !important; font-size:20px !important; line-height:1.15 !important; color:#111118 !important; text-decoration:none !important; }
html .wc-block-components-product-metadata, html .wc-block-components-product-metadata__description{ font-family:"Mulish",sans-serif !important; font-size:14px !important; color:#6C6C79 !important; }
html .wc-block-components-product-price{ font-family:"Tomorrow",sans-serif !important; font-size:15px !important; color:#111118 !important; }
html .wc-block-components-quantity-selector, html .wc-block-components-quantity-selector__button, html .wc-block-components-quantity-selector__input{ border-radius:0 !important; font-family:"Mulish",sans-serif !important; }
html .wc-block-components-quantity-selector{ border-color:#DCDCE3 !important; }
html .wc-block-cart-item__remove-link{ font-family:"Mulish",sans-serif !important; font-size:13px !important; color:#6C6C79 !important; }
html .wc-block-cart__totals-title, html .wc-block-components-checkout-order-summary__title-text{ font-family:"Khand",sans-serif !important; text-transform:uppercase !important; font-weight:500 !important; font-size:20px !important; color:#111118 !important; }
html .wc-block-components-totals-item__label{ font-family:"Mulish",sans-serif !important; font-size:15px !important; color:#111118 !important; }
html .wc-block-components-totals-item__value{ font-family:"Tomorrow",sans-serif !important; font-size:15px !important; color:#111118 !important; }
html .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{ font-family:"Khand",sans-serif !important; text-transform:uppercase !important; font-size:26px !important; }
html .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{ font-family:"Tomorrow",sans-serif !important; font-size:22px !important; color:#3B732C !important; }
html .wc-block-components-panel__button{ font-family:"Tomorrow",sans-serif !important; font-size:12px !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:#111118 !important; }
html .wc-block-cart__submit-button, html .wc-block-components-checkout-place-order-button, html .woocommerce-page .checkout-button, html .woocommerce-page a.button.wc-forward, html .woocommerce-page .wp-block-button__link{ background-color:#3B732C !important; color:#fff !important; border:0 !important; border-radius:0 !important; font-family:"Khand",sans-serif !important; font-size:18px !important; font-weight:500 !important; text-transform:uppercase !important; letter-spacing:.05em !important; text-decoration:none !important; padding:16px 28px !important; }
html .wc-block-cart__submit-button:hover, html .wc-block-components-checkout-place-order-button:hover{ background-color:#2E5A22 !important; }
html .wc-block-components-checkout-step__title{ font-family:"Khand",sans-serif !important; text-transform:uppercase !important; font-weight:500 !important; font-size:26px !important; color:#111118 !important; }
html .wc-block-components-text-input input, html .wc-block-components-textarea, html .wc-block-components-combobox-control input, html .wc-block-components-select__container, html .wc-block-components-radio-control__option, html .wc-block-components-radio-control-accordion-option, html .wc-block-components-address-card{ border-radius:0 !important; font-family:"Mulish",sans-serif !important; }
html .wc-block-components-order-summary-item__title{ font-family:"Khand",sans-serif !important; text-transform:uppercase !important; font-weight:500 !important; font-size:17px !important; color:#111118 !important; }
html .wc-block-components-order-summary-item__description, html .wc-block-components-order-summary-item__individual-prices{ font-family:"Mulish",sans-serif !important; color:#6C6C79 !important; }
html .wc-block-grid__product-title{ font-family:"Khand",sans-serif !important; text-transform:uppercase !important; font-weight:500 !important; }
html .wc-block-grid__product-price{ font-family:"Tomorrow",sans-serif !important; color:#3B732C !important; }
html .wc-block-cart__empty-cart__title{ font-family:"Khand",sans-serif !important; text-transform:uppercase !important; color:#111118 !important; }

/* ── 6. MELDINGEN, FORMULIEREN, MIJN ACCOUNT ───────────────────────── */
html .woocommerce-message, html .woocommerce-info, html .woocommerce-error, html .wc-block-components-notice-banner{ border-radius:0 !important; font-family:"Mulish",sans-serif !important; }
html .woocommerce-message, html .woocommerce-info{ border-top-color:#3B732C !important; }
html .woocommerce form .form-row input.input-text, html .woocommerce form .form-row textarea, html .woocommerce form .form-row select, html .woocommerce-input-wrapper input{ border-radius:0 !important; font-family:"Mulish",sans-serif !important; border:1px solid #DCDCE3 !important; padding:12px 14px !important; }
html .woocommerce form .form-row label{ font-family:"Tomorrow",sans-serif !important; font-size:11px !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:#6C6C79 !important; }
/* Het accountmenu is nu van de plugin (sectie 23 van weergave.css). De oude regels zetten de ACTIEVE link op merkgroen tekst, terwijl de nieuwe stijl die rij merkgroen KLEURT — groen op groen, dus een lege balk. */
html .woocommerce table.shop_table thead th{ font-family:"Tomorrow",sans-serif !important; font-size:11px !important; letter-spacing:.12em !important; text-transform:uppercase !important; }

/* ── 7. WPFORMS + /Productaanvraag/ ─────────────────────────────────── De verzendknop stond op WPForms-blauw #066AAB. WPForms scoopt dat met een ID-selector, en die verslaat elke class-combinatie. De truc :not(#_) tilt de specificiteit naar ID-niveau zonder de matching te veranderen - geen enkel element heeft id="_". */
html body.page-template-default.elementor-page .elementor-widget-text-editor:not(#_), html body.page-template-default.elementor-page .elementor-widget-text-editor p:not(#_), html body.page-template-default.elementor-page .elementor-widget-text-editor li:not(#_), html body.page-template-default.elementor-page .elementor-widget-text-editor span:not(#_){ font-family:"Mulish",sans-serif !important; font-size:16px !important; line-height:1.65 !important; }
html body.page-template-default.elementor-page main.site-main > .page-content{ max-width:1180px !important; margin-left:auto !important; margin-right:auto !important; padding-left:24px !important; padding-right:24px !important; }
html body.page-template-default.elementor-page main.site-main{ background:#F8F8F8 !important; padding-bottom:80px !important; }
html body.page-template-default.elementor-page main.site-main > .page-content h2:not(#_), html body.page-template-default.elementor-page main.site-main > .page-content h3:not(#_), html body.page-template-default.elementor-page main.site-main > .page-content h4:not(#_){ color:#111118 !important; }
html body.page-template-default.elementor-page .elementor-widget-text-editor:not(#_) p, html body.page-template-default.elementor-page .elementor-widget-text-editor:not(#_) li, html body.page-template-default.elementor-page .elementor-widget-text-editor:not(#_) span{ color:#111118 !important; }
html .wpforms-container .wpforms-field-label, html .wpforms-container .wpforms-field-sublabel{ font-family:"Tomorrow",sans-serif !important; font-size:11px !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:#6C6C79 !important; }
html .wpforms-container input[type="text"]:not(#_), html .wpforms-container input[type="email"]:not(#_), html .wpforms-container input[type="tel"]:not(#_), html .wpforms-container input[type="number"]:not(#_), html .wpforms-container input[type="url"]:not(#_), html .wpforms-container select:not(#_), html .wpforms-container textarea:not(#_){ border-radius:0 !important; border:1px solid #DCDCE3 !important; font-family:"Mulish",sans-serif !important; font-size:16px !important; background:#fff !important; color:#111118 !important; padding:12px 14px !important; }
html .wpforms-container .wpforms-field-radio label, html .wpforms-container .wpforms-field-checkbox label, html .wpforms-container .wpforms-field-description{ font-family:"Mulish",sans-serif !important; color:#111118 !important; text-transform:none !important; letter-spacing:normal !important; font-size:15px !important; }
html .wpforms-container button.wpforms-submit, html .wpforms-container input.wpforms-submit, html .wpforms-submit{ font-family:"Khand",sans-serif !important; font-size:18px !important; font-weight:500 !important; text-transform:uppercase !important; letter-spacing:.05em !important; padding:16px 28px !important; color:#fff !important; }
html .wpforms-container button.wpforms-submit:not(#_), html .wpforms-container input.wpforms-submit:not(#_){ background-color:#3B732C !important; border:0 !important; border-radius:0 !important; }
html .wpforms-container button.wpforms-submit:not(#_):hover, html .wpforms-container input.wpforms-submit:not(#_):hover{ background-color:#2E5A22 !important; }
/* MERKENPAGINA (NL page-id 11825 / FR 11886). Merktitels stonden op wit en waren dus onzichtbaar op de witte kaarten. */
html body.page-id-11825 .elementor-image-box-title, html body.page-id-11886 .elementor-image-box-title, html body.page-id-11825 .elementor-image-box-title a, html body.page-id-11886 .elementor-image-box-title a{ color:#111118 !important; font-family:"Khand",sans-serif !important; text-transform:uppercase !important; font-size:30px !important; line-height:1.1 !important; }
html body.page-id-11825 .elementor-image-box-description, html body.page-id-11886 .elementor-image-box-description{ color:#6C6C79 !important; font-family:"Mulish",sans-serif !important; font-size:15px !important; line-height:1.6 !important; text-transform:none !important; }
html body.page-id-11825 h2, html body.page-id-11886 h2{ color:#111118 !important; }
html body.page-id-11825 .elementor-widget-wrap.elementor-element-populated:has(.elementor-widget-image-box), html body.page-id-11886 .elementor-widget-wrap.elementor-element-populated:has(.elementor-widget-image-box){ box-shadow:none !important; border:1px solid #DCDCE3 !important; border-radius:0 !important; transition:border-color .2s ease !important; }
html body.page-id-11825 .elementor-widget-wrap.elementor-element-populated:has(.elementor-widget-image-box):hover, html body.page-id-11886 .elementor-widget-wrap.elementor-element-populated:has(.elementor-widget-image-box):hover{ border-color:#3B732C !important; }
html .elementor-element-5c81123 .elementor-widget-wrap{ background-color:#3B732C !important; border-color:#3B732C !important; }
html .elementor-element-5c81123 .elementor-image-box-title:not(#_), html .elementor-element-5c81123 .elementor-image-box-title a:not(#_), html .elementor-element-5c81123 .elementor-image-box-description:not(#_){ color:#F8F8F8 !important; }
html body.page-id-11825 h2.elementor-heading-title, html body.page-id-11886 h2.elementor-heading-title{ line-height:1.15 !important; }
html body.page-id-11825 .elementor-animation-float:hover, html body.page-id-11886 .elementor-animation-float:hover, html body.page-id-11825 .elementor-animation-float:focus, html body.page-id-11886 .elementor-animation-float:focus, html body.page-id-11825 .elementor-animation-float:active, html body.page-id-11886 .elementor-animation-float:active{ transform:none !important; }

/* ── 8. TAALSWITCHER (opmaak van de OUDE header/footer; blijft staan voor als de header-module ooit uit gaat) ── */
html .elementor-location-header .elementskit-submenu-panel a.dropdown-item:hover, html .elementor-location-header .elementskit-submenu-panel a.dropdown-item:focus, html .elementor-location-header .elementskit-submenu-panel li:hover > a.dropdown-item, html .elementor-location-header .elementskit-submenu-panel li.current-menu-item > a.dropdown-item, html .elementor-location-header .elementskit-submenu-panel li.current-menu-ancestor > a.dropdown-item{ color:#3B732C !important; }
html .elementor-location-header .wpml-ls-flag{ display:none !important; }
html .elementor-location-header .wpml-ls-item > a{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding-left:9px !important; padding-right:9px !important; }
html .elementor-location-header .wpml-ls-item > a::after{ font-family:"Khand",sans-serif !important; font-size:17px !important; font-weight:500 !important; letter-spacing:1.5px !important; line-height:1 !important; color:#F8F8F8 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; height:26px !important; box-sizing:border-box !important; padding:2px 0 0 !important; }
html .elementor-location-header .wpml-ls-item-nl > a::after{ content:"NL"; }
html .elementor-location-header .wpml-ls-item-en > a::after{ content:"EN"; }
html .elementor-location-header .wpml-ls-item-fr > a::after{ content:"FR"; }
html .elementor-location-header .wpml-ls-item:hover > a::after{ color:#3B732C !important; }
html .elementor-location-header .wpml-ls-current-language > a::after{ border:1px solid rgba(248,248,248,.45) !important; min-width:40px !important; padding:2px 8px 0 !important; }
html .wpml-ls-statics-footer{ background:transparent !important; padding:28px 0 !important; text-align:center !important; }
html .wpml-ls-statics-footer .wpml-ls-flag{ display:none !important; }
html .wpml-ls-statics-footer a.wpml-ls-link{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:130px !important; height:34px !important; box-sizing:border-box !important; padding:1px 16px 0 !important; line-height:1 !important; background:transparent !important; border:1px solid rgba(248,248,248,.22) !important; border-radius:0 !important; margin:0 5px !important; }
html .wpml-ls-statics-footer .wpml-ls-native, html .wpml-ls-statics-footer .wpml-ls-display{ font-family:"Khand",sans-serif !important; font-size:16px !important; font-weight:500 !important; letter-spacing:1.2px !important; text-transform:uppercase !important; color:#D1D1D1 !important; line-height:1 !important; }
html .wpml-ls-statics-footer a.wpml-ls-link:hover{ border-color:#3B732C !important; }
html .wpml-ls-statics-footer a.wpml-ls-link:hover .wpml-ls-native, html .wpml-ls-statics-footer a.wpml-ls-link:hover .wpml-ls-display{ color:#F8F8F8 !important; }
html .wpml-ls-statics-footer .wpml-ls-current-language a.wpml-ls-link{ border-color:#3B732C !important; }
html .wpml-ls-statics-footer .wpml-ls-current-language .wpml-ls-native, html .wpml-ls-statics-footer .wpml-ls-current-language .wpml-ls-display{ color:#F8F8F8 !important; }

/* TAALKIEZER-WIDGET van agriboss-taalkiezer-snippet.php (oude header, mobiel). Blijft voor terugrol. */
html .ab-talen{ display:flex !important; align-items:center !important; gap:6px !important; }
html .ab-talen a.ab-taal{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:38px !important; height:26px !important; box-sizing:border-box !important; padding:1px 6px 0 !important; font-family:"Khand",sans-serif !important; font-size:15px !important; font-weight:500 !important; line-height:1 !important; letter-spacing:1.5px !important; text-transform:uppercase !important; text-decoration:none !important; color:#F8F8F8 !important; background:transparent !important; border:1px solid transparent !important; border-radius:0 !important; transition:color .2s ease, border-color .2s ease !important; }
html .ab-talen a.ab-taal-actief{ border-color:rgba(248,248,248,.45) !important; }
html .ab-talen a.ab-taal:hover{ color:#3B732C !important; border-color:#3B732C !important; }

/* MOBIEL: hamburger-fixes van de oude header. Blijven voor terugrol. */
html body.page-id-11825 .elementor-widget-wrap.elementor-element-populated:has(.elementor-widget-image-box), html body.page-id-11886 .elementor-widget-wrap.elementor-element-populated:has(.elementor-widget-image-box){ margin-left:16px !important; margin-right:16px !important; }
@media (max-width:1024px){
  html .elementskit-menu-hamburger, html .elementskit-menu-close{ background-image:none !important; }
  html .elementskit-menu-hamburger{ min-height:44px !important; min-width:44px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
  html .elementskit-menu-hamburger i.ekit-menu-icon{ width:26px !important; height:18px !important; display:block !important; position:relative !important; margin:0 auto !important; font-size:0 !important; }
  html .elementskit-menu-hamburger i.ekit-menu-icon::before{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; width:26px !important; height:2px !important; background:#F8F8F8 !important; border-radius:0 !important; box-shadow:0 8px 0 0 #F8F8F8, 0 16px 0 0 #F8F8F8 !important; }
}

/* AGRI-BOSS design-unificatie v2 - EINDE */