/* =========================================================================
   Studio Ember Home — Groene Stijl
   Alles hieronder is gescoped onder body.seh-ember-green zodat het niets
   raakt buiten de winkelpagina's (shop, categorie, product, cart, checkout,
   mijn-account) waar de plugin de class toevoegt.
   ========================================================================= */

body.seh-ember-green{
  --olive-deep:#3B4A25;
  --olive:#4F6231;
  --olive-mid:#6C8149;
  --cream:#FAF7EF;
  --cream-2:#F3EFE1;
  --paper:#FFFFFF;
  --amber:#C08A2E;
  --amber-deep:#9C6C1E;
  --clay:#A85A34;
  --ink:#2A2B22;
  --ink-soft:#63644F;
  --line:#E5E0CF;
  --radius:14px;
  --shadow-sm:0 1px 2px rgba(42,43,34,0.06), 0 1px 1px rgba(42,43,34,0.04);
  --shadow-md:0 6px 20px rgba(42,43,34,0.10);
  --shadow-lg:0 16px 40px rgba(42,43,34,0.16);

  background:var(--cream);
  color:var(--ink);
  font-family:'Work Sans', sans-serif;
}

body.seh-ember-green h1,
body.seh-ember-green h2,
body.seh-ember-green h3,
body.seh-ember-green .product_title,
body.seh-ember-green .entry-title{
  font-family:'Fraunces', serif;
  font-weight:600;
  color:var(--olive-deep);
  letter-spacing:-0.01em;
}

/* Ember signature accent (pulserend puntje) */
body.seh-ember-green .seh-ember-dot{
  width:6px;height:6px;border-radius:50%;background:var(--amber);flex:none;display:inline-block;
  animation:sehEmberPulse 2.6s ease-in-out infinite;
}
@keyframes sehEmberPulse{
  0%,100%{box-shadow:0 0 2px 0 rgba(192,138,46,.5);}
  50%{box-shadow:0 0 8px 3px rgba(192,138,46,.45);}
}
@media (prefers-reduced-motion: reduce){
  body.seh-ember-green .seh-ember-dot{ animation:none; }
}

