/* ============================================================
   custom-navbar-v2.css — Modern üst navbar prototipi
   Yalnızca body.nav-v2 iken aktif
   ============================================================ */

/* --- Navbar Vars --- */
:root {
	--nv2-bg: rgba(1, 1, 1, 0.95);
	--nv2-border: rgba(255, 255, 255, 0.08);
	--nv2-height: 76px;
	--nv2-accent: #f6483b;
	--nv2-text: #ffffff;
	--nv2-text-muted: rgba(255, 255, 255, 0.6);
	--nv2-drawer-bg: rgba(8, 8, 8, 0.99);
}

/* --- Global V2 Body Padding for Desktop --- */
body.nav-v2 {
	padding-top: 76px;
	height: auto !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

/* --- Navbar Base --- */
body.nav-v2 .prt-navbar-v2 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: var(--nv2-height);
	background: var(--nv2-bg);
	border-bottom: 1px solid var(--nv2-border);
	z-index: 99999;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	font-family: 'Poppins', sans-serif;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

body.nav-v2 .prt-navbar-v2-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	padding: 0 24px;
	max-width: 1400px;
	margin: 0 auto;
}

/* --- Logo --- */
body.nav-v2 .prt-navbar-v2-logo {
	width: 180px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.nav-v2 .prt-navbar-v2-logo a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

body.nav-v2 .prt-navbar-v2-logo img {
	max-width: 100%;
	max-height: 46px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	object-position: center;
}

body.nav-v2 .prt-navbar-v2-site-name {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
	white-space: nowrap;
}

/* --- Desktop Menu Links --- */
body.nav-v2 .prt-navbar-v2-links {
	display: flex;
	align-items: center;
	gap: 20px;
}

body.nav-v2 .prt-navbar-v2-link {
	color: var(--nv2-text-muted);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	padding: 8px 20px;
	border-radius: 6px;
	transition: color 0.2s, background 0.2s;
	letter-spacing: 0.5px;
}

body.nav-v2 .prt-navbar-v2-link:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.06);
}

body.nav-v2 .prt-navbar-v2-link.active {
	color: #f6483b !important;
	background: rgba(246, 72, 59, 0.08) !important;
	font-weight: 600;
}

/* --- Language Switcher (Desktop) --- */
body.nav-v2 .prt-navbar-v2-lang {
	display: flex;
	align-items: center;
	gap: 4px;
}

body.nav-v2 .prt-navbar-v2-lang-link {
	color: var(--nv2-text-muted);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	padding: 4px 10px;
	border-radius: 4px;
	border: 1px solid transparent;
	transition: color 0.2s, border-color 0.2s, background 0.2s;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

body.nav-v2 .prt-navbar-v2-lang-link:hover {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.2);
}

body.nav-v2 .prt-navbar-v2-lang-link.active {
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

/* --- Hamburger --- */
body.nav-v2 .prt-navbar-v2-hamburger {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	flex-direction: column;
	gap: 5px;
	width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
}

body.nav-v2 .prt-navbar-v2-hamburger span {
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	border-radius: 2px;
	transition: transform 0.3s, opacity 0.3s;
}

body.nav-v2 .prt-navbar-v2-hamburger.open span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

body.nav-v2 .prt-navbar-v2-hamburger.open span:nth-child(2) {
	opacity: 0;
}

body.nav-v2 .prt-navbar-v2-hamburger.open span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}


/* --- Drawer (Mobile Dropdown) --- */
body.nav-v2 .prt-navbar-v2-drawer {
	display: none; /* hidden by default */
	width: 100%;
	background: var(--nv2-drawer-bg);
	border-top: 1px solid var(--nv2-border);
	transition: max-height 0.3s ease;
}

body.nav-v2 .prt-navbar-v2-drawer.open {
	display: block !important;
}

body.nav-v2 .prt-navbar-v2-drawer-content {
	padding: 20px 24px;
}

body.nav-v2 .prt-navbar-v2-drawer-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 15px;
}

body.nav-v2 .prt-navbar-v2-drawer-link {
	color: var(--nv2-text-muted);
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	padding: 9px 14px;
	border-radius: 6px;
	display: block;
	transition: color 0.2s, background 0.2s;
}

body.nav-v2 .prt-navbar-v2-drawer-link:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.06);
}

