/* Floortrim UK — bileşen CSS 13/19: Sepet/checkout: odak halkası ve köşe düzeltmeleri; kimliğin yüzeyi (zemin, paneller, alanlar).
   Yükleme sırası bağlayıcıdır: functions.php floortrim_uk_component_css_files(). */
/* ===========================================================================
   Sepet/checkout — satın alma yolunda odak halkası ve köşe (--radius: 0) düzeltmeleri.
   ======================================================================== */

/* --- 1) Birincil CTA'larda MAVI odak halkasi --------------------------------
   Olculdu: her iki butonda da
   `box-shadow: #fff 0 0 0 1px inset, rgb(6,117,196) 0 0 0 2px` (wc-blocks.css).
   Ustelik "Proceed to Checkout"un kendi outline'i SEFFAF
   (`rgba(0,0,0,0) solid 3px`) -> tek gorunur odak gostergesi bu mavi golgeydi.
   Marka monokrom; odak halkasi is siyahi olmali. box-shadow'u kapatip
   outline'i geri veriyoruz (outline zeminden bagimsiz ve yuksek kontrast). */
/* OZGULLUK: kazanan kural
   `body:not(.woocommerce-block-theme-has-button-styles)
    .wc-block-components-button:not(.is-link):focus` = (0,4,1)
   ve `:focus-visible` DEGIL `:focus` hedefliyor. Bu yuzden hem daha ozgul
   (0,5,1) yazilir hem de `:focus` eslesir; sade `.wc-block-cart__submit-button
   :focus-visible` (0,2,1) ve `body.woocommerce-cart ...` (0,3,1) denemeleri
   kaybediyordu — ikisi de canlida olculdu. */
body.woocommerce-cart .wc-block-cart__submit-button.wc-block-components-button:not(.is-link):focus,
body.woocommerce-cart .wc-block-cart__submit-button.wc-block-components-button:not(.is-link):focus-visible,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button.wc-block-components-button:not(.is-link):focus,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button.wc-block-components-button:not(.is-link):focus-visible {
	box-shadow: none;
	outline: 2px solid var(--focus);
	outline-offset: 2px;
}

/* --- 2) --radius: 0 ihlalleri (checkout) ------------------------------------
   Olculdu: adres karti ve ulke/bolge secici sarmalayicisi 4px.
   `--radius-round` yalniz GERCEK daire icindir; siparis ozetindeki adet rozeti
   20x20 tam daire oldugu icin BILEREK haric tutuldu. */
.wp-block-woocommerce-checkout .wc-block-components-address-card,
.wp-block-woocommerce-checkout .wc-blocks-components-select__container,
.wp-block-woocommerce-cart .wc-blocks-components-select__container {
	border-radius: var(--radius);
}

/* ===========================================================================
   Sepet / checkout / hesap — kimliğin yüzeyi. Bu sayfalar deri sınıfı almaz
   (functions.php floortrim_uk_body_classes()); zemin, paneller ve alanlar rol
   token'larıyla kimliğin kendi yüzeyine oturur (tema düzeyinde açık/koyu döner).
   ======================================================================== */

body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
	background-color: var(--bg);
	color: var(--fg);
}

/* Paneller yuzeyden bir kademe YUKARI kalkar: saf beyaz + sac teli cizgi.
   Boylece #F6F5F2 sayfa uzerinde "kart" hissi olusur (premium ayrim),
   golge kullanilmaz — kimlik duz ve keskin. */
body.woocommerce-cart .wc-block-components-sidebar,
body.woocommerce-checkout .wc-block-components-sidebar,
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
	background-color: var(--bg-raised);
	border: 1px solid var(--line);
	padding: 1.5rem;
}

/* Form alanlari da beyaz dolgu alir ki #F6F5F2 uzerinde secilsinler. */
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-blocks-components-select__container,
body.woocommerce-account .woocommerce-form-login input {
	background-color: var(--bg-raised);
	color: var(--fg);
}

/* Ayrac cizgileri kimlik cizgisine cevrilir (Woo varsayilani gri karisimdir). */
body.woocommerce-cart .wc-block-cart-items__row,
body.woocommerce-cart .wc-block-components-totals-item,
body.woocommerce-checkout .wc-block-components-totals-item {
	border-color: var(--line);
}