/* 8kājis WooCommerce branding - navy/teal palette, FINAL product layout. */
:root{--navy:#1E2A5E;--teal:#1B9AAA;--teal-dark:#157f8c;--bg:#F2F8FC;--text:#1E2A5E;--muted:#4a5680;--border:#D8E3F0;--violet:#9b35bd;--amber:#F59E0B;--sand:#FEF3C7}

body.woocommerce .site-main, body.woocommerce-page .site-main{max-width:1280px;margin:0 auto;padding:28px 32px 8px}
.woocommerce-breadcrumb{color:var(--muted);font-weight:600;font-size:13px;margin-bottom:22px}
.woocommerce-breadcrumb a{color:var(--teal-dark);text-decoration:none}

/* ---------- SINGLE PRODUCT ---------- */
.single-product div.product{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:56px}
.single-product div.product .woocommerce-product-gallery{float:none;width:100%;margin:0}
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__wrapper{border-radius:16px}
.single-product .woocommerce-product-gallery img{border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:0 2px 16px rgba(30,42,94,.08)}
.single-product .flex-control-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;padding:0;list-style:none}
.single-product .flex-control-thumbs li{margin:0}
.single-product .flex-control-thumbs img{border-radius:10px;border:1px solid var(--border);opacity:.8}
.single-product .flex-control-thumbs img.flex-active,.single-product .flex-control-thumbs img:hover{opacity:1;border-color:var(--teal)}

.single-product div.product .summary{margin:0}
.single-product .product_title{font-size:30px;font-weight:800;color:var(--navy);margin:6px 0 14px;line-height:1.12}
.single-product .summary .price,.single-product .summary p.price,.single-product .summary .price .amount{color:var(--navy)!important;font-size:28px;font-weight:800}
.single-product .woocommerce-product-rating{margin-bottom:18px}
.single-product .star-rating span::before{color:var(--amber)}
.single-product .woocommerce-review-link{color:var(--muted)}
.single-product .woocommerce-product-details__short-description{font-size:17px;line-height:1.65;color:var(--muted);margin-bottom:26px}

