/* ==========================================================================
   Fast Express - Anasayfa Gelişmiş Kurumsal & Modern Tasarım Stilleri
   Dosya: assets/css/ozel/anasayfa-v2.css
   ========================================================================== */

/* ==========================================================================
   1. HERO VE BAŞLIK HİZALAMASI (#fiyat-teklifi)
   ========================================================================== */

#fiyat-teklifi {
	padding-top: 110px !important;
	padding-bottom: 50px !important;
	background: 
		radial-gradient(circle at 85% 15%, rgba(0, 119, 182, 0.08) 0%, transparent 45%),
		radial-gradient(circle at 15% 85%, rgba(253, 93, 27, 0.06) 0%, transparent 40%),
		linear-gradient(180deg, #f4f8fc 0%, #e9f1f8 100%) !important;
	border-bottom: 1px solid #e2e8f0;
	position: relative;
}

.logged-in #fiyat-teklifi {
	padding-top: 140px !important;
}

.ft h2 {
	font-size: 38px !important;
	line-height: 1.25 !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	letter-spacing: -0.6px !important;
	margin-top: 5px !important;
	margin-bottom: 8px !important;
	text-align: center !important;
}

.ft > p,
.fe-hero-lead {
	font-size: 16px !important;
	color: #475569 !important;
	max-width: 650px;
	margin: 0 auto 24px auto !important;
	line-height: 1.55 !important;
	text-align: center !important;
	font-weight: 500 !important;
}

/* ==========================================================================
   2. TAB MENÜ (#teklifTab) - TEMİZ, YEKPARE VE ORANTILI SEKMELER
   ========================================================================== */

#teklifTab {
	border: none !important;
	display: flex !important;
	justify-content: flex-start !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	gap: 6px !important;
}

#teklifTab .nav-item {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

/* Butonun kendisi tek parça ve net */
#teklifTab .nav-item .nav-link,
#teklifTab .nav-item button {
	border: none !important;
	background: #cbd5e1 !important;
	color: #1e293b !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	padding: 13px 32px !important;
	border-radius: 8px 8px 0 0 !important;
	transition: all 0.2s ease !important;
	cursor: pointer !important;
	margin: 0 !important;
	display: inline-block !important;
	box-shadow: none !important;
	line-height: 1.4 !important;
	text-align: center !important;
}

#teklifTab .nav-item .nav-link:hover {
	background: #94a3b8 !important;
	color: #0f172a !important;
}

/* Aktif Sekme: Fiyat Kartının Rengiyle Birebir Bütünleşir */
#teklifTab .nav-item .nav-link.active,
#teklifTab .nav-item.active .nav-link {
	background: #0f4c75 !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

/* ==========================================================================
   3. FİYAT HESAPLAMA KARTI (#teklifTabContent)
   ========================================================================== */

#teklifTabContent {
	background: #0f4c75 !important;
	border-radius: 0 8px 8px 8px !important;
	padding: 32px 32px 28px 32px !important;
	box-shadow: 0 15px 35px rgba(15, 76, 117, 0.2) !important;
	position: relative;
	z-index: 2;
}

/* Kart İçindeki Yazılar */
#teklifTabContent p,
#teklifTabContent .color-white,
#takip h3,
#takip p {
	color: #ffffff !important;
	opacity: 1 !important;
}

#takip p {
	font-size: 15px !important;
	color: #e2e8f0 !important;
	margin-bottom: 20px !important;
}

#takip h3 {
	font-size: 24px !important;
	font-weight: 700 !important;
	margin-bottom: 6px !important;
}

.kucuk {
	color: #93c5fd !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	margin-bottom: 10px !important;
	display: block !important;
}

/* Form Inputları ve Ülke Seçimi */
.country-display {
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 6px !important;
	padding: 10px 34px 10px 14px !important;
	min-height: 50px !important;
	display: flex !important;
	align-items: center !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
	transition: all 0.2s ease !important;
	cursor: pointer;
}

.country-display:hover,
.country-display.active {
	border-color: #0088cc !important;
}

.country-display .country-name {
	color: #1e293b !important;
	font-weight: 600 !important;
	font-size: 14px !important;
}

.country-display .dropdown-arrow {
	color: #64748b !important;
	right: 14px !important;
}

.floating-label .form-control {
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 6px !important;
	color: #1e293b !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	padding: 12px 14px !important;
	min-height: 50px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.floating-label .form-control:focus {
	border-color: #0088cc !important;
	box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.15) !important;
	outline: none !important;
}

.floating-label label {
	color: #64748b !important;
	font-size: 13px !important;
	left: 12px !important;
	top: 15px !important;
}

.floating-label input:focus + label,
.floating-label input:not(:placeholder-shown) + label,
.floating-label .has-value + label {
	top: -9px !important;
	left: 10px !important;
	font-size: 11px !important;
	color: #0f4c75 !important;
	font-weight: 700 !important;
	background: #ffffff !important;
	padding: 0 6px !important;
	border-radius: 3px !important;
}

/* Paket Ölçüleri */
.paket-item {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 6px;
	padding: 10px !important;
	margin-bottom: 10px;
}

.floating-input-group .form-control {
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 6px 0 0 6px !important;
	color: #1e293b !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	padding: 9px 10px !important;
}

.floating-input-group .input-group-text {
	background: #f1f5f9 !important;
	border: 1.5px solid #cbd5e1 !important;
	border-left: none !important;
	border-radius: 0 6px 6px 0 !important;
	color: #475569 !important;
	font-weight: 700 !important;
	font-size: 12px !important;
}

