/* Your Custom Style */

/* Font Değiştirme */
:root {
	--ff-1: "Roboto", sans-serif; /* Google Fonts'tan yüklenen font */
	/* Diğer seçenekler:
	   - "Open Sans", sans-serif
	   - "Poppins", sans-serif
	   - "Montserrat", sans-serif
	   - "Lato", sans-serif
	   - "Raleway", sans-serif
	   - "Nunito", sans-serif
	   - "Ubuntu", sans-serif
	*/
}

body {
	font-family: var(--ff-1) !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--ff-1) !important;
}

/* Örnek Font Seçenekleri:
   - "Roboto", sans-serif
   - "Open Sans", sans-serif
   - "Poppins", sans-serif
   - "Montserrat", sans-serif
   - "Lato", sans-serif
   - "Raleway", sans-serif
   - "Nunito", sans-serif
   - "Ubuntu", sans-serif
*/

/* Header Görünürlük Düzeltmeleri - Koyu Tema */
[data-bs-theme="dark"] .primary-header--transparent-dark-alt,
.primary-header--transparent-dark-alt,
.primary-header {
	/* Tüm butonlar için genel görünürlük */
	.btn-icon {
		transition: all 0.3s ease !important;
	}
	
	/* Açık arka plan üzerinde butonlar için */
	&:not(.primary-header-crossed) {
		.btn-icon:not([href*="cart.php"]):not([data-bs-toggle="dropdown"]:has(i.fa-user)) {
			background-color: rgba(0, 0, 0, 0.08) !important;
			border: 1px solid rgba(0, 0, 0, 0.15) !important;
			color: rgba(0, 0, 0, 0.8) !important;
		}
		
		.btn-icon:not([href*="cart.php"]):not([data-bs-toggle="dropdown"]:has(i.fa-user)):hover {
			background-color: rgba(0, 0, 0, 0.15) !important;
			border-color: rgba(0, 0, 0, 0.25) !important;
			color: rgba(0, 0, 0, 1) !important;
		}
	}
}