/* Pill-knoppen (algemeen herbruikbaar) */
body.seh-ember-green .seh-btn-pill{
  display:inline-flex;align-items:center;gap:8px;background:var(--olive-deep);color:#fff;
  padding:10px 18px;border-radius:999px;font-weight:600;font-size:13.5px;white-space:nowrap;
  text-decoration:none;
}
body.seh-ember-green .seh-btn-pill:hover{background:var(--olive);color:#fff;}
body.seh-ember-green .seh-btn-pill.solid.amber{background:var(--amber);color:var(--olive-deep);}
body.seh-ember-green .seh-btn-pill.solid.amber:hover{background:var(--amber-deep);color:#fff;}
body.seh-ember-green .seh-btn-pill.small{padding:7px 13px;font-size:12px;}

/* -------------------------------------------------------------------------
   Topbar shortcode [seh_topbar]
   ------------------------------------------------------------------------- */
body.seh-ember-green .seh-topbar{background:var(--olive-deep);color:#E9E6D8;font-size:12.5px;}
body.seh-ember-green .seh-topbar-inner{max-width:1240px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
body.seh-ember-green .seh-topbar-msg{display:flex;align-items:center;gap:9px;opacity:.94;}
body.seh-ember-green .seh-lang-toggle{display:flex;border:1px solid rgba(233,230,216,.35);border-radius:20px;overflow:hidden;}
body.seh-ember-green .seh-lang-toggle button{border:none;background:none;cursor:pointer;padding:4px 11px;font-weight:600;letter-spacing:.03em;font-size:11.5px;color:#E9E6D8;font-family:inherit;}
body.seh-ember-green .seh-lang-toggle button.active{background:var(--amber);color:var(--olive-deep);}

/* -------------------------------------------------------------------------
   Hero shortcode [seh_hero]
   ------------------------------------------------------------------------- */
body.seh-ember-green .seh-hero{position:relative;overflow:hidden;background:linear-gradient(120deg, var(--olive-deep) 0%, var(--olive) 62%, var(--olive-mid) 100%);color:#F3F0E2;}
body.seh-ember-green .seh-hero-pattern{position:absolute;inset:0;opacity:.16;pointer-events:none;}
body.seh-ember-green .seh-hero-inner{position:relative;max-width:1240px;margin:0 auto;padding:56px 24px 46px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
body.seh-ember-green .seh-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#D9CD9C;margin-bottom:14px;font-weight:600;}
body.seh-ember-green .seh-hero h1{color:#fff;font-size:clamp(28px,3.6vw,44px);max-width:15ch;line-height:1.06;margin:0;}
body.seh-ember-green .seh-hero p{margin-top:14px;max-width:48ch;color:#E4E4D2;font-size:15.5px;line-height:1.65;}
body.seh-ember-green .seh-hero-stats{display:flex;gap:28px;margin-top:26px;flex-wrap:wrap;}
body.seh-ember-green .seh-hero-stats .num{font-family:'Fraunces',serif;font-size:24px;color:var(--amber);font-weight:700;}
body.seh-ember-green .seh-hero-stats .lbl{font-size:12px;color:#D9CD9C;letter-spacing:.03em;}
body.seh-ember-green .seh-hero-art{flex:none;width:200px;height:200px;display:none;}
@media(min-width:860px){ body.seh-ember-green .seh-hero-art{display:block;} }

/* -------------------------------------------------------------------------
   Sidebar shortcode [seh_category_sidebar] + membership [seh_membership_box]
   ------------------------------------------------------------------------- */
body.seh-ember-green .seh-sidebar-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:6px;box-shadow:var(--shadow-sm);}
body.seh-ember-green .seh-sidebar-card h3{font-family:'Work Sans',sans-serif;font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);padding:14px 16px 10px;margin:0;}
body.seh-ember-green .seh-cat-list{list-style:none;margin:0;padding:0;}
body.seh-ember-green .seh-cat-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;font-size:13.6px;border-radius:9px;color:var(--ink);text-decoration:none;}
body.seh-ember-green .seh-cat-list a:hover{background:var(--cream);color:var(--olive-deep);}
body.seh-ember-green .seh-cat-list a.active{background:var(--olive-deep);color:#fff;font-weight:600;}
body.seh-ember-green .seh-cat-list .count{font-size:11.5px;color:var(--ink-soft);}
body.seh-ember-green .seh-cat-list a.active .count{color:#C9D3AE;}
body.seh-ember-green .seh-sidebar-note{font-size:11px;color:var(--ink-soft);padding:10px 16px 14px;line-height:1.5;border-top:1px solid var(--line);margin-top:6px;}

body.seh-ember-green .seh-membership{margin-top:18px;padding:18px;border-radius:var(--radius);background:linear-gradient(160deg, var(--olive-deep), var(--olive));color:#EFEAD4;}
body.seh-ember-green .seh-membership .display{color:#fff;font-size:17px;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-family:'Fraunces',serif;font-weight:600;}
body.seh-ember-green .seh-membership p{font-size:12.8px;line-height:1.55;color:#DCD8BE;margin:0 0 14px;}

/* -------------------------------------------------------------------------
   Layout-wrappers voor de all-in-one paginashortcodes
   ([seh_shop_page], [seh_product_page], [seh_cart_page], [seh_checkout_page])
   ------------------------------------------------------------------------- */
body.seh-ember-green .seh-subheader{border-bottom:1px solid var(--line);background:var(--paper);}
body.seh-ember-green .seh-subheader-inner{max-width:1240px;margin:0 auto;padding:22px 24px 20px;}
body.seh-ember-green .seh-crumbs{font-size:12.5px;color:var(--ink-soft);margin-bottom:10px;display:block;}
body.seh-ember-green .seh-crumbs a{color:var(--ink-soft);text-decoration:none;}
body.seh-ember-green .seh-crumbs a:hover{color:var(--olive);text-decoration:underline;}
body.seh-ember-green .seh-subheader h2{font-size:26px;margin:0;}
body.seh-ember-green .seh-subheader .sub{color:var(--ink-soft);font-size:14px;margin-top:6px;}

body.seh-ember-green .seh-page-container{max-width:1240px;margin:0 auto;padding:32px 24px 80px;}

body.seh-ember-green .seh-layout{max-width:1240px;margin:0 auto;padding:32px 24px 80px;display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:start;}
@media(max-width:860px){ body.seh-ember-green .seh-layout{grid-template-columns:1fr;} }
body.seh-ember-green .seh-layout .seh-sidebar-card{position:sticky;top:20px;}
body.seh-ember-green .seh-layout .seh-membership{position:sticky;top:290px;}

body.seh-ember-green .seh-product-summary-wrap{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;}
@media(max-width:760px){ body.seh-ember-green .seh-product-summary-wrap{grid-template-columns:1fr;} }

/* =========================================================================
   WooCommerce — Shop / Categorie-archief
   ========================================================================= */
body.seh-ember-green.woocommerce ul.products{ display:grid; grid-template-columns:repeat(auto-fill,minmax(216px,1fr)); gap:18px; }
body.seh-ember-green.woocommerce ul.products li.product{
  width:auto !important; margin:0 !important; float:none !important;
  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);
  padding:16px 16px 18px; transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  position:relative;
}
body.seh-ember-green.woocommerce ul.products li.product:hover{ box-shadow:var(--shadow-lg); transform:translateY(-3px); border-color:transparent; }
body.seh-ember-green.woocommerce ul.products li.product img{
  border-radius:10px; background:var(--cream-2); margin-bottom:14px; aspect-ratio:1/1; object-fit:cover;
}
body.seh-ember-green.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Work Sans',sans-serif; font-weight:600; font-size:14px; color:var(--ink); line-height:1.35; padding:0; margin:0 0 4px;
}
body.seh-ember-green.woocommerce ul.products li.product .price{
  font-family:'Fraunces',serif; font-weight:700; font-size:19px; color:var(--amber-deep); display:block; margin-top:8px;
}
body.seh-ember-green.woocommerce ul.products li.product .price del{ color:var(--ink-soft); font-size:13px; opacity:.8; }
body.seh-ember-green.woocommerce ul.products li.product .price ins{ text-decoration:none; }
body.seh-ember-green.woocommerce span.onsale{
  background:var(--clay); color:#fff; font-size:10px; font-weight:700; letter-spacing:.03em; text-transform:uppercase;
  padding:4px 8px; border-radius:6px; min-height:0; min-width:0; line-height:1; top:10px; left:10px; right:auto;
}
body.seh-ember-green.woocommerce ul.products li.product .button,
body.seh-ember-green.woocommerce ul.products li.product a.add_to_cart_button{
  display:inline-flex; align-items:center; gap:6px; background:transparent; border:1px solid var(--olive-deep);
  color:var(--olive-deep) !important; padding:7px 12px; border-radius:999px; font-size:12px; font-weight:600;
  margin-top:12px;
}
body.seh-ember-green.woocommerce ul.products li.product .button:hover,
body.seh-ember-green.woocommerce ul.products li.product a.add_to_cart_button:hover{ background:var(--olive-deep); color:#fff !important; }

body.seh-ember-green.woocommerce .woocommerce-ordering select,
body.seh-ember-green.woocommerce-page form.woocommerce-ordering select{
  border:1px solid var(--line); border-radius:999px; padding:8px 14px; background:var(--paper); color:var(--ink); font-family:inherit;
}
body.seh-ember-green.woocommerce nav.woocommerce-pagination ul{ border:none; }
body.seh-ember-green.woocommerce nav.woocommerce-pagination ul li{ border:none; margin-right:6px; }
body.seh-ember-green.woocommerce nav.woocommerce-pagination ul li a,
body.seh-ember-green.woocommerce nav.woocommerce-pagination ul li span{
  border:1px solid var(--line); border-radius:999px; color:var(--ink); background:var(--paper);
}
body.seh-ember-green.woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--olive-deep); color:#fff; border-color:var(--olive-deep); }

/* =========================================================================
   WooCommerce — Enkele productpagina
   ========================================================================= */
body.seh-ember-green.woocommerce div.product{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:28px; box-shadow:var(--shadow-sm); }
body.seh-ember-green.woocommerce div.product .woocommerce-product-gallery img{ border-radius:12px; background:var(--cream-2); }
body.seh-ember-green.woocommerce div.product .summary .price{ font-family:'Fraunces',serif; color:var(--amber-deep); font-size:26px; font-weight:700; }
body.seh-ember-green.woocommerce div.product .summary .woocommerce-product-details__short-description{ color:var(--ink-soft); font-size:14.5px; line-height:1.7; }
body.seh-ember-green.woocommerce div.product form.cart .quantity input{
  border:1px solid var(--line); border-radius:10px; background:var(--cream); color:var(--ink); padding:10px; width:64px; font-family:inherit;
}
body.seh-ember-green.woocommerce div.product form.cart .button,
body.seh-ember-green.woocommerce div.product .single_add_to_cart_button{
  background:var(--olive-deep) !important; color:#fff !important; border-radius:999px !important; border:none !important;
  padding:13px 26px !important; font-weight:700 !important; font-size:14px !important; letter-spacing:.02em;
}
body.seh-ember-green.woocommerce div.product .single_add_to_cart_button:hover{ background:var(--olive) !important; }
body.seh-ember-green.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; background:none; }
body.seh-ember-green.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:var(--ink-soft); font-weight:600; }
body.seh-ember-green.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--olive-deep); border-bottom:2px solid var(--amber); }
body.seh-ember-green.woocommerce div.product .woocommerce-tabs .panel{ border-top:1px solid var(--line); padding-top:20px; margin-top:8px; color:var(--ink); }
body.seh-ember-green.woocommerce div.product .related.products ul.products li.product{ background:var(--paper); }

/* =========================================================================
   WooCommerce — Winkelwagen
   ========================================================================= */
body.seh-ember-green.woocommerce-cart table.shop_table{
  border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; border-collapse:separate; background:var(--paper);
}
body.seh-ember-green.woocommerce-cart table.shop_table th{ background:var(--cream-2); color:var(--ink-soft); font-weight:700; text-transform:uppercase; font-size:11.5px; letter-spacing:.06em; border:none; }
body.seh-ember-green.woocommerce-cart table.shop_table td{ border-top:1px solid var(--line); border-bottom:none; }
body.seh-ember-green.woocommerce-cart table.shop_table td.product-name a{ color:var(--ink); font-weight:600; }
body.seh-ember-green.woocommerce-cart table.shop_table .product-price,
body.seh-ember-green.woocommerce-cart table.shop_table .product-subtotal{ font-family:'Fraunces',serif; color:var(--amber-deep); font-weight:700; }
body.seh-ember-green.woocommerce-cart .quantity input{ border:1px solid var(--line); border-radius:10px; background:var(--cream); padding:8px; width:60px; }
body.seh-ember-green.woocommerce-cart table.shop_table .product-remove a{ color:var(--clay) !important; }

body.seh-ember-green.woocommerce-cart .cart-collaterals .cart_totals{
  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow-sm);
}
body.seh-ember-green.woocommerce-cart .cart_totals h2{ font-size:18px; }
body.seh-ember-green.woocommerce-cart .cart_totals table td,
body.seh-ember-green.woocommerce-cart .cart_totals table th{ border-top:1px dashed var(--line); }
body.seh-ember-green.woocommerce-cart .cart_totals .order-total .amount{ font-family:'Fraunces',serif; font-size:20px; color:var(--amber-deep); font-weight:700; }

body.seh-ember-green.woocommerce-cart .coupon .input-text{
  border:1px solid var(--line); border-radius:999px; padding:10px 16px; background:var(--cream); font-family:inherit;
}
body.seh-ember-green.woocommerce-cart button[name="apply_coupon"],
body.seh-ember-green.woocommerce-cart button[name="update_cart"],
body.seh-ember-green.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
  background:var(--olive-deep) !important; color:#fff !important; border-radius:999px !important; border:none !important;
  padding:12px 22px !important; font-weight:700 !important;
}
body.seh-ember-green.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
  background:var(--amber) !important; color:var(--olive-deep) !important; display:block; text-align:center;
}
body.seh-ember-green.woocommerce-cart button[name="apply_coupon"]:hover,
body.seh-ember-green.woocommerce-cart button[name="update_cart"]:hover{ background:var(--olive) !important; }
body.seh-ember-green.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{ background:var(--amber-deep) !important; color:#fff !important; }

/* =========================================================================
   WooCommerce — Checkout
   ========================================================================= */
body.seh-ember-green.woocommerce-checkout form.checkout input.input-text,
body.seh-ember-green.woocommerce-checkout form.checkout select,
body.seh-ember-green.woocommerce-checkout form.checkout textarea{
  border:1px solid var(--line); border-radius:10px; background:var(--cream); padding:11px 13px; font-family:inherit; color:var(--ink);
}
body.seh-ember-green.woocommerce-checkout form.checkout input.input-text:focus,
body.seh-ember-green.woocommerce-checkout form.checkout select:focus{
  outline:2px solid var(--amber); outline-offset:1px; border-color:var(--amber);
}
body.seh-ember-green.woocommerce-checkout #customer_details,
body.seh-ember-green.woocommerce-checkout #order_review{
  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow-sm);
}
body.seh-ember-green.woocommerce-checkout h3#order_review_heading{ font-size:19px; margin-top:28px; }
body.seh-ember-green.woocommerce-checkout table.woocommerce-checkout-review-order-table th{ color:var(--ink-soft); text-transform:uppercase; font-size:11px; letter-spacing:.05em; border:none; }
body.seh-ember-green.woocommerce-checkout table.woocommerce-checkout-review-order-table td{ border-top:1px dashed var(--line); }
body.seh-ember-green.woocommerce-checkout .order-total .amount{ font-family:'Fraunces',serif; font-size:20px; color:var(--amber-deep); font-weight:700; }

/* Verzendmethoden (incl. Sendcloud). Sendcloud rendert doorgaans binnen
   ul#shipping_method / woocommerce-shipping-methods — dit zijn brede,
   veilige selectors. Wijkt de markup op jouw checkout af (andere Sendcloud-
   versie/servicepunt-kiezer), test dan even en verfijn deze twee blokken. */
body.seh-ember-green.woocommerce-checkout ul#shipping_method,
body.seh-ember-green.woocommerce-checkout .woocommerce-shipping-methods{
  list-style:none; margin:0; padding:0;
}
body.seh-ember-green.woocommerce-checkout ul#shipping_method li,
body.seh-ember-green.woocommerce-checkout .woocommerce-shipping-methods li{
  border:1px solid var(--line); border-radius:10px; padding:10px 14px; margin-bottom:8px; background:var(--cream);
}
body.seh-ember-green.woocommerce-checkout ul#shipping_method li label,
body.seh-ember-green.woocommerce-checkout .woocommerce-shipping-methods li label{ font-weight:600; color:var(--ink); }
/* Sendcloud servicepunt-knop ("Kies afhaalpunt" e.d.) als pill-knop in onze stijl */
body.seh-ember-green.woocommerce-checkout .sendcloud-service-point-picker-button,
body.seh-ember-green.woocommerce-checkout [class*="servicepoint"] button,
body.seh-ember-green.woocommerce-checkout [class*="service-point"] button{
  background:var(--olive-deep) !important; color:#fff !important; border:none !important; border-radius:999px !important; padding:9px 16px !important;
}

body.seh-ember-green.woocommerce-checkout #payment ul.payment_methods{ border:none; }
body.seh-ember-green.woocommerce-checkout #payment ul.payment_methods li{ border-top:1px solid var(--line); padding:12px 0; }
body.seh-ember-green.woocommerce-checkout #payment div.payment_box{ background:var(--cream-2); border-radius:10px; }

body.seh-ember-green.woocommerce-checkout #place_order{
  background:var(--amber) !important; color:var(--olive-deep) !important; border:none !important; border-radius:999px !important;
  padding:15px 28px !important; font-weight:700 !important; font-size:15px !important; width:100%;
}
body.seh-ember-green.woocommerce-checkout #place_order:hover{ background:var(--amber-deep) !important; color:#fff !important; }

/* =========================================================================
   Mijn account
   ========================================================================= */
body.seh-ember-green.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
body.seh-ember-green.woocommerce-account .woocommerce-MyAccount-navigation ul li{ border-bottom:1px solid var(--line); }
body.seh-ember-green.woocommerce-account .woocommerce-MyAccount-navigation ul li a{ display:block; padding:12px 16px; color:var(--ink); }
body.seh-ember-green.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{ background:var(--olive-deep); color:#fff; font-weight:600; }
body.seh-ember-green.woocommerce-account button.button, 
body.seh-ember-green.woocommerce-account input.button{
  background:var(--olive-deep) !important; color:#fff !important; border-radius:999px !important; border:none !important; padding:11px 20px !important;
}

@media (prefers-reduced-motion: reduce){
  body.seh-ember-green *{ transition:none !important; animation:none !important; }
}