/* Kirpi Kids — WooCommerce sayfaları (mağaza, ürün, sepet/ödeme blokları, hesabım, bildirimler).
   Yalnızca tokens.css değişkenleri; ürün kartı ızgarası home.css'te (anasayfa + mağaza ortak). */

/* ── Mağaza başlığı, sonuç sayısı, sıralama ─────────────── */
.woocommerce-products-header__title.page-title{font:800 var(--e-global-typography-secondary-font-size,40px)/1.15 var(--kk-font-heading);color:var(--kk-primary);margin:8px 0 16px}
.woocommerce-breadcrumb{font-size:14px;color:var(--kk-blue)!important;margin-bottom:8px!important}
.woocommerce-breadcrumb a{color:var(--kk-primary)!important}
.woocommerce .woocommerce-result-count{color:var(--kk-blue);font-size:14px;margin:0 0 16px!important;line-height:44px}
.woocommerce .woocommerce-ordering select,.woocommerce select.orderby{
  min-height:44px;padding:8px 36px 8px 14px;border:2px solid var(--kk-line);border-radius:var(--kk-radius-md);
  background-color:var(--kk-white);color:var(--kk-text);font:600 15px var(--kk-font-body)
}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:8px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:var(--kk-radius-pill);
  background:var(--kk-white);color:var(--kk-primary);font-weight:800;box-shadow:var(--kk-shadow-card)
}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--kk-primary);color:var(--kk-white)}

/* ── Rozetler (indirim, stok) ───────────────────────────── */
.woocommerce span.onsale{background:var(--kk-pink);color:var(--kk-primary);font:800 13px/1 var(--kk-font-body);min-height:0;min-width:0;padding:8px 12px;border-radius:var(--kk-radius-pill);top:12px;left:12px;right:auto;margin:0}
.woocommerce .stock{font-weight:700}
.woocommerce .stock.in-stock{color:var(--kk-success)}
.woocommerce .stock.out-of-stock{color:var(--kk-error)}

/* ── Ürün sayfası ───────────────────────────────────────── */
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kk-space-2xl);align-items:start}
.woocommerce div.product > .woocommerce-product-gallery,.woocommerce div.product > .summary{width:auto!important;float:none!important;margin:0!important}
.woocommerce div.product > .woocommerce-tabs,.woocommerce div.product > .related,.woocommerce div.product > .upsells{grid-column:1/-1}
.woocommerce div.product .woocommerce-product-gallery{background:var(--kk-white);border-radius:var(--kk-radius-lg);padding:var(--kk-space-md);box-shadow:var(--kk-shadow-card)}
.woocommerce div.product .woocommerce-product-gallery img{border-radius:var(--kk-radius-md)}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs{display:flex;gap:8px;margin-top:12px}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li{width:72px!important;float:none!important}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img{border-radius:var(--kk-radius-sm);border:2px solid transparent}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img.flex-active{border-color:var(--kk-accent)}
.woocommerce div.product .product_title{font:800 clamp(28px,3.4vw,40px)/1.15 var(--kk-font-heading);color:var(--kk-primary);margin:0 0 8px}
.kk-book-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 16px;color:var(--kk-text)}
.woocommerce div.product p.price,.woocommerce div.product span.price{font:800 28px/1.2 var(--kk-font-heading);color:var(--kk-primary)!important;margin:0 0 16px}
.woocommerce div.product p.price del,.woocommerce ul.products li.product .price del{opacity:.55;font-size:.75em}
.woocommerce div.product p.price ins,.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce div.product .woocommerce-product-details__short-description{margin-bottom:var(--kk-space-lg)}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:var(--kk-space-lg)}
.woocommerce .quantity .qty{width:84px;min-height:48px;border:2px solid var(--kk-line);border-radius:var(--kk-radius-pill);font:800 16px var(--kk-font-body);color:var(--kk-primary);text-align:center}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{
  min-height:48px;padding:12px 28px;border-radius:var(--kk-radius-pill);background:var(--kk-accent);color:var(--kk-primary);
  font:800 16px/1.2 var(--kk-font-body);box-shadow:0 4px 0 var(--kk-yellow-dark);border:0;transition:transform .15s var(--kk-ease)
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--kk-yellow-dark);color:var(--kk-primary);transform:translateY(-1px)}
.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--kk-accent);color:var(--kk-primary)}
.woocommerce div.product .product_meta{font-size:14px;color:var(--kk-blue);display:grid;gap:4px;border-top:1px solid var(--kk-line);padding-top:16px}
.woocommerce div.product .product_meta a{color:var(--kk-primary)}

/* Sekmeler */
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 -2px;overflow:visible}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{margin:0;padding:0;border:2px solid var(--kk-line);border-bottom:0;border-radius:var(--kk-radius-md) var(--kk-radius-md) 0 0;background:var(--kk-cream)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:12px 20px;font:800 15px var(--kk-font-body);color:var(--kk-blue)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--kk-white)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--kk-primary)}
.woocommerce div.product .woocommerce-tabs .panel{background:var(--kk-white);border:2px solid var(--kk-line);border-radius:0 var(--kk-radius-md) var(--kk-radius-md) var(--kk-radius-md);padding:var(--kk-space-lg);margin:0 0 var(--kk-space-2xl)}
.woocommerce table.shop_attributes{border:0}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{border:0;border-bottom:1px solid var(--kk-line);padding:12px 8px;font-style:normal;background:transparent!important}
.woocommerce table.shop_attributes th{width:38%;color:var(--kk-primary);font-weight:800}
.woocommerce div.product .related > h2,.woocommerce div.product .upsells > h2{font:800 28px/1.2 var(--kk-font-heading);color:var(--kk-primary);text-align:center;margin-bottom:24px}