.primary-header--transparent-dark-alt {
	/* Navigation linklerini daha belirgin yap */
	.nav-link {
		color: rgba(255, 255, 255, 0.95) !important;
		font-weight: 500 !important;
	}
	
	.nav-link:hover {
		color: rgba(255, 255, 255, 1) !important;
	}
	
	/* Logo rengini daha belirgin yap */
	.logo {
		color: rgba(255, 255, 255, 0.95) !important;
	}
	
	/* Icon'ları daha belirgin yap - Koyu tema için */
	.btn-icon:not([href*="cart.php"]):not([data-bs-toggle="dropdown"]:has(i.fa-user)),
	.iconify-icon:not([href*="cart.php"] iconify-icon) {
		color: rgba(255, 255, 255, 0.85) !important;
	}
	
	.btn-icon:not([href*="cart.php"]):not([data-bs-toggle="dropdown"]:has(i.fa-user)):hover,
	.iconify-icon:not([href*="cart.php"] iconify-icon):hover {
		color: rgba(255, 255, 255, 1) !important;
	}
	
	/* Arama ve tema butonları için arka plan - Koyu tema */
	.btn-icon[data-bs-toggle="modal"],
	.btn-icon[data-bs-toggle="dropdown"]:not([data-bs-toggle="dropdown"]:has(i.fa-user)) {
		background-color: rgba(255, 255, 255, 0.1) !important;
		border: 1px solid rgba(255, 255, 255, 0.2) !important;
		padding: 0.75rem 1rem !important;
		border-radius: 0.5rem !important;
		color: rgba(255, 255, 255, 0.9) !important;
		min-width: 48px !important;
		min-height: 48px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	.btn-icon[data-bs-toggle="modal"]:hover,
	.btn-icon[data-bs-toggle="dropdown"]:not([data-bs-toggle="dropdown"]:has(i.fa-user)):hover {
		background-color: rgba(255, 255, 255, 0.15) !important;
		border-color: rgba(255, 255, 255, 0.3) !important;
		color: rgba(255, 255, 255, 1) !important;
	}
	
	.btn-icon[data-bs-toggle="modal"] iconify-icon,
	.btn-icon[data-bs-toggle="dropdown"]:not([data-bs-toggle="dropdown"]:has(i.fa-user)) iconify-icon {
		color: rgba(255, 255, 255, 0.9) !important;
	}
	
	.btn-icon[data-bs-toggle="modal"]:hover iconify-icon,
	.btn-icon[data-bs-toggle="dropdown"]:not([data-bs-toggle="dropdown"]:has(i.fa-user)):hover iconify-icon {
		color: rgba(255, 255, 255, 1) !important;
	}
	
	/* Sepet butonunu daha görünür yap - Koyu tema için */
	.btn-icon[href*="cart.php"] {
		background-color: rgba(255, 255, 255, 0.15) !important;
		border: 2px solid rgba(255, 255, 255, 0.3) !important;
		color: rgba(255, 255, 255, 0.95) !important;
		backdrop-filter: blur(10px);
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
	}
	
	.btn-icon[href*="cart.php"]:hover {
		background-color: rgba(255, 255, 255, 0.25) !important;
		color: rgba(255, 255, 255, 1) !important;
		border-color: rgba(255, 255, 255, 0.4) !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
		transform: scale(1.05);
	}
	
	.btn-icon[href*="cart.php"] iconify-icon {
		color: rgba(255, 255, 255, 0.95) !important;
		filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
	}
	
	/* Açık tema için sepet butonu */
	[data-bs-theme="light"] .btn-icon[href*="cart.php"] {
		background-color: rgba(255, 255, 255, 0.9) !important;
		border: 2px solid rgba(0, 0, 0, 0.2) !important;
		color: rgba(0, 0, 0, 1) !important;
	}
	
	[data-bs-theme="light"] .btn-icon[href*="cart.php"]:hover {
		background-color: rgba(255, 255, 255, 1) !important;
		border-color: rgba(0, 0, 0, 0.3) !important;
	}
	
	[data-bs-theme="light"] .btn-icon[href*="cart.php"] iconify-icon {
		color: rgba(0, 0, 0, 1) !important;
		filter: none;
	}
	
	/* Dropdown toggle butonunu daha görünür yap - Koyu tema */
	.btn.dropdown-toggle {
		color: rgba(255, 255, 255, 0.9) !important;
		background-color: rgba(255, 255, 255, 0.1) !important;
		border: 1px solid rgba(255, 255, 255, 0.2) !important;
		padding: 0.75rem 1rem !important;
		min-width: 48px !important;
		min-height: 48px !important;
		border-radius: 0.5rem !important;
	}
	
	.btn.dropdown-toggle:hover {
		color: rgba(255, 255, 255, 1) !important;
		background-color: rgba(255, 255, 255, 0.15) !important;
		border-color: rgba(255, 255, 255, 0.3) !important;
	}
	
	.btn.dropdown-toggle iconify-icon {
		color: rgba(255, 255, 255, 0.9) !important;
	}
	
	.btn.dropdown-toggle:hover iconify-icon {
		color: rgba(255, 255, 255, 1) !important;
	}
	
	/* Kullanıcı profil butonu */
	.btn-icon[data-bs-toggle="dropdown"]:has(i.fa-user),
	.btn-icon.rounded-circle:has(i.fa-user) {
		background-color: rgba(var(--bs-primary-rgb), 0.7) !important;
		border: 2px solid rgba(255, 255, 255, 0.5) !important;
		color: rgba(255, 255, 255, 1) !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
	}
	
	.btn-icon[data-bs-toggle="dropdown"]:has(i.fa-user):hover,
	.btn-icon.rounded-circle:has(i.fa-user):hover {
		background-color: rgba(var(--bs-primary-rgb), 0.9) !important;
		border-color: rgba(255, 255, 255, 0.8) !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
	}
	
	/* Navbar toggler (mobil menü) */
	.navbar-toggler {
		color: rgba(255, 255, 255, 0.9) !important;
	}
	
	.navbar-toggler:hover {
		color: rgba(255, 255, 255, 1) !important;
	}
}

/* Hero-4 Styling - Orijinal template stilleri */
.hero-4 {
	position: relative;
	isolation: isolate;
	padding-top: clamp(8.75rem, 10.52vw + 1rem, 12.5rem);
	padding-bottom: clamp(14.875rem, 17.89vw + 1rem, 21.25rem);
}

/* Hero-4 grid pattern - HTML template'deki gibi */
.hero-4::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url('../img/shapes/hero-2-grid-box-dark.png');
	background-repeat: repeat;
	z-index: -2;
}

[data-bs-theme="light"] .hero-4::before {
	background-image: url('../img/shapes/hero-2-grid-box.png');
}

/* Hero-4 background overlay */
.hero-4::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--bs-dark-bg-subtle, rgba(13, 14, 16, 0.8));
	background-image: url('../img/hero-4-bg.png');
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: -1;
}

[data-bs-theme="light"] .hero-4::after {
	background-color: var(--bs-light, #f8f9fa);
}

/* Hero görsel görünürlüğü */
.hero-4__img {
	display: block !important;
	max-width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}

@media (min-width: 1920px) {
	.hero-4__img {
		transform: scale(1.25) translateX(10%);
	}
}

@media (max-width: 991.98px) {
	.hero-4 .col-lg-6 {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.hero-4 .col-lg-6 {
		display: block !important;
	}
}