body.nav-v2 .prt-navbar-v2-drawer-link.active {
	color: #f6483b !important;
	background: rgba(246, 72, 59, 0.08) !important;
	font-weight: 600;
}

body.nav-v2 .prt-navbar-v2-drawer-lang {
	display: flex;
	gap: 12px;
	padding-left: 14px;
	padding-top: 15px;
	margin-top: 10px;
	border-top: 1px solid var(--nv2-border);
}

body.nav-v2 .prt-navbar-v2-drawer-lang .prt-navbar-v2-lang-link {
	font-size: 13px;
	padding: 6px 14px;
}

body.nav-v2 .prt-navbar-v2-drawer-lang .prt-navbar-v2-lang-link.active {
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	background: rgba(255, 255, 255, 0.08) !important;
}


/* ============================================================
   V2 MODE OVERRIDES
   ============================================================ */

/* Main Wrapper - No padding or offset, body padding handles top space on desktop */
body.nav-v2 .prt_main_wrapper {
	position: relative !important;
	overflow-x: hidden;
	padding-top: 0 !important;
}

/* Hide legacy 4-directional menu */
body.nav-v2 .prt_menu_wrapper,
body.nav-v2 .prt_top,
body.nav-v2 .prt_bottom,
body.nav-v2 .prt_left,
body.nav-v2 .prt_right {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Hide legacy close wrapper (back arrows) since V2 uses menu/logo links */
body.nav-v2 .prt_close_wrapper {
	display: none !important;
}

/* Hide old language switcher in hero */
body.nav-v2 .home-lang-switcher {
	display: none !important;
}

/* Hide logo close button in hero */
body.nav-v2 .prt_logo_wrapper {
	display: none !important;
}

/* Hide .prt_home_wrapper completely on subpages under V2 */
body.nav-v2:not(.page-home) .prt_home_wrapper {
	display: none !important;
}

/* Homepage Hero Area flow and style under V2 */
body.nav-v2.page-home {
	height: 100vh !important;
	overflow: hidden !important;
}

/* --- Hero Wrapper (fills remaining viewport below navbar) --- */
body.nav-v2.page-home .prt_home_wrapper.nav-v2-hero {
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100vh - 76px) !important;
	min-height: calc(100vh - 76px) !important;
	overflow: hidden !important;
	background: #010101 !important;
	background-image: none !important;
}

body.nav-v2.page-home .nav-v2-hero-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	padding: 20px 40px 0;
	overflow: hidden;
	align-items: center;
	max-width: 1400px;
	margin: 0 auto;
	flex: 1;
	min-height: 0;
	width: 100%;
}

/* Left Column - Artist Image Card */
body.nav-v2.page-home .home-artist-image-card {
	height: calc(100vh - 76px - 40px - 90px);
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center;
	box-shadow:
		inset 0 0 100px rgba(0, 0, 0, 0.85),
		0 0 120px rgba(0, 0, 0, 0.5);
}

body.nav-v2.page-home .home-artist-image-card::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	border-radius: inherit;
	background:
		linear-gradient(to right, rgba(0,0,0,.9) 0%, transparent 12%, transparent 88%, rgba(0,0,0,.9) 100%),
		linear-gradient(to bottom, rgba(0,0,0,.9) 0%, transparent 12%, transparent 88%, rgba(0,0,0,.9) 100%);
}

/* Right Column - Hero Content */
body.nav-v2.page-home .home-hero-content {
	max-width: 580px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	padding: 30px 0 20px;
	gap: 2px;
}

body.nav-v2.page-home .home-hero-content .home-artist-name {
	font-family: 'Allura', cursive !important;
	font-size: 67px !important;
	font-weight: 400 !important;
	color: #d7b377 !important;
	margin: 0 0 10px 0 !important;
	line-height: 1.15 !important;
	letter-spacing: 1px;
	text-transform: none !important;
	background: none !important;
	-webkit-text-fill-color: #d7b377 !important;
	background-clip: unset !important;
	text-shadow: 0 1px 8px rgba(215, 179, 119, 0.12);
}

body.nav-v2.page-home .home-hero-content .home-artist-title {
	font-size: 14px;
	margin: 0 0 6px 0;
}

body.nav-v2.page-home .home-hero-content .home-artist-identity {
	font-size: 12px;
	margin: 0 0 4px 0;
}

