/**
 * Fortiweld Preset Library V1 — frontend skinler (P35 / 1.9.0)
 *
 * Kural: yalnız body.ftw-preset-<id> altında SCOPED. Global ul/li/a reset YOK.
 * Default presetlerin (header_classic/hero_industrial/cta_quote/...) KURALI YOKTUR
 * → mevcut Fortiweld tasarımı birebir korunur. Alternatif presetler moderate
 * (tipografi/spacing/grid/border/accent) düzen farkı uygular; içerik/markup değişmez.
 */

/* ───────────── HEADER ───────────── */
body.ftw-preset-header_industrial .header { border-bottom: 3px solid var(--ink, #1a1a1a); }
body.ftw-preset-header_industrial .nav-link { text-transform: uppercase; letter-spacing: .045em; font-size: 13px; font-weight: 600; }
body.ftw-preset-header_industrial .top-bar { background: #14181d; color: #cbd5e1; }

/* ───────────── HERO ───────────── */
/* Ürün odaklı: görsel/stats kolonunu öne çıkar, metni biraz küçült */
body.ftw-preset-hero_product_focus .ftw-home-hero__stats { transform: scale(1.05); transform-origin: right center; }
body.ftw-preset-hero_product_focus .hero-lead { font-size: .96em; opacity: .92; }
/* Metin odaklı: ortalanmış başlık/aksiyon, stats sönük */
body.ftw-preset-hero_lead_focus .ftw-home-hero__col:first-child { text-align: center; }
body.ftw-preset-hero_lead_focus .hero-actions { justify-content: center; }
body.ftw-preset-hero_lead_focus .ftw-home-hero__stats { opacity: .85; }

/* ───────────── CTA ───────────── */
body.ftw-preset-cta_whatsapp .cta-actions { gap: 14px; flex-wrap: wrap; }
body.ftw-preset-cta_whatsapp .cta .btn-accent { background: #25d366; border-color: #1eb858; }
body.ftw-preset-cta_whatsapp .cta .btn-accent:hover { background: #1eb858; }
body.ftw-preset-cta_catalog .cta { border: 2px dashed rgba(255,255,255,.28); border-radius: 14px; }
body.ftw-preset-cta_catalog .cta .btn-accent::after { content: " ↓"; }

/* ───────────── ÜRÜN KARTI (arşiv) ───────────── */
body.ftw-preset-product_card_visual .products-listing-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 26px; }
body.ftw-preset-product_card_compact .products-listing-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
body.ftw-preset-product_card_compact .products-listing-grid .product-detail-subtitle,
body.ftw-preset-product_card_compact .products-listing-grid .key-spec { font-size: 11.5px; }

/* ───────────── KATEGORİ ───────────── */
body.ftw-preset-category_technical .ftw-product-category__listing .products-listing-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
body.ftw-preset-category_technical .ftw-product-category__filter { border-bottom: 2px solid #e2e8f0; }

/* ───────────── ÜRÜN DETAY ───────────── */
body.ftw-preset-product_detail_gallery .gallery { box-shadow: 0 12px 40px rgba(15,23,42,.10); border-radius: 14px; overflow: hidden; }
body.ftw-preset-product_detail_catalog .ftw-product-detail__bottom-cta { background: #0f172a; }
body.ftw-preset-product_detail_catalog .ftw-product-detail__sticky-btn--primary { font-weight: 700; }

/* ───────────── HAKKIMIZDA ───────────── */
/* Zaman çizelgesi vurgusu: timeline öne, üst hikaye blokunu hafif sıkıştır */
body.ftw-preset-about_timeline .timeline-section { background: linear-gradient(180deg, #fbfaf7 0%, #fff 100%); padding-top: 56px; }
body.ftw-preset-about_timeline .timeline-card { border-left: 3px solid var(--accent, #d97706); }

/* ───────────── İLETİŞİM ───────────── */
/* Bölünmüş: form ve sidebar daha dengeli iki sütun */
body.ftw-preset-contact_split .contact-form-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
body.ftw-preset-contact_split .contact-methods-grid { grid-template-columns: repeat(2, 1fr); }

/* ───────────── FOOTER ───────────── */
body.ftw-preset-footer_compact .footer-grid { grid-template-columns: 1fr; gap: 18px; }
body.ftw-preset-footer_compact .footer-main { padding-top: 32px; padding-bottom: 22px; }
body.ftw-preset-footer_compact .footer-links { display: flex; flex-wrap: wrap; gap: 8px 18px; }

/* Responsive: alternatif grid presetleri mobilde tek/iki sütuna düşsün */
@media (max-width: 700px) {
	body.ftw-preset-contact_split .contact-form-grid,
	body.ftw-preset-contact_split .contact-methods-grid { grid-template-columns: 1fr; }
	body.ftw-preset-product_card_compact .products-listing-grid,
	body.ftw-preset-product_card_visual .products-listing-grid,
	body.ftw-preset-category_technical .ftw-product-category__listing .products-listing-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
}