.single-product form.cart{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.single-product form.cart .quantity{display:flex;align-items:center;border:1px solid var(--border);border-radius:999px;height:52px;background:#fff;overflow:hidden}
.single-product form.cart .quantity input.qty{width:54px;height:50px;border:none;text-align:center;font-weight:800;color:var(--navy);font-size:16px;background:transparent;-moz-appearance:textfield}
.single-product .single_add_to_cart_button{background:var(--teal)!important;color:#fff!important;border:none!important;border-radius:999px!important;padding:0 30px!important;height:52px!important;font:800 16px 'Nunito Sans'!important;display:inline-flex!important;align-items:center;gap:8px;box-shadow:0 6px 18px rgba(27,154,170,.32);transition:background .2s,transform .15s;text-transform:none!important}
.single-product .single_add_to_cart_button:hover{background:var(--teal-dark)!important;transform:translateY(-1px)}

.single-product .product_meta{font-size:13px;color:var(--muted);border-top:1px solid var(--border);padding-top:18px;margin-top:8px}
.single-product .product_meta>span{display:block;margin-bottom:6px}
.single-product .product_meta a{display:inline-block;background:#fff;border:1px solid var(--border);color:var(--muted);font-weight:700;font-size:12px;padding:5px 11px;border-radius:8px;margin:3px 4px 3px 0;text-decoration:none}
.single-product .product_meta a:hover{border-color:var(--teal);color:var(--teal-dark)}

/* category badge + trust box (added via hooks) */
.ek-badges{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.ek-cat-badge{background:var(--teal);color:#fff;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.ek-trust{background:var(--sand);border:1px solid #FDE68A;border-radius:14px;padding:16px 18px;margin:4px 0 24px}
.ek-trust ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ek-trust li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--navy);font-weight:600}
.ek-trust li svg{width:20px;height:20px;stroke:var(--teal-dark);fill:none;stroke-width:2;flex-shrink:0}

/* tabs */
.woocommerce-tabs ul.tabs{padding:0 0 0;margin:0 0 22px;border-bottom:1px solid var(--border);display:flex;gap:6px;flex-wrap:wrap}
.woocommerce-tabs ul.tabs::before{display:none}
.woocommerce-tabs ul.tabs li{background:transparent;border:none;border-radius:0;margin:0;padding:0}
.woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce-tabs ul.tabs li a{padding:14px 22px!important;font-weight:800;font-size:16px;color:var(--muted);border-bottom:3px solid transparent}
.woocommerce-tabs ul.tabs li.active a{color:var(--teal-dark);border-bottom-color:var(--teal)}
.woocommerce-tabs .panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px;box-shadow:0 2px 16px rgba(30,42,94,.05)}
.woocommerce-tabs .panel h2{color:var(--navy);font-weight:800;font-size:22px}
.woocommerce-tabs .panel p,.woocommerce-tabs .panel li{color:var(--muted);font-size:16px;line-height:1.7}

/* ---------- PRODUCT CARDS (related / upsell / archive) ---------- */
.woocommerce .related>h2,.woocommerce .up-sells>h2{font-size:30px;font-weight:800;color:var(--navy);margin-bottom:26px;display:flex;align-items:center;gap:10px}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(30,42,94,.07);display:flex;flex-direction:column;padding:0}
.woocommerce ul.products li.product a img{margin:0;border-radius:0;background:linear-gradient(135deg,#EAF4FB,#E3F1F7)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:14px 16px 2px;font-size:17px;font-weight:700;color:var(--navy)}
.woocommerce ul.products li.product .price{padding:0 16px;color:var(--navy)!important;font-weight:800;font-size:20px}
.woocommerce ul.products li.product .price del{color:var(--muted);font-weight:400}
.woocommerce ul.products li.product .star-rating{margin:6px 16px}
.woocommerce ul.products li.product .button{margin:12px 16px 16px;background:var(--teal)!important;color:#fff!important;border-radius:999px!important;font-weight:800!important;padding:11px!important;text-align:center}
.woocommerce ul.products li.product .button:hover{background:var(--teal-dark)!important}

/* ---------- GLOBAL BUTTONS ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce .button.alt{background:var(--teal);color:#fff;border-radius:999px;padding:12px 24px;font-weight:800;border:none}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce .button.alt:hover{background:var(--teal-dark)}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--teal)}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--teal)}

/* ---------- CART ---------- */
.woocommerce table.shop_table{background:#fff;border:1px solid var(--border);border-radius:16px;border-collapse:separate;overflow:hidden}
.woocommerce table.shop_table th{color:var(--navy);font-weight:800}
.woocommerce-cart table.cart img{width:64px;border-radius:10px}
.woocommerce-cart .cart-collaterals .cart_totals{background:#fff;border:1px solid var(--border);border-radius:16px;padding:8px 22px 22px}
.woocommerce-cart .cart_totals h2{color:var(--navy);font-weight:800}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{background:var(--teal)!important;font-size:17px!important;padding:16px!important;border-radius:999px!important}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{background:var(--teal-dark)!important}
.woocommerce .cart input.qty{border:1px solid var(--border);border-radius:8px;padding:8px}

/* ---------- CHECKOUT ---------- */
.woocommerce-checkout h3{color:var(--navy);font-weight:800}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection{border:1px solid var(--border)!important;border-radius:10px!important;padding:12px 14px!important;min-height:46px}
.woocommerce-checkout #payment{background:#fff;border-radius:16px;border:1px solid var(--border)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--border)}
.woocommerce #order_review .order-total .amount{color:var(--navy)}
.woocommerce-checkout #place_order{background:var(--teal)!important;width:100%;font-size:17px!important;padding:16px!important;border-radius:999px!important}
.woocommerce-checkout #place_order:hover{background:var(--teal-dark)!important}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:none;width:100%}

/* ---------- MOBILE ---------- */
@media(max-width:880px){
  body.woocommerce .site-main,body.woocommerce-page .site-main{padding:18px 16px 8px}
  .single-product div.product{grid-template-columns:1fr;gap:24px;margin-bottom:36px}
  .single-product .product_title{font-size:24px}
  .woocommerce ul.products{grid-template-columns:1fr 1fr;gap:14px}
  .woocommerce .related>h2,.woocommerce .up-sells>h2{font-size:22px}
  .single-product form.cart{gap:10px}
  .single-product .single_add_to_cart_button{flex:1}
}

/* qty stepper - 1 + */
.single-product form.cart .quantity{position:relative;display:inline-flex;align-items:center}
.single-product form.cart .quantity .qbtn{border:none;background:transparent;width:42px;height:50px;font-size:22px;font-weight:700;color:var(--muted);cursor:pointer;line-height:1}
.single-product form.cart .quantity .qbtn:hover{color:var(--teal-dark)}
.single-product form.cart .quantity input.qty{-moz-appearance:textfield;width:40px;border-left:1px solid var(--border);border-right:1px solid var(--border);border-top:none;border-bottom:none;border-radius:0}
.single-product form.cart .quantity input.qty::-webkit-outer-spin-button,.single-product form.cart .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