body.nav-v2.page-home .home-hero-content .home-artist-desc {
	font-size: 12px;
	margin: 0 0 0 0;
	max-width: 100%;
	line-height: 1.6;
}

/* === Section Dividers === */
body.nav-v2.page-home .section-divider {
	width: 100px;
	height: 1px;
	margin: 6px auto 8px;
	background: linear-gradient(to right, transparent, rgba(215, 179, 119, 0.25), transparent);
	border: 0;
	flex-shrink: 0;
}

/* === Featured Video Card (V2 compact) === */
body.nav-v2.page-home .v2-featured-section {
	margin-bottom: 0;
	max-width: 100%;
}

/* Reset legacy order values for V2 — DOM order is already correct */
body.nav-v2.page-home .home-hero-content .home-artist-name,
body.nav-v2.page-home .home-hero-content .home-artist-title,
body.nav-v2.page-home .home-hero-content .home-artist-identity,
body.nav-v2.page-home .home-hero-content .home-artist-desc,
body.nav-v2.page-home .home-hero-content .home-artist-mobile-img-wrapper,
body.nav-v2.page-home .home-hero-content .home-featured-video-section,
body.nav-v2.page-home .home-hero-content .recent-works-list,
body.nav-v2.page-home .home-hero-content .section-divider {
	order: 0 !important;
}

body.nav-v2.page-home .v2-featured-section .section-title-premium {
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 6px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}

body.nav-v2.page-home .v2-featured-card {
	flex-direction: row !important;
	background: rgba(17, 17, 17, 0.7) !important;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 8px;
	overflow: hidden;
	backdrop-filter: blur(10px);
	max-width: 100%;
}

body.nav-v2.page-home .v2-featured-card .v2-img-wrapper {
	width: 150px !important;
	min-width: 150px;
	height: 98px !important;
	flex-shrink: 0;
}

body.nav-v2.page-home .v2-featured-card .v2-img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.nav-v2.page-home .v2-featured-card .v2-img-wrapper .video-card-overlay {
	background: rgba(0, 0, 0, 0.3);
}

body.nav-v2.page-home .v2-featured-card .video-play-icon-btn {
	width: 36px;
	height: 36px;
	font-size: 15px;
	box-shadow: 0 0 10px rgba(246, 72, 59, 0.4);
}

body.nav-v2.page-home .v2-card-content {
	padding: 8px 12px !important;
	flex: 1;
	min-width: 0;
}

body.nav-v2.page-home .v2-card-content .video-badge {
	font-size: 7px;
	padding: 1px 5px;
	margin-bottom: 3px;
}

