/* ============================================================================
   banner-search-modern.css — Ana sayfa hero arama çubuğu (YALNIZCA görsel)
   ----------------------------------------------------------------------------
   GÜVENLİK: Hiçbir HTML/JS/PHP değişmez. Tüm kurallar .banner-form-search
   altına scope'lanmıştır -> başka alanları etkilemez. name/id/class korunur.
   Custom dropdown (.ozel-secim-maddeler) display/JS mantığına DOKUNULMAZ;
   yalnız yüzey + konumlandırma görseli. Silinince eski görünüm döner.
   ============================================================================ */

.banner-form-search{ position: relative; z-index: 5; }   /* header (999) altında */

/* ---- Premium glass kart (form yüzeyi) ---- */
.banner-form-search .st-search-form-tour{
	background: rgba(255,255,255,.85);
	-webkit-backdrop-filter: saturate(160%) blur(16px);
	backdrop-filter: saturate(160%) blur(16px);
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 20px;
	box-shadow: 0 20px 60px rgba(12,22,54,.18);
	padding: 16px;
	/* DİKKAT: overflow gizlenmez -> custom dropdown panel dışarı taşabilsin */
}
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))){
	.banner-form-search .st-search-form-tour{ background: rgba(255,255,255,.97); }
}

/* ---- Alan kutuları: ortak modern "pill" görünüm ---- */
.banner-form-search .ozel-secim-kutusu,
.banner-form-search .form-control,
.banner-form-search .selectsecim{
	background: #fff;
	border: 1.5px solid #e7ebf2;
	border-radius: 12px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #1c2942;
	box-shadow: none;
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
/* hover / focus -> turuncu aksan halkası */
.banner-form-search .ozel-secim-kutusu:hover,
.banner-form-search .form-control:hover,
.banner-form-search .selectsecim:hover{ border-color: #f3c97a; }
.banner-form-search .form-control:focus,
.banner-form-search .selectsecim:focus,
.banner-form-search .ozel-secim-kutusu:focus-visible{
	border-color: #faa914;
	box-shadow: 0 0 0 4px rgba(250,169,20,.18);
	outline: none;
	background: #fff;
}
.banner-form-search .ozel-secim-kutusu{ cursor: pointer; justify-content: flex-start; gap: 8px; }
.banner-form-search .ozel-secim-kutusu span{
	background: #faa914; color: #fff; font-weight: 700; font-size: 12px;
	min-width: 22px; height: 22px; border-radius: 999px;
	display: inline-flex; align-items: center; justify-content: center;
}

/* tarih inputları okunaklı + tıklanabilir hissi */
.banner-form-search .tarihsecimi .form-control{ cursor: pointer; }
.banner-form-search .cld-box{ position: relative; }

/* ---- Native select (#kisi): modern turuncu ok ---- */
.banner-form-search .selectsecim{
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	padding-right: 42px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23faa914' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
}

/* ---- Custom dropdown panel: floating premium yüzey (display JS'te kalır) ---- */
.banner-form-search .kutucu{ position: relative; }
.banner-form-search .ozel-secim-maddeler{
	position: absolute;
	top: calc(50% + 0px);
	left: 0; right: 0;
	z-index: 30;
	background: #fff;
	border: 1px solid #eef1f6;
	border-radius: 14px;
	box-shadow: 0 18px 50px rgba(12,22,54,.18);
	padding: 8px;
	max-height: 280px;
	overflow-y: auto;
}
.banner-form-search .ozel-secim-maddeler .no-ul-list li{ border-radius: 9px; }
.banner-form-search .ozel-secim-maddeler .secim-madde-label{ cursor: pointer; padding: 8px 10px; display: block; }
.banner-form-search .ozel-secim-maddeler li:hover{ background: rgba(250,169,20,.10); }

/* ---- Premium CTA (Arama) ---- */
.banner-form-search .btn-search,
.banner-form-search .searchbuyara .btn-theme{
	background: #faa914 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 12px !important;
	width: 100%;
	font-weight: 700;
	letter-spacing: .3px;
	box-shadow: 0 8px 22px rgba(250,169,20,.35);
	transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.banner-form-search .btn-search:hover,
.banner-form-search .searchbuyara .btn-theme:hover{
	background: #e09600 !important;
	transform: translateY(-1px);
	box-shadow: 0 10px 26px rgba(250,169,20,.45);
}
.banner-form-search .btn-search:active{ transform: translateY(0); }

/* ---- Responsive: mobilde alanlar arasında düzgün dikey ritim, taşma yok ---- */
.banner-form-search .kutucup,
.banner-form-search .form-group{ margin-bottom: 0; }
@media (max-width: 1199px){
	.banner-form-search .kutucup{ margin-bottom: 12px; }
	.banner-form-search .searchbuyara{ margin-top: 4px; }
}
@media (max-width: 575px){
	.banner-form-search .st-search-form-tour{ padding: 12px; border-radius: 16px; }
}
.banner-form-search *{ box-sizing: border-box; }

@media (prefers-reduced-motion: reduce){
	.banner-form-search *{ transition: none !important; }
}