@charset "UTF-8";
/* ==========================================================================
   TÜREV CRS — style.css üzerine eklenen parçalar
   1. Dil seçici (6 dil)
   2. Form uyarıları / doğrulama
   3. Mağaza rozetleri
   4. Alt bilgi dil bağlantıları
   5. RTL (Arapça) düzeltmeleri
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Dil seçici
   -------------------------------------------------------------------------- */
.lang-switch{position:relative}

.lang-switch > .lang-btn{
	display:inline-flex;align-items:center;gap:.35rem;
	cursor:pointer;background:transparent;font:inherit
}
.lang-switch > .lang-btn svg{width:16px;height:16px;flex:none}
.lang-switch > .lang-btn .chev{transition:transform .2s ease}
.lang-switch.is-open > .lang-btn .chev{transform:rotate(180deg)}

.lang-menu{
	position:absolute;top:calc(100% + .55rem);inset-inline-end:0;z-index:120;
	min-width:190px;padding:.4rem;
	background:var(--surface);border:1px solid var(--border);
	border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);
	opacity:0;visibility:hidden;transform:translateY(-6px);
	transition:opacity .18s ease,transform .18s ease,visibility .18s
}
.lang-switch:hover .lang-menu,
.lang-switch:focus-within .lang-menu,
.lang-switch.is-open .lang-menu{opacity:1;visibility:visible;transform:none}

.lang-menu a{
	display:flex;align-items:center;gap:.6rem;
	padding:.55rem .7rem;border-radius:8px;
	color:var(--text);text-decoration:none;font-size:.92rem;line-height:1.2
}
.lang-menu a:hover{background:var(--surface-2);color:var(--brand)}
.lang-menu a.is-current{color:var(--brand);font-weight:600}
.lang-menu .lang-code{
	flex:none;min-width:2.1rem;padding:.15rem .35rem;text-align:center;
	font-size:.7rem;font-weight:700;letter-spacing:.04em;
	border:1px solid var(--border);border-radius:6px;color:var(--text-muted)
}
.lang-menu a.is-current .lang-code{border-color:var(--brand);color:var(--brand)}

@media(max-width:1080px){ .lang-switch{display:none} }

/* --------------------------------------------------------------------------
   2. Form: uyarı kutuları, doğrulama, bot tuzağı
   -------------------------------------------------------------------------- */
.alert{
	padding:1rem 1.15rem;border-radius:var(--radius-sm);
	font-size:.95rem;line-height:1.5;margin-bottom:1.25rem;border:1px solid transparent
}
.alert-ok{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.35);color:var(--emerald)}
.alert-err{background:rgba(244,63,94,.10);border-color:rgba(244,63,94,.35);color:var(--rose)}

.field-error{display:block;margin-top:.35rem;font-size:.82rem;color:var(--rose)}

.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.form-consent input[type="checkbox"]{margin-top:.2rem;flex:none}

/* --------------------------------------------------------------------------
   3. Mağaza rozetleri / indirme
   -------------------------------------------------------------------------- */
.store-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;margin-top:1.5rem}
.store-row img{height:56px;width:auto;display:block}
.store-badge{display:inline-block;transition:transform .18s ease,opacity .18s ease}
.store-badge:hover{transform:translateY(-2px);opacity:.9}

/* --------------------------------------------------------------------------
   4. Alt bilgi dil bağlantıları
   -------------------------------------------------------------------------- */
.footer-langs{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.9rem}
.footer-langs a{font-size:.86rem;color:var(--text-muted);text-decoration:none}
.footer-langs a:hover{color:var(--brand)}
.footer-langs a.is-current{color:var(--brand);font-weight:600}

/* --------------------------------------------------------------------------
   5. RTL — Arapça
   -------------------------------------------------------------------------- */
[dir="rtl"]{
	--font-body:"Noto Kufi Arabic","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
	--font-head:"Noto Kufi Arabic","Plus Jakarta Sans",system-ui,sans-serif;
}
[dir="rtl"] body{font-family:var(--font-body);letter-spacing:0}

[dir="rtl"] .list-check li,
[dir="rtl"] .list-dot li{padding-left:0;padding-right:1.9rem}
[dir="rtl"] .list-check li::before,
[dir="rtl"] .list-dot li::before{left:auto;right:0}

[dir="rtl"] .prose ol li{padding-left:0;padding-right:2.2rem}
[dir="rtl"] .prose ol li::before{left:auto;right:0}

[dir="rtl"] .crumbs{padding-right:0}
[dir="rtl"] .step{padding-left:0;padding-right:3.2rem}
[dir="rtl"] .step-num{left:auto;right:0}

[dir="rtl"] table.tbl th,
[dir="rtl"] table.tbl td{text-align:right}

[dir="rtl"] .acc-btn{text-align:right}
[dir="rtl"] .note{padding-left:0;padding-right:3rem}
[dir="rtl"] .note svg{left:auto;right:1rem}

/* Yön bildiren ikonlar ayna çevrilir (ok işaretleri) */
[dir="rtl"] .link-arrow svg,
[dir="rtl"] .btn svg:not(.i-sun):not(.i-moon):not(.chev),
[dir="rtl"] .hero-actions .btn svg{transform:scaleX(-1)}

/* Telefon numaraları ve e-posta adresleri her zaman soldan sağa okunur */
[dir="rtl"] .topbar-phone span,
[dir="rtl"] .footer-contact a,
[dir="rtl"] .contact-card p a{direction:ltr;unicode-bidi:embed;display:inline-block}

[dir="rtl"] .drawer-panel{left:0;right:auto}
[dir="rtl"] .to-top{left:1.25rem;right:auto}