body.nav-v2.page-home .v2-card-content .video-title {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 2px 0;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.nav-v2.page-home .v2-card-content .video-desc {
	font-size: 10.5px;
	color: #b7b7b7;
	line-height: 1.4;
	margin: 0 0 5px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.nav-v2.page-home .v2-card-content .video-actions {
	gap: 10px;
}

body.nav-v2.page-home .v2-card-content .btn-izle {
	font-size: 10px;
	padding: 4px 14px;
}

body.nav-v2.page-home .v2-card-content .btn-yt-open {
	font-size: 10px;
}

/* === Recent Works - Text Only (compact) === */
body.nav-v2.page-home .recent-works-list {
	margin-top: 0;
	max-width: 100%;
}

body.nav-v2.page-home .recent-works-list .section-title-premium {
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 4px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}

body.nav-v2.page-home .recent-work-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	text-decoration: none;
	transition: transform 0.2s ease, background 0.2s ease;
	color: #b7b7b7;
	font-size: 12.5px;
	border-radius: 4px;
}

body.nav-v2.page-home .recent-work-item:last-child {
	border-bottom: none;
}

body.nav-v2.page-home .recent-work-item:hover {
	transform: translateX(4px);
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
}

body.nav-v2.page-home .recent-work-title {
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 6px;
}

body.nav-v2.page-home .recent-work-watch {
	color: #f6483b;
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
	flex-shrink: 0;
}

body.nav-v2.page-home .recent-work-item:hover .recent-work-watch {
	color: #ff6b5e;
}

/* === Social Bottom - centered below the grid === */
body.nav-v2.page-home .home-social-bottom {
	text-align: center;
	padding: 10px 0 16px 0;
	flex-shrink: 0;
}

body.nav-v2.page-home .home-social-bottom .home-social-title {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2.5px;
	color: #999;
	margin: 0 0 6px 0;
	text-transform: uppercase;
}

body.nav-v2.page-home .home-social-bottom .home-social-icons {
	display: flex;
	gap: 20px;
	font-size: 20px;
	justify-content: center;
	align-items: center;
}

body.nav-v2.page-home .home-social-bottom .home-social-icons a {
	color: #888;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	display: inline-block;
}

body.nav-v2.page-home .home-social-bottom .home-social-icons a:hover {
	transform: translateY(-3px) scale(1.15);
}

body.nav-v2.page-home .home-social-bottom .home-social-icons a.icon-instagram:hover {
	color: #e1306c !important;
}

body.nav-v2.page-home .home-social-bottom .home-social-icons a.icon-youtube:hover {
	color: #ff0000 !important;
}

body.nav-v2.page-home .home-social-bottom .home-social-icons a.icon-spotify:hover {
	color: #1db954 !important;
}

/* Hide mobile image wrapper on desktop */
body.nav-v2.page-home .home-artist-mobile-img-wrapper {
	display: none !important;
}

/* Content wrappers: relative flow instead of legacy absolute overlay positioning */
body.nav-v2 .prt_about_wrapper,
body.nav-v2 .prt_portfolio_wrapper,
body.nav-v2 .prt_services_wrapper,
body.nav-v2 .prt_contact_wrapper {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	display: block !important;
	z-index: 1;
	min-height: calc(100vh - 76px);
	padding-top: 40px !important;
	padding-bottom: 80px;
}

/* Event & Gallery detail wrappers padding */
body.nav-v2 .prt_event_detail_wrapper,
body.nav-v2 .prt_gallery_album_wrapper {
	padding-top: 40px !important;
}

/* Preloader z-index fix */
body.nav-v2 #preloader {
	z-index: 200000;
}


/* ============================================================
   MOBILE (≤768px)
   ============================================================ */