/* Butonlar */
.btn-paketekle,
button.btn-paketekle {
	background: rgba(255, 255, 255, 0.12) !important;
	border: 1px dashed rgba(255, 255, 255, 0.45) !important;
	color: #ffffff !important;
	border-radius: 6px !important;
	padding: 9px 14px !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	transition: all 0.2s ease !important;
}

.btn-paketekle:hover {
	background: rgba(255, 255, 255, 0.22) !important;
	color: #ffffff !important;
}

/* "HEMEN TEKLİF AL" Butonu */
button[onclick="getQuote()"],
.btn-primary[onclick="getQuote()"] {
	background: #fd5d1b !important;
	border: none !important;
	border-radius: 6px !important;
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	padding: 14px 20px !important;
	box-shadow: 0 4px 14px rgba(253, 93, 27, 0.35) !important;
	transition: all 0.2s ease !important;
}

button[onclick="getQuote()"]:hover {
	background: #e04b0c !important;
	box-shadow: 0 6px 18px rgba(253, 93, 27, 0.45) !important;
	transform: translateY(-1px) !important;
}

/* Takip Et Butonu */
button[onclick="trackCargo()"] {
	background: #0077b6 !important;
	border: none !important;
	border-radius: 6px !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	padding: 13px 20px !important;
	box-shadow: 0 4px 12px rgba(0, 119, 182, 0.3) !important;
	color: #ffffff !important;
}

button[onclick="trackCargo()"]:hover {
	background: #005f94 !important;
}

/* ==========================================================================
   4. DEĞER VE GÜVEN KARTLARI (Trust & Value Cards - NET VE OKUNAKLI)
   ========================================================================== */

.fe-trust-badges {
	margin-top: 28px;
	position: relative;
	z-index: 5;
}

.fe-badge-item {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 14px 16px !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
	height: 100%;
}

.fe-badge-item:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important;
	border-color: #cbd5e1 !important;
}

.fe-badge-icon {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	border-radius: 8px !important;
	background: #e0f2fe !important;
	color: #0284c7 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 18px !important;
}

.fe-badge-icon.badge-orange {
	background: #fff7ed !important;
	color: #ea580c !important;
}

.fe-badge-icon.badge-amber {
	background: #fef3c7 !important;
	color: #b45309 !important;
}

.fe-badge-icon.badge-emerald {
	background: #ecfdf5 !important;
	color: #059669 !important;
}

.fe-badge-icon i {
	color: inherit !important;
	font-size: 18px !important;
	line-height: 1 !important;
	display: inline-block !important;
}

.fe-badge-text {
	flex: 1;
}

.fe-badge-text h6 {
	color: #0f172a !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	margin: 0 0 2px 0 !important;
	line-height: 1.3 !important;
}

.fe-badge-text p {
	color: #475569 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	margin: 0 !important;
	line-height: 1.35 !important;
}

/* ==========================================================================
   5. KARGO PARTNERLERİ (DHL, FEDEX, UPS, TNT, THY)
   ========================================================================== */

.ups-bg { background-color: #341B15 !important; }
.fedex-bg { background-color: #4D168A !important; }
.dhl-bg { background-color: #FECB29 !important; }
.tnt-bg { background-color: #F16E2D !important; }
.thy-bg { background-color: #f3f3f3 !important; }

.fe-partner-box {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 8px !important;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	height: 100%;
}

.fe-partner-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.09);
	border-color: #cbd5e1;
}

.fe-partner-box .fe-partner-logo-wrap {
	padding: 18px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 80px;
}

.fe-partner-box .fe-partner-logo-wrap img {
	max-height: 44px;
	width: auto;
	object-fit: contain;
}

.fe-partner-box .fe-partner-caption {
	padding: 14px 12px;
	background: #ffffff;
	border-top: 1px solid #f1f5f9;
	text-align: center;
}

.fe-partner-box .fe-partner-caption p {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #1e293b !important;
	line-height: 1.4 !important;
}

.fe-partner-box .fe-partner-caption span.fe-indirim {
	display: inline-block;
	color: #dc2626 !important;
	font-weight: 800 !important;
	font-size: 13px !important;
	margin-top: 2px;
}

/* ==========================================================================
   6. GÜVEN METNİ ("5000+ Şirket")
   ========================================================================== */

.fe-guven-wrap {
	text-align: center;
	padding: 10px 0;
}

.fe-guven-badge {
	display: inline-block;
	vertical-align: middle;
	background: #0f4c75;
	color: #ffffff;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 16px;
	border-radius: 20px;
	letter-spacing: 0.5px;
	margin-right: 10px;
	line-height: 22px;
}

.fe-guven-text {
	display: inline-block;
	vertical-align: middle;
	color: #1e293b;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.3px;
}

/* ==========================================================================
   7. MOBİL UYUMLULUK
   ========================================================================== */

@media (max-width: 991px) {
	#fiyat-teklifi {
		padding-top: 90px !important;
	}

	.ft h2 {
		font-size: 28px !important;
	}

	#teklifTabContent {
		border-radius: 8px !important;
		padding: 22px 18px !important;
	}
}

@media (max-width: 767px) {
	#teklifTab {
		width: 100% !important;
	}

	#teklifTab .nav-item {
		flex: 1 !important;
	}

	#teklifTab .nav-item .nav-link,
	#teklifTab .nav-item * {
		width: 100% !important;
		text-align: center !important;
		justify-content: center !important;
		padding: 10px 10px !important;
		font-size: 13px !important;
	}

	.fe-badge-item {
		padding: 10px 12px !important;
	}

	.fe-guven-text {
		display: block;
		margin-top: 6px;
		font-size: 15px;
	}
}