/* OtoGalerio · Hero Slider · [ardg_hero] · Dikey kart formu
   Renkler: --ardgh-cta = lacivert (default), --ardgh-cta-h = kırmızı (hover). Yazı her zaman beyaz. */

.ardgh{
	--ardgh-cta:#e10c14;          /* default kırmızı */
	--ardgh-cta-h:#1a3f92;        /* hover lacivert */
	--ardgh-cta-active:#102861;   /* active daha koyu lacivert */
	--ardgh-navy:#1a3f92;         /* legacy alias */
	--ardgh-text:#0f172a;
	--ardgh-muted:#94a3b8;
	--ardgh-stroke:#e5e7eb;
	--ardgh-bg:#ffffff;
	display:flex;flex-direction:column;gap:14px;
	width:100%;max-width:420px;margin:0 auto;
	font-family:inherit;color:var(--ardgh-text);
	box-sizing:border-box;
}
.ardgh *,.ardgh *::before,.ardgh *::after{box-sizing:border-box}

/* Form alanı — label üstte, select altta */
.ardgh-field{
	display:flex;flex-direction:column;gap:6px;
	cursor:pointer;
	margin:0;
}
.ardgh-label{
	font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
	color:var(--ardgh-muted);
}

.ardgh-select{
	appearance:none;-webkit-appearance:none;
	background:#fff
		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")
		no-repeat right 14px center / 14px 14px;
	border:1.5px solid var(--ardgh-stroke);border-radius:10px;
	padding:13px 40px 13px 14px;
	font-size:14px;font-weight:500;color:var(--ardgh-text);
	font-family:inherit;width:100%;outline:0;
	transition:border-color .15s ease, box-shadow .15s ease;
	cursor:pointer;
	line-height:1.3;
}
.ardgh-select:hover:not(:disabled){border-color:#cbd5e1}
.ardgh-select:focus{
	border-color:var(--ardgh-navy);
}
.ardgh-select:disabled{
	background-color:#f8fafc;color:var(--ardgh-muted);cursor:not-allowed;
}

/* Big CTA — SADECE 2 versiyon:
   1) Default + Disabled: KIRMIZI (#e10c14) bg, BEYAZ yazı/ok — disabled iken bile aynı
   2) Hover: LACİVERT (#1a3f92) bg, BEYAZ yazı/ok kalır
   ÖNEMLİ: Disabled→Enabled geçişinde hiçbir görsel değişim olmaz (aynı kırmızı). */
.ardgh-cta,
.ardgh-cta *,
.ardgh-cta span,
.ardgh-cta svg,
.ardgh-cta:disabled,
.ardgh-cta:disabled *,
.ardgh-cta:focus,
.ardgh-cta:active{
	color:#fff !important;
	stroke:#fff !important;
}
.ardgh-cta{
	display:inline-flex;align-items:center;justify-content:center;gap:10px;
	background:var(--ardgh-cta) !important;
	border:0;
	border-radius:10px;padding:14px 22px;
	font-size:15px;font-weight:700;letter-spacing:.01em;font-family:inherit;
	cursor:pointer;width:100%;
	transition:background .15s ease;
	margin-top:4px;
	opacity:1 !important;
}
/* HOVER: sadece hover state'inde lacivert. Disabled iken hover OLMAZ — kırmızı kalır. */
.ardgh-cta:hover:not(:disabled),
.ardgh-cta:hover:not(:disabled) *{
	color:#fff !important;
	stroke:#fff !important;
}
.ardgh-cta:hover:not(:disabled){
	background:var(--ardgh-cta-h) !important;
}
/* Disabled görsel olarak default ile AYNI — hover'da bile değişmez */
.ardgh-cta:disabled{
	background:var(--ardgh-cta) !important;
	color:#fff !important;
	cursor:not-allowed;
}
.ardgh-cta:disabled:hover,
.ardgh-cta:disabled:focus{
	background:var(--ardgh-cta) !important;
	box-shadow:none;
}
/* SVG ikon — fill/stroke beyaz, hiçbir state'te değişmez */
.ardgh-cta svg{
	color:#fff !important;
	stroke:#fff !important;
	fill:none;
	flex:0 0 18px;
}
.ardgh-cta svg [fill]:not([fill="none"]){fill:#fff !important}
.ardgh-cta:hover:not(:disabled) svg [fill]:not([fill="none"]){fill:#fff !important}
.ardgh-cta:hover:not(:disabled) svg [stroke]:not([stroke="none"]){stroke:#fff !important}

/* Tablet & küçük ekran */
@media (max-width:600px){
	.ardgh{gap:12px;max-width:100%}
}
/* Mobile */
@media (max-width:480px){
	.ardgh{gap:11px}
	.ardgh-label{font-size:10.5px}
	.ardgh-select{
		padding:13px 38px 13px 12px;
		font-size:15px; /* iOS zoom önlemek için min 16px tercih ama 15 de OK */
		min-height:46px;
	}
	.ardgh-cta{
		padding:14px 18px;font-size:15px;
		min-height:48px;
	}
}
/* Çok küçük ekran (360px ve altı) */
@media (max-width:360px){
	.ardgh{gap:10px}
	.ardgh-select{padding:12px 36px 12px 11px;font-size:14px}
	.ardgh-cta{padding:13px 16px;font-size:14px}
}

/* Slider içinde min-yükseklik dokunmasın diye fazladan güvence */
.ogc-hs__wizard-body .ardgh{
	width:100%;max-width:100%;
}