@media (max-width: 768px) {
	/* Override body padding on mobile so sticky navbar starts at very top */
	body.nav-v2 {
		padding-top: 0 !important;
	}

	/* Sticky navbar expands downwards */
	body.nav-v2 .prt-navbar-v2 {
		position: sticky !important;
		top: 0;
		height: auto !important;
		z-index: 99999;
		border-bottom: 1px solid var(--nv2-border);
	}

	body.nav-v2 .prt-navbar-v2-links {
		display: none;
	}

	body.nav-v2 .prt-navbar-v2-lang {
		display: none;
	}

	body.nav-v2 .prt-navbar-v2-hamburger {
		display: flex;
	}

	body.nav-v2 .prt-navbar-v2-inner {
		padding: 0 16px;
		height: 60px;
	}

	body.nav-v2 .prt-navbar-v2-logo {
		width: 150px;
		height: 44px;
	}

	body.nav-v2 .prt-navbar-v2-logo img {
		max-height: 36px;
	}

	body.nav-v2 .prt-navbar-v2-site-name {
		font-size: 15px;
	}

	/* Show artist mobile image wrapper on mobile viewports */
	body.nav-v2.page-home .home-artist-mobile-img-wrapper {
		display: block !important;
	}

	/* Adjust mobile content wrapper paddings */
	body.nav-v2 .prt_about_wrapper,
	body.nav-v2 .prt_portfolio_wrapper,
	body.nav-v2 .prt_services_wrapper,
	body.nav-v2 .prt_contact_wrapper {
		padding-top: 20px !important;
		min-height: auto;
	}

	body.nav-v2 .prt_event_detail_wrapper,
	body.nav-v2 .prt_gallery_album_wrapper {
		padding-top: 20px !important;
	}

	body.nav-v2.page-home {
		height: auto !important;
		overflow-y: auto !important;
	}

	body.nav-v2.page-home .prt_home_wrapper {
		padding-top: 20px !important;
		min-height: auto;
		height: auto !important;
		overflow: visible !important;
	}

	body.nav-v2.page-home .prt_home_wrapper.nav-v2-hero {
		height: auto !important;
		min-height: auto !important;
		overflow: visible !important;
		background: transparent !important;
		display: block !important;
	}

	body.nav-v2.page-home .nav-v2-hero-layout {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: 0 16px;
		overflow: visible;
		flex: none;
		width: 100%;
	}

	body.nav-v2.page-home .home-artist-image-card {
		display: none;
	}

	body.nav-v2.page-home .home-hero-content {
		max-width: 100%;
		padding: 24px 4px 10px;
		gap: 2px;
	}

	body.nav-v2.page-home .home-hero-content .home-artist-name {
		font-family: 'Allura', cursive !important;
		font-size: 52px !important;
		font-weight: 400 !important;
		color: #d7b377 !important;
		margin: 0 0 8px 0 !important;
		line-height: 1.15 !important;
		letter-spacing: 1px;
		text-transform: none !important;
		background: none !important;
		-webkit-text-fill-color: #d7b377 !important;
		background-clip: unset !important;
		text-shadow: 0 1px 8px rgba(215, 179, 119, 0.12);
	}

	/* Featured card mobile: stack vertically */
	body.nav-v2.page-home .v2-featured-card {
		flex-direction: column !important;
		max-width: 100%;
	}

	body.nav-v2.page-home .v2-featured-card .v2-img-wrapper {
		width: 100% !important;
		min-width: auto;
		height: 140px !important;
	}

	body.nav-v2.page-home .recent-works-list {
		margin-top: 0;
		max-width: 100%;
	}

	body.nav-v2.page-home .section-divider {
		margin: 4px auto 6px;
		width: 80px;
	}

	body.nav-v2.page-home .home-social-bottom {
		padding: 16px 0 24px 0;
	}

	body.nav-v2.page-home .home-social-bottom .home-social-icons {
		gap: 18px;
		font-size: 20px;
	}

	body.nav-v2.page-home .home-details-wrapper {
		margin-top: 20px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* Short Desktop Viewports (e.g. 1366x768) visual adaptations to prevent clipping */
@media (min-width: 769px) and (max-height: 820px) {
	body.nav-v2.page-home .nav-v2-hero-layout {
		gap: 30px;
		padding: 10px 30px 0;
	}

	body.nav-v2.page-home .home-hero-content .home-artist-name {
		font-family: 'Allura', cursive !important;
		font-size: 50px !important;
		font-weight: 400 !important;
		color: #d7b377 !important;
		margin: 0 0 6px 0 !important;
		line-height: 1.15 !important;
		letter-spacing: 1px;
		text-transform: none !important;
		background: none !important;
		-webkit-text-fill-color: #d7b377 !important;
		background-clip: unset !important;
		text-shadow: 0 1px 8px rgba(215, 179, 119, 0.12);
	}

	body.nav-v2.page-home .home-hero-content .home-artist-title {
		font-size: 12px;
		margin: 0 0 4px 0;
	}

	body.nav-v2.page-home .home-hero-content .home-artist-desc {
		font-size: 11px;
		margin: 0 0 0 0;
	}

	body.nav-v2.page-home .home-artist-image-card {
		height: calc(100vh - 76px - 30px - 80px);
	}

	body.nav-v2.page-home .v2-featured-card .v2-img-wrapper {
		width: 138px !important;
		min-width: 138px;
		height: 90px !important;
	}

	body.nav-v2.page-home .v2-card-content {
		padding: 5px 8px !important;
	}

	body.nav-v2.page-home .v2-card-content .video-title {
		font-size: 11px;
	}

	body.nav-v2.page-home .v2-card-content .video-desc {
		font-size: 9.5px;
		margin: 0 0 3px 0;
	}

	body.nav-v2.page-home .recent-works-list {
		margin-top: 0;
	}

	body.nav-v2.page-home .section-divider {
		margin: 4px auto 5px;
		width: 80px;
	}

	body.nav-v2.page-home .recent-work-item {
		padding: 3px 8px;
		font-size: 11px;
	}

	body.nav-v2.page-home .home-social-bottom {
		padding: 4px 0 10px 0;
	}

	body.nav-v2.page-home .home-social-bottom .home-social-title {
		font-size: 9px;
		margin: 0 0 3px 0;
	}

	body.nav-v2.page-home .home-social-bottom .home-social-icons {
		gap: 14px;
		font-size: 16px;
	}
}