/* Floortrim UK — bileşen CSS 08/19: Koyu deri ters dolgu (birincil CTA, form gönder, aktif chip); ana sayfa hero'su <480px üst boşluğu.
   Yükleme sırası bağlayıcıdır: functions.php floortrim_uk_component_css_files(). */
/* --- Koyu deri: ters dolgu ---
   Dolgu rolündeki bileşenler (iş siyahı zemin + beyaz etiket) açık zemin içindir; koyu
   deride dolgu zeminle birleşirdi (1,00–1,09:1, WCAG 1.4.11). Koyu deride dolgu tersine
   döner: beyaz zemin + iş siyahı etiket. Token override'ı değil açık kural: aynı token
   metin rolünde de kullanılıyor. Ezdiği taban kurallardan SONRA yüklenmeli. --- */
body.ft-skin-surface .ft-quote-cta,
body.ft-skin-spec .ft-quote-cta,
body.ft-skin-surface .wpcf7 input[type="submit"],
body.ft-skin-spec .wpcf7 input[type="submit"],
body.ft-skin-surface .ft-product-single #reviews #respond input#submit,
body.ft-skin-spec .ft-product-single #reviews #respond input#submit {
	background: var(--fill-accent);
	color: var(--on-fill-accent);
}

/* Hover/active taban kuraldaki opacity+scale ile aynı; yalnız odak halkası beyaz butonun
   üzerinde kaybolmasın diye ofsetli halka iç siyah çizgiyle desteklenir. */
body.ft-skin-surface .ft-quote-cta:focus-visible,
body.ft-skin-spec .ft-quote-cta:focus-visible,
body.ft-skin-surface .wpcf7 input[type="submit"]:focus-visible,
body.ft-skin-spec .wpcf7 input[type="submit"]:focus-visible,
body.ft-skin-surface .ft-product-single #reviews #respond input#submit:focus-visible,
body.ft-skin-spec .ft-product-single #reviews #respond input#submit:focus-visible {
	outline: 2px solid var(--focus);
	outline-offset: 3px;
	box-shadow: 0 0 0 1px var(--on-fill-accent);
}

/* Aktif kategori chip'i: aynı ters dolgu. Özgüllük taban kurallarla aynı (0,3,1) → kaynak sırası kazanır. */
body.ft-skin-surface .ft-category-filter a[aria-current='true'],
body.ft-skin-spec .ft-category-filter a[aria-current='true'] {
	background: var(--fill-accent);
	border-color: var(--fill-accent);
	color: var(--on-fill-accent);
}

/* --- Ana sayfa hero'su, <480px: yapışkan başlığın altına erken girmesin diye ek üst boşluk. --- */
@media (max-width: 479px) {
	.ft-hero--visual .ft-hero__inner {
		padding-top: 12rem;
	}
}