:root {
	--kurumsal-mavi: #1D77B1;
	--kurumsal-siyah: #201B18;
	--kurumsal-siyah-acik: #333333;
	--yellow: #1D77B1;
}

.container-wide {
	max-width: 1400px;
}


.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
	color: var(--bs-btn-active-color);
	background-color: #FD5D1B !important;
	border-color: var(--bs-btn-active-border-color);
}

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

/* Custom Yellow Button Style */
.btn-yellow {
	background: linear-gradient(135deg, #ffc107 0%, #f0b90b 100%);
	border: none;
	color: #333;
	font-weight: 600;
}

.btn-yellow:hover {
	background: linear-gradient(135deg, #f0b90b 0%, #e0a800 100%);
	color: #333;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(255, 193, 7, 0.4);
}

/* Top Bar Styles */
.top-bar .social-icon-style-02 ul li a {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
	background: #f8f9fa;
	color: #666;
}

.top-bar .social-icon-style-02 ul li a:hover {
	background: #ffc107;
	color: #333;
}

/* Dropdown Improvements */
.dropdown-menu {
	border: none;
	box-shadow: 0 10px 40px rgba(0,0,0,0.1);
	border-radius: 8px;
}

.dropdown-menu li a {
	padding: 12px 20px;
	display: flex;
	align-items: center;
}

.dropdown-menu li a i,
.dropdown-menu li a img {
	margin-right: 10px;
	width: 18px;
	height: 18px;
}

.dropdown-menu li a:hover {
	background: #ffc107;
	color: #333;
}

/* Mobile WhatsApp Button Animation */
.whatsapp-float a {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

/* Responsive Logo */
@media (max-width: 991px) {
	.navbar-brand img {
		max-height: 40px !important;
	}
}

.feather {
	width: 16px;
	height: 16px;
}

/* Tab Content Arkaplan */
.bg-light-gray {
	background-color: #f8f9fa;
	padding: 30px;
}

/* Tab Butonları - Düzeltilmiş Stil */
.tab-style-08 .nav-tabs {
	border: none;
	justify-content: center;
	margin-bottom: 25px;
	display: inline-flex;
	width: auto;
}

.tab-style-08 .nav-tabs .nav-link {
	border: 2px solid transparent;
	background-color: #f1f3f4;
	color: var(--medium-gray);
	margin: 0 8px;
	padding: 12px 20px;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	width: auto;
	white-space: nowrap;
}

.tab-style-08 .nav-tabs .nav-link.active {
	background-color: var(--kurumsal-siyah);
	color: var(--dark-gray);
	border-color: var(--kurumsal-siyah);
}

.tab-style-08 .nav-tabs .nav-link:hover {
	background-color: var(--kurumsal-siyah);
	color: var(--dark-gray);
	border-color: var(--kurumsal-siyah);
}

.tab-container {
	text-align: center;
}

/* Modern Floating Label Stilleri */
.floating-label {
	position: relative;
	margin-bottom: 20px;
}

.floating-label input, .floating-label select {
	width: 100%;
	padding: 10px 15px 8px 15px;
	font-size: 16px;
	background: white;
	border-radius: unset;
}

.floating-label input:focus,
.floating-label select:focus {
	outline: none;
	border-color: var(--kurumsal-siyah);
}

.floating-label label {
	position: absolute;
	left: 15px;
	top: 13px;
	font-size: 14px;
	color: var(--light-gray);
	pointer-events: none;
	background: white;
	padding: 0 6px;
}

.floating-label input:focus + label,
.floating-label input:not(:placeholder-shown) + label,
.floating-label select:focus + label,
.floating-label .has-value + label,
.floating-label input.has-content + label,
.floating-label select.has-content + label {
	top: -10px;
	left: 12px;
	font-size: 12px;
	color: #333333;
	font-weight: 600;
	border-radius: 4px 4px 0 0;
}

/* Floating Input Group - Geliştirilmiş */
.floating-input-group {
	position: relative;
	margin-bottom: 20px;
}

.floating-input-group .input-group {
	position: relative;
}

.floating-input-group .form-control {
	padding: 15px 12px 8px 7px;
	font-size: 13px;
	border-radius: unset !important;
}

.floating-input-group .input-group-text {
	background: #ededed;
	border: unset;
	border-left: unset;
	color: var(--medium-gray);
	font-weight: 600;
	font-size: 11px;
	min-width: 26px;
	text-align: center;
	padding: 9px 5px 8px 5px;
	border-radius: unset !important;
}

.floating-input-group label {
	position: absolute;
	left: 0;
	top: 15px;
	font-size: 13px;
	color: var(--light-gray);
	pointer-events: none;
	padding: 1px 10px;
	z-index: 5;
}

.floating-input-group .form-control:focus {
	border-color: var(--kurumsal-siyah);
	box-shadow: var(--kurumsal-siyah);
}

.floating-input-group .form-control:focus + .input-group-text {
	border-color: var(--kurumsal-siyah);
	background: var(--kurumsal-siyah);
	color: white;
}

.floating-input-group .form-control:focus ~ label,
.floating-input-group .form-control:not(:placeholder-shown) ~ label,
.floating-input-group .form-control.has-value ~ label {
	top: -10px;
	left: 12px;
	font-size: 12px;
	color: var(--kurumsal-siyah);
	font-weight: 600;
}

/* Paket Container - Geliştirildi */

/* Paket başlığı */
.paket-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.paket-title {
	font-weight: 500;
	color: #fff;
	font-size: 13px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
}

/* Silme butonu - Geliştirildi */
.paket-remove-btn {
	color: #fff;
	cursor: pointer;
	padding: 3px;
	background: transparent;
	border: 0px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

.paket-remove-btn:hover {
	background-color: var(--kurumsal-siyah);
	color: white;
	border-color: #dc3545;
}

.paket-remove-btn .feather {
	width: 18px;
	height: 18px;
}

/* Button Improvements - Modern stil */
.btn-yellow {
	background: linear-gradient(135deg, var(--kurumsal-siyah) 0%, #f0b90b 100%);
	border: none;
	color: var(--dark-gray);
	font-weight: 600;
}

.btn-yellow:hover {
	background: linear-gradient(135deg, #f0b90b 0%, #e0a800 100%);
	color: var(--dark-gray);
}

.btn-primary {
	background: var(--kurumsal-siyah);
	border: none;
	font-weight: 600;
	box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

.btn-primary:hover {
	background: var(--kurumsal-siyah2);
	box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
}

.btn-outline-primary {
	border: 2px solid #007bff;
	color: #007bff;
	font-weight: 600;
}

.btn-outline-primary:hover {
	background: #007bff;
	border-color: #007bff;
}

/* Responsive */
@media (max-width: 768px) {
	.bg-light-gray {
		padding: 20px 15px;
	}

	.tab-style-08 .nav-tabs .nav-link {
		margin: 0 3px;
		padding: 10px 15px;
		font-size: 13px;
	}

	.floating-label {
		margin-bottom: 15px;
	}

	.floating-label input,
	.floating-label select {
		padding: 16px 12px 6px 12px;
	}

	.floating-label label {
		top: 16px;
		left: 12px;
	}

	.paket-item {
		padding: 15px;
	}
}

/* Country Select - Bayraklı Dropdown */
.country-select-wrapper {
	position: relative;
	z-index: 100; /* Artırıldı */
}

.country-display {
	width: 100%;
	padding: 10px 30px 6px 15px;
	border: 2px solid #e9ecef;
	font-size: 14px;
	background: white;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	min-height: 56px;
}

.country-display:hover,
.country-display.active {
	border-color: var(--kurumsal-siyah);
	box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.1), 0 4px 12px rgba(0, 0, 0, 0.15);
}

.country-display .flag,
.country-list li .flag {
	width: 24px;
	height: 18px;
	margin-right: 12px;
	display: inline-block;
	background-size: cover;
}

.country-display .country-name {
	flex: 1;
	color: var(--dark-gray);
}

.country-display .dropdown-arrow {
	position: absolute;
	right: 16px;
	top: 41%;
	color: var(--kurumsal-siyah);
}

.country-display.active .dropdown-arrow {
	color: var(--kurumsal-siyah);
}

.country-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: white;
	border: 2px solid var(--kurumsal-siyah);
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
	z-index: 9999;
	max-height: 280px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
}

.country-dropdown.show {
	opacity: 1;
	visibility: visible;
}

.country-search-wrapper {
	padding: 15px;
	border-bottom: 1px solid #f1f3f4;
	background: #f8f9fa;
}

.country-search {
	width: 100%;
	padding: 10px 15px;
	border: 1px solid #e9ecef;
	font-size: 14px;
}

.country-search:focus {
	outline: none;
	border-color: var(--kurumsal-siyah);
}

.country-list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 200px;
	overflow-y: auto;
}

.country-list li {
	padding: 12px 16px;
	cursor: pointer;
	border-bottom: 1px solid #f8f9fa;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.country-list li:hover {
	background-color: #f8f9fa;
}

.country-list li:last-child {
	border-bottom: none;
}

.country-list li .flag {
	width: 22px;
	height: 16px;
	margin-right: 12px;
}

.country-list li .country-name {
	color: var(--dark-gray);
}

/* Country floating label - özel kontrol */
.floating-label.country-selected label {
	opacity: 0;
	visibility: hidden;
}

/* Şehir input'u için z-index düşür */
.floating-label:not(.country-selected) {
	z-index: 1;
}

/* Smart Grid Layout */
.paket-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	margin-bottom: 20px;
}

.paket-controls {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	align-items: end;
}

.paket-controls .add-package-btn {
	grid-column: 3;
}

.paket-controls .quote-btn {
	grid-column: 1 / -1;
	margin-top: 15px;
}

/* Grid Layout Responsive */
@media (max-width: 768px) {
	.paket-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.paket-controls {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.paket-controls .add-package-btn {
		grid-column: 1;
	}
}

.btn-paketekle:hover {
	background: unset;
	color: unset;
	box-shadow: unset;
}

.floating-input-group:focus label, .floating-input-group:hover label, .floating-input-group:active label {
	top: 0;
	font-size: 10px;
}
/* renklendirme */
#teklifTabContent {
	background: #1274AD;
	padding: 20px 30px;
}
.btn-paketekle, .btn-paketekle:hover {
	color: #fff;
}
.nav-tabs > li.nav-item {
	padding: 0;
}
header .navbar {
	border-top: 3px solid #1B75AB;
}
.ft h2 {
	font-size: 40px;
	font-weight: bold;
	color: #000;
}
#teklifTab .nav-item.active, #teklifTab .nav-item.active * {
	background: #1B75AB;
	color: #fff;
	border: unset;
	transition: unset !important;
}
#teklifTab .nav-item * {
	padding: 10px 35px;
	color: var(--kurumsal-siyah);
	font-weight: 500;
	font-size: 16px;
}
.nav-tabs {
	border: unset;
}
.color-white {
	color: #fff;
	text-align: center;
}
.kucuk {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}
.interactive-banner-style-08:hover .circle-box .text-white{
	color: #000 !important;
}
.fs-35{
	font-size: 35px;
}
.btn-primary:hover {
	background: var(--kurumsal-siyah-acik);
}
.btn i {
	top: 7px;
}