/*
 * Weberd Eklentiler
 * Elementor global sınıflarıyla ifade edilemeyen kurallar burada durur:
 * animasyon kareleri, azaltılmış hareket tercihi, JS ile değişen durumlar,
 * Woodmart kapsayıcısı ve form biçimleri. Renk ve boyutlar Elementor global
 * değişkenlerinden (--renk-*, --bosluk-*, --kose ...) okunur.
 */

/* Kayan şerit ve slayt animasyon kareleri */
@keyframes lica-kayan { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes lica-sag { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@keyframes lica-belir { from { opacity: 0; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
	[data-lica-kayan] { animation: none !important; }
	[data-lica-kayan-kap] { overflow-x: auto !important; }
	[data-lica-kopya] { display: none !important; }
}

::selection { background: var(--renk-lavanta); color: var(--renk-lavanta-yazi); }

/* Woodmart kapsayıcısı: sayfa ayarında "Tam genişlik" seçiliyse sınır ve iç boşluk kalkar */
body.lica-tam-genislik .main-page-wrapper > .wd-content-layout {
	max-width: none;
	padding: 0;
}

/* Favori düğmesi durumu (JS aria-pressed değerini günceller) */
[data-lica-fav] { cursor: pointer; }
[data-lica-fav][aria-pressed="true"] { color: var(--renk-nar); }
[data-lica-fav][aria-pressed="true"] svg path { fill: currentColor; }

/* Sepete eklendi durumu */
a[data-lica-eklendi="true"] { background-color: var(--renk-nar-koyu); border-color: var(--renk-nar-koyu); }

/* =====================================================================
 * Formlar: WPForms (data-lica-form), WooCommerce sipariş takibi ve cayma
 * formu (data-lica-icerik). Tasarımın form alanı görünümü.
 * ===================================================================== */
:is([data-lica-form], [data-lica-icerik]) { font-family: var(--font-metin), "Helvetica Neue", Arial, sans-serif; color: var(--renk-gece); }
:is([data-lica-form], [data-lica-icerik]) .wpforms-container { margin: 0 !important; width: 100%; }
[data-lica-form] .wpforms-field-container { display: flex; flex-wrap: wrap; gap: var(--bosluk-4); }
[data-lica-form] .wpforms-field { padding: 0 !important; margin: 0 !important; flex: 1 1 100%; min-width: 0; float: none !important; width: auto !important; }
[data-lica-form] .wpforms-field.lica-yarim { flex: 1 1 240px; }
:is([data-lica-form], [data-lica-icerik]) :is(.wpforms-field-label, label) {
	display: block; margin: 0 0 var(--bosluk-1) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; color: var(--renk-gece) !important;
}
:is([data-lica-form], [data-lica-icerik]) :is(.wpforms-required-label, abbr.required) { color: var(--renk-nar) !important; text-decoration: none; border: 0; }
:is([data-lica-form], [data-lica-icerik]) :is(.optional, .wpforms-field-sublabel, .wpforms-field-description, .description) {
	font-weight: 400 !important; color: var(--renk-metin-ikincil) !important; font-size: 13px !important; line-height: 1.45 !important; opacity: 1 !important;
}
:is([data-lica-form], [data-lica-icerik]) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], select, textarea) {
	width: 100% !important; max-width: none !important; height: var(--buton-yukseklik) !important; padding: 0 var(--bosluk-3) !important;
	border: 1px solid var(--renk-cizgi) !important; border-radius: var(--kose) !important; background: var(--renk-zemin) !important;
	color: var(--renk-gece) !important; font: inherit !important; font-size: 16px !important; box-shadow: none !important;
}
:is([data-lica-form], [data-lica-icerik]) textarea:not([data-lica-x]) { height: auto !important; min-height: 140px !important; padding: var(--bosluk-3) !important; line-height: 1.5 !important; resize: vertical; }
:is([data-lica-form], [data-lica-icerik]) :is(input, select, textarea):focus { border-color: var(--renk-gece) !important; outline: none; }
:is([data-lica-form], [data-lica-icerik]) input::placeholder { color: var(--renk-metin-ikincil); }
:is([data-lica-form], [data-lica-icerik]) :is(input, textarea, select).wpforms-error,
[data-lica-icerik] .woocommerce-invalid :is(input, textarea) { border-color: var(--renk-nar) !important; }
:is([data-lica-form], [data-lica-icerik]) :is(label.wpforms-error, em.wpforms-error, span[role="alert"]) {
	display: block; color: var(--renk-nar) !important; font-size: 13px !important; font-weight: 400 !important; font-style: normal; margin-top: var(--bosluk-1) !important;
}
:is([data-lica-form], [data-lica-icerik]) input[type="checkbox"] { width: 20px; height: 20px; margin: 2px var(--bosluk-3) 0 0; accent-color: var(--renk-gece); flex: none; }
[data-lica-icerik] .woocommerce-form__label-for-checkbox { display: flex !important; align-items: flex-start; font-weight: 400 !important; font-size: 15px !important; line-height: 1.5 !important; }

/* Gönder butonu: nar dolu (varsayılan), belirgin hover */
:is([data-lica-form], [data-lica-icerik]) :is(button.wpforms-submit, button[type="submit"], .button) {
	height: var(--buton-yukseklik) !important; padding: 0 var(--bosluk-6) !important; border: 1px solid var(--renk-nar) !important; border-radius: var(--kose) !important;
	background: var(--renk-nar) !important; color: var(--renk-zemin) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 600 !important;
	text-transform: uppercase !important; letter-spacing: 0.07em !important; line-height: 1 !important; box-shadow: none !important; cursor: pointer; min-width: 0 !important;
	transition: background-color 250ms cubic-bezier(0.16, 1, 0.3, 1), transform 250ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 250ms cubic-bezier(0.16, 1, 0.3, 1);
}
:is([data-lica-form], [data-lica-icerik]) :is(button.wpforms-submit, button[type="submit"], .button):hover {
	background: var(--renk-nar-koyu) !important; border-color: var(--renk-nar-koyu) !important; transform: translateY(-3px); box-shadow: 0 10px 24px rgba(184, 50, 74, 0.38) !important;
}
[data-lica-form] .wpforms-submit-container { padding: 0 !important; margin: var(--bosluk-4) 0 0 !important; }
[data-lica-form] .wpforms-confirmation-container-full,
[data-lica-icerik] .woocommerce-message {
	margin: 0; padding: var(--bosluk-4); border: 0; border-radius: var(--kose); background: var(--renk-nane); color: var(--renk-nane-yazi); font-size: 16px; line-height: 1.5;
}
[data-lica-icerik] .woocommerce-error {
	margin: 0 0 var(--bosluk-4); padding: var(--bosluk-3) var(--bosluk-4); border: 1px solid var(--renk-nar); border-radius: var(--kose); background: none; color: var(--renk-nar); font-size: 15px; list-style: none;
}
[data-lica-icerik] :is(.woocommerce-message, .woocommerce-error)::before { display: none; }
[data-lica-icerik] form { display: flex; flex-direction: column; gap: var(--bosluk-4); }
[data-lica-icerik] form .form-row { margin: 0 !important; padding: 0 !important; width: 100% !important; float: none !important; }
[data-lica-icerik] form > p:not(.form-row) { margin: 0; font-size: 14px; line-height: 1.55; color: var(--renk-metin-ikincil); }
[data-lica-icerik] ol { margin: var(--bosluk-4) 0 0; padding-left: 1.2em; font-size: 17px; line-height: 1.7; }

/* Cayma formu: alanlar ikişer sütun, uzun alanlar tam satır */
[data-lica-icerik="cayma-formu"] form { flex-direction: row; flex-wrap: wrap; }
[data-lica-icerik="cayma-formu"] form .form-row-wide { flex: 1 1 240px; }
[data-lica-icerik="cayma-formu"] form .form-row-wide:has(textarea),
[data-lica-icerik="cayma-formu"] form .form-row-wide:has(#c_iban),
[data-lica-icerik="cayma-formu"] form > p:not(.form-row-wide) { flex: 1 1 100%; }

/* Bülten: alan ve buton yan yana, buton açık renkli */
[data-lica-form-duzen="satir"] .wpforms-form { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--bosluk-2); }
[data-lica-form-duzen="satir"] .wpforms-field-container { flex: 1 1 240px; min-width: 0; }
[data-lica-form-duzen="satir"] .wpforms-submit-container { flex: 0 0 auto; margin: calc(14px * 1.4 + var(--bosluk-1)) 0 0 !important; }
[data-lica-form-duzen="satir"] .wpforms-required-label { display: none; }
[data-lica-form-duzen="satir"] button.wpforms-submit {
	background: var(--renk-zemin) !important; color: var(--renk-gece) !important; border-color: var(--renk-gece) !important; padding: 0 var(--bosluk-5) !important; font-size: 13px !important;
}
[data-lica-form-duzen="satir"] button.wpforms-submit:hover { background: var(--renk-gece) !important; color: var(--renk-zemin) !important; border-color: var(--renk-gece) !important; box-shadow: none !important; transform: none; }
[data-lica-form-duzen="satir"] .wpforms-confirmation-container-full { background: none; padding: 0; color: var(--renk-gece); font-size: 14px; }

/* Haritayı göster: tıklanınca yüklenen Google Haritalar */
[data-lica-harita] iframe { display: block; width: 100%; height: 420px; border: 0; border-radius: var(--kose); background: var(--renk-pamuk); }

/* Hediye rehberi seçim düğmeleri (JS aria-pressed günceller) */
[data-lica-rehber] { cursor: pointer; }
[data-lica-rehber][aria-pressed="true"] { background-color: var(--renk-gece) !important; color: var(--renk-zemin) !important; }
[data-lica-rehber-kart][hidden],
[data-lica-rehber-bos][hidden] { display: none !important; }

/* Metin içindeki linkler (paragraf ve başlıkların içindeki <a>): metnin rengini alır, altı çizili */
.elementor :is(p, span, address, h1, h2, h3) > a:not([class]) { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.elementor :is(p, span, address) > a:not([class]):hover { color: var(--renk-nar); }

/* SSS akordeonu: tarayıcı oku gizli, açık soruda artı ikonu çarpıya döner */
[data-lica-sss] summary { list-style: none; }
[data-lica-sss] summary::-webkit-details-marker { display: none; }
[data-lica-sss] summary:focus-visible { outline: 2px solid var(--renk-gece); outline-offset: 4px; }
[data-lica-sss] summary svg { transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1); }
[data-lica-sss] details[open] > summary svg { transform: rotate(45deg) !important; }

/* Harita yüklenince kutunun iç boşluğu kalkar */
[data-lica-harita]:has(iframe) { padding: 0 !important; background: none !important; height: auto !important; }

/* Yasal metin tabloları: mobilde hücre etiketleri ve kelime kırma */
[role="table"] [role="cell"], [role="table"] [role="columnheader"] { overflow-wrap: anywhere; }
[data-lica-icerik="siparis-takip"] form > p:not([class]) { display: none; }

/* =====================================================================
 * Ürün kartı (WooCommerce sayfaları; ana sayfadaki atomik kartla aynı tasarım)
 * ===================================================================== */
.lc-kart { min-width: 0; display: flex; flex-direction: column; gap: var(--bosluk-3); color: var(--renk-gece); font-family: var(--font-metin), "Helvetica Neue", Arial, sans-serif; }
.lc-kart[hidden] { display: none; }
.lc-kart-gorsel-kutu { position: relative; aspect-ratio: 1 / 1; background: var(--renk-pamuk); border-radius: var(--kose); overflow: hidden; }
.lc-kart-gorsel-link { position: absolute; inset: 0; display: block; }
.lc-kart-gorsel { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 600ms cubic-bezier(0.16, 1, 0.3, 1); }
.lc-kart:hover .lc-kart-gorsel { transform: scale(1.06); }
.lc-kart-gorsel-yok { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 0 var(--bosluk-4); text-align: center; font-family: var(--font-baslik), "Helvetica Neue", Arial, sans-serif; font-weight: 700; font-size: 20px; line-height: 1.2; color: var(--renk-gece); }
.lc-kart-ust { position: absolute; inset: var(--bosluk-3) var(--bosluk-3) auto; display: flex; justify-content: space-between; align-items: flex-start; gap: var(--bosluk-2); pointer-events: none; }
.lc-kart-ust > * { pointer-events: auto; }
.lc-rozet { font-size: 12px; font-weight: 600; padding: var(--bosluk-1) var(--bosluk-2); border-radius: 2px; line-height: 1.4; }
.lc-rozet-indirim { background: var(--renk-nar); color: var(--renk-zemin); }
.lc-rozet-yeni { background: var(--renk-nane); color: var(--renk-nane-yazi); }
.lc-rozet-son { background: var(--renk-safran); color: var(--renk-safran-yazi); }
.lc-rozet-tukendi { background: var(--renk-gece); color: var(--renk-zemin); }
.lc-fav { margin-left: auto; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--kose); background: var(--renk-zemin); color: var(--renk-gece); transition: color 200ms; }
.lc-fav:hover { color: var(--renk-nar); }
.lc-kart-kategori { display: flex; align-items: center; gap: var(--bosluk-2); font-size: var(--fs-kucuk); color: var(--renk-metin-ikincil); }
.lc-nokta { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.lc-kart-ad { font-family: var(--font-metin), "Helvetica Neue", Arial, sans-serif; font-size: 17px; font-weight: 600; line-height: 1.3; margin: calc(var(--bosluk-1) * -1) 0 0; min-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; letter-spacing: normal; text-transform: none; }
.lc-kart-ad a { color: var(--renk-gece); text-decoration: none; }
.lc-kart-ad a:hover { color: var(--renk-nar); }
.lc-kart-renkler { height: 20px; display: flex; align-items: center; gap: 6px; }
.lc-renk-nokta { width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--renk-cizgi); }
.lc-renk-fazla { font-size: var(--fs-kucuk); color: var(--renk-metin-ikincil); margin-left: var(--bosluk-1); }
.lc-kart-fiyat { display: flex; align-items: baseline; gap: var(--bosluk-2); font-variant-numeric: tabular-nums; height: 30px; margin-top: auto; }
.lc-fiyat-eski { font-size: 15px; color: var(--renk-metin-ikincil); text-decoration: line-through; }
.lc-fiyat { font-family: var(--font-baslik), "Helvetica Neue", Arial, sans-serif; font-size: var(--fs-fiyat-buyuk, 22px); font-weight: 700; letter-spacing: -0.01em; color: var(--renk-gece); }
.lc-fiyat-indirimli { color: var(--renk-nar); }
.lc-buton-sepet { height: var(--buton-yukseklik); border-radius: var(--kose); background: var(--renk-nar); color: var(--renk-zemin); font-weight: 600; display: flex; align-items: center; justify-content: center; gap: var(--bosluk-2); font-size: 13px; text-transform: uppercase; letter-spacing: 0.07em; text-decoration: none; text-align: center; padding: 0 var(--bosluk-3);
	transition: background-color 250ms cubic-bezier(0.16, 1, 0.3, 1), transform 250ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 250ms cubic-bezier(0.16, 1, 0.3, 1); }
.lc-buton-sepet:hover { background: var(--renk-nar-koyu); color: var(--renk-zemin); transform: translateY(-3px); box-shadow: 0 10px 24px rgba(184, 50, 74, 0.38); }
.lc-buton-sepet:active { transform: translateY(0); box-shadow: 0 4px 10px rgba(184, 50, 74, 0.3); }
.lc-buton-tukendi { background: var(--renk-pamuk); color: var(--renk-gece); text-transform: none; letter-spacing: normal; font-size: 14px; }
.lc-buton-tukendi:hover { background: var(--renk-cizgi); color: var(--renk-gece); box-shadow: none; }
@media (prefers-reduced-motion: reduce) { .lc-kart-gorsel, .lc-buton-sepet { transition: none; } .lc-kart:hover .lc-kart-gorsel { transform: none; } }
.lc-kart .added_to_cart { display: none !important; }