/* 1SiparişVer tasarım katmanı 2026 (0.14.25) — Impeccable / Emil Kowalski / taste-skill denetimine göre.
   Tek vurgu turuncu (#bc4600), mavi vurgular nötrlenir; küçük yazılar okunur boya çıkar; hareket yalnız transform/opacity. */

/* ---------- 1. Belge kartları: tek katman, okunur yazı, turuncu ikon ---------- */
body.sv-studio .one-sv-document-card{border:1px solid var(--sv-line,#dfe6ef)!important;border-left-width:1px!important;border-radius:10px!important;padding:14px 16px!important;box-shadow:none!important;min-height:0!important}
body.sv-studio .one-sv-document-card::before,body.sv-studio .one-sv-document-card:before{display:none!important;content:none!important}
body.sv-studio .one-sv-document-card__icon{width:46px!important;height:58px!important;border-radius:8px!important}
body.sv-studio .one-sv-document-card__icon>.dashicons{color:var(--sv-orange,#bc4600)!important}
body.sv-studio .one-sv-document-card__icon em{font-size:10px!important}
body.sv-studio .one-sv-document-card__copy small{color:var(--sv-orange,#bc4600)!important;font-size:11px!important;letter-spacing:.06em}
body.sv-studio .one-sv-document-card__copy strong{font-size:14px!important;line-height:1.4!important}
body.sv-studio .one-sv-document-card__copy span{font-size:12px!important}
body.sv-studio .one-sv-document-card__action{color:var(--sv-orange,#bc4600)!important;font-size:13px!important}
body.sv-studio .one-sv-document-group,body.sv-studio .one-sv-document-sheet{box-shadow:none!important;border-left-width:0!important;background:transparent!important}
@media (hover:hover) and (pointer:fine){body.sv-studio .one-sv-document-card:hover{border-color:var(--sv-orange,#bc4600)!important;box-shadow:none!important}}

/* ---------- 3. Filtre sütunu: kırpılma ipucu, ince kaydırma ---------- */
body.sv-studio .shop-filters{scrollbar-width:thin;scrollbar-color:#b1c0c6 transparent;overscroll-behavior:contain}
body.sv-studio .shop-filters::after{content:"";position:sticky;display:block;bottom:0;height:24px;margin-top:-24px;pointer-events:none;background:linear-gradient(rgba(250,251,250,0),#fafbfa)}
html[data-one-sv-theme="dark"] body.sv-studio .shop-filters::after{background:linear-gradient(rgba(16,28,35,0),var(--sv-mode-panel,#101c23))}

/* ---------- 5. Ürün kartı ritmi: 2 satır başlık, alt bölüm alta sabit, okunur küçük yazı ---------- */
body.sv-studio ul.products li.product-card{display:flex!important;flex-direction:column}
body.sv-studio .product-card .woocommerce-loop-product__title{font-size:14px!important;line-height:1.4!important;min-height:calc(1.4em * 2)!important;max-height:calc(1.4em * 2)!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
body.sv-studio .product-card__bottom{margin-top:auto!important}
body.sv-studio .product-card :is(.product-card__brand,.product-card__sku,.sv-card-sku,.product-card__meta){font-size:11px!important}

/* ---------- 7. Marka şeridi: açık renkli logolar görünür ---------- */
body.sv-studio .sv-brand-strip img{filter:grayscale(1) contrast(1.3) brightness(.45)!important;opacity:.85!important;transition:filter .2s ease,opacity .2s ease}
html[data-one-sv-theme="dark"] body.sv-studio .sv-brand-strip img{filter:grayscale(1) brightness(1.8)!important;opacity:.8!important}
@media (hover:hover) and (pointer:fine){body.sv-studio .sv-brand-strip a:hover img{filter:none!important;opacity:1!important}}

/* ---------- 8. Yüzen "Sorun bildir" ürün sayfasında yapışkan çubuğun üstünde ---------- */
@media (max-width:760px){body.single-product .sv-fb-trigger{bottom:84px!important}}

/* 'Fiyat teklifle' etiketi mavi yerine nötr koyu */
html:not([data-one-sv-theme="dark"]) body.sv-studio .price-on-request{color:#14232c!important}
html[data-one-sv-theme="dark"] body.sv-studio .price-on-request{color:var(--sv-ink,#e8f0f3)!important}

/* ---------- 10. Ürün sayfası: mavi vurgular nötr, tek vurgu turuncu ---------- */
body.sv-studio .sv-product-highlights dt{font-size:11px!important}

/* ---------- Hareket (Emil): basış geri bildirimi ve kart üzerine gelme ---------- */
@media (prefers-reduced-motion:no-preference){
  body.sv-studio :is(.button,button.button,a.button){transition:transform .12s cubic-bezier(.23,1,.32,1),background-color .15s ease,border-color .15s ease,color .15s ease}
  body.sv-studio :is(.button,button.button,a.button):active{transform:scale(.97)}
  body.sv-studio ul.products li.product-card{transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1)}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  body.sv-studio ul.products li.product-card:hover{transform:translateY(-2px)}
}

/* ---------- 0.14.26 Google Modern Web Guidance ---------- */
/* başlıklarda tek kelimelik yetim satır kalmaz (improve-text-layout-and-legibility) */
body.sv-studio :where(h1,h2,h3,.woocommerce-loop-product__title){text-wrap:balance}
body.sv-studio :where(p,li,figcaption,.product-short-description){text-wrap:pretty}
/* sepet çekmecesi, menü ve büyük görsel açılınca sayfa yana kaymaz */
html{scrollbar-gutter:stable}
/* form: alan terk edilince hata görünür (yorum, stok bildirimi, bülten, iletişim) */
body.sv-studio :is(input,select,textarea):user-invalid{border-color:var(--red,#b42318)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--red,#b42318) 18%,transparent)!important}
/* yüksek karşıtlık tercihi: çok açık kenarlıklar belirginleşir */
@media (prefers-contrast:more){
  body.sv-studio{--border:#8a94a6;--sv-line:#8a94a6}
  body.sv-studio :is(.product-card,.one-sv-document-card,.shop-filters,input,select,textarea){border-color:#5d6778!important}
}