@media (max-width:767px){
  .woocommerce div.product{grid-template-columns:1fr;gap:var(--kk-space-lg)}
  .woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:10px 14px}
}

/* ── Bildirimler ───────────────────────────────────────── */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{
  border:0!important;border-left:6px solid var(--kk-primary)!important;border-radius:var(--kk-radius-md)!important;
  background:var(--kk-white)!important;color:var(--kk-text)!important;box-shadow:var(--kk-shadow-card)
}
.woocommerce-message{border-left-color:var(--kk-success)!important}
.woocommerce-error,.wc-block-components-notice-banner.is-error{border-left-color:var(--kk-error)!important}
.woocommerce-message::before{color:var(--kk-success)}.woocommerce-info::before{color:var(--kk-primary)}

/* ── Sepet ve ödeme (WooCommerce blokları) ─────────────── */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:var(--kk-font-body);color:var(--kk-text)}
.wc-block-cart__totals-title,.wc-block-components-checkout-step__title,.wc-block-components-title,.wp-block-woocommerce-cart h2,.wp-block-woocommerce-checkout h2{
  font-family:var(--kk-font-heading)!important;color:var(--kk-primary)!important
}
.wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar{padding-top:8px}
.wc-block-components-totals-wrapper,.wc-block-cart .wc-block-cart__totals-title{border-color:var(--kk-line)!important}
.wc-block-components-button:not(.is-link),.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{
  min-height:52px;border-radius:var(--kk-radius-pill)!important;background:var(--kk-accent)!important;color:var(--kk-primary)!important;
  font:800 16px/1.2 var(--kk-font-body)!important;box-shadow:0 4px 0 var(--kk-yellow-dark);border:0!important
}
.wc-block-components-button:not(.is-link):hover{background:var(--kk-yellow-dark)!important}
.wc-block-components-text-input input,.wc-block-components-combobox .wc-block-components-combobox-control input,.wc-block-components-textarea,.wc-blocks-components-select .wc-blocks-components-select__select{
  border:2px solid var(--kk-line)!important;border-radius:var(--kk-radius-md)!important;background:var(--kk-white)!important
}
.wc-block-components-text-input input:focus,.wc-blocks-components-select .wc-blocks-components-select__select:focus{border-color:var(--kk-primary)!important;box-shadow:none!important}
.wc-block-cart-items .wc-block-cart-item__image img,.wc-block-components-order-summary-item__image img{border-radius:var(--kk-radius-sm);object-fit:contain;background:var(--kk-cream)}
.wc-block-components-product-name{color:var(--kk-primary)!important;font-weight:800}
.wc-block-components-quantity-selector{border-radius:var(--kk-radius-pill)!important;border-color:var(--kk-line)!important}
.wc-block-components-quantity-selector::after{border-radius:var(--kk-radius-pill)!important}
.wc-block-cart .wp-block-woocommerce-empty-cart-block h2{font-family:var(--kk-font-heading);color:var(--kk-primary)}

/* ── Hesabım ───────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:12px 16px;border-radius:var(--kk-radius-md);background:var(--kk-white);color:var(--kk-primary);font-weight:700;text-decoration:none;box-shadow:var(--kk-shadow-card)}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--kk-primary);color:var(--kk-white)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{
  min-height:48px;border:2px solid var(--kk-line);border-radius:var(--kk-radius-md);padding:10px 14px;background:var(--kk-white)
}
.woocommerce form.login,.woocommerce form.register{border:0!important;background:var(--kk-white);border-radius:var(--kk-radius-lg);box-shadow:var(--kk-shadow-card);padding:var(--kk-space-lg)!important}

@media (prefers-reduced-motion:reduce){
  .woocommerce a.button,.woocommerce button.button,.woocommerce div.product form.cart .single_add_to_cart_button{transition:none;transform:none!important}
}

/* ── Hizalama düzeltmeleri (ölçüme göre) ──────────────────
   Hello: sayfa başlığına ek iç boşluk (≈30 px) ve .alignwide bloklara negatif kenar boşluğu (−80 px) veriyor;
   sepet/ödeme blokları bu yüzden header ızgarasının dışına taşıyordu. */
body:not([class*=elementor-page-]) .site-main .page-header,
body:not([class*=elementor-page-]) .site-main .page-header .entry-title{padding-inline:0;margin-inline:0}
.page-content > .alignwide.wp-block-woocommerce-cart,
.page-content > .alignwide.wp-block-woocommerce-checkout{margin-inline:0;max-width:100%;width:100%}

/* Blok butonları: genel bağlantı alt çizgisi uygulanmaz. */
.wc-block-components-button,.wc-block-components-button:hover,.wc-block-cart__submit-button{text-decoration:none!important}

/* Stok durumu: WooCommerce'in zeytin yeşili yerine marka renkleri. */
.woocommerce div.product .stock.in-stock,.woocommerce .product .stock.in-stock{color:var(--kk-success)}
.woocommerce div.product .stock.out-of-stock,.woocommerce .product .stock.out-of-stock{color:var(--kk-error)}