/**
 * Sticky Header Styles
 * Modern sticky header with smooth animations
 */

/* Sticky Header Base - SADECE STYLING! (position: fixed JavaScript ile yönetiliyor) */
.grpcmedia-header--sticky,
.elementor-location-header {
    /* position: sticky !important; - REMOVED! JavaScript uses position: fixed */
    /* top: 0; - REMOVED! JavaScript manages this */
    /* left: 0; - REMOVED! JavaScript manages this */
    /* right: 0; - REMOVED! JavaScript manages this */
    width: 100%;
    z-index: 9999;
    background: transparent; /* CHANGED: Transparent background! */
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Default Header - NO STICKY (child .header-nav-wrapper sticky yapacak) */
header.elementor,
header.elementor-418,
header#header.header,
header#header.header-layout-type-header-2rows {
    position: relative !important; /* RELATIVE - child sticky olabilsin */
    background: transparent !important;
}

/* Scrolled State - Enhanced shadow and effects */
.grpcmedia-header--sticky.scrolled,
.elementor-location-header.scrolled,
header.elementor.scrolled,
header.elementor-418.scrolled {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(0);
}

/* Hide header on scroll down, show on scroll up */
.grpcmedia-header--sticky.hide-on-scroll,
.elementor-location-header.hide-on-scroll,
header.elementor.hide-on-scroll {
    transform: translateY(-100%);
}

/* Add padding to body to prevent content jump - Removed as sticky doesn't need it */
body.has-sticky-header {
    /* No padding needed with position: sticky */
}

/* Sticky Header Animations */
.grpcmedia-header--sticky-slide.is-sticky {
	animation: slideDown 0.3s ease-out;
}

.grpcmedia-header--sticky-fade.is-sticky {
	animation: fadeIn 0.3s ease-out;
}

@keyframes slideDown {
	from {
		transform: translateY(-100%);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Sticky Header Shadow */
.grpcmedia-header--sticky.is-sticky[data-sticky-shadow="yes"] {
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

/* Sticky Header Background */
.grpcmedia-header--sticky.is-sticky {
	background-color: var(--sticky-bg, #ffffff);
}

/* Sticky Logo Size */
.grpcmedia-header--sticky.is-sticky .grpcmedia-header__logo img {
	transform: scale(var(--sticky-logo-scale, 0.8));
	transition: transform 0.3s ease;
}

/* Sticky Top Bar Hide */
.grpcmedia-header--sticky.is-sticky .grpcmedia-header__topbar {
	display: none;
}

/* Sticky Header Main */
.grpcmedia-header--sticky.is-sticky .grpcmedia-header__main {
	padding: 10px 0;
}

/* Sticky Navigation */
.grpcmedia-header--sticky.is-sticky .grpcmedia-header__nav {
	margin: 0;
}

/* Sticky CTA Button */
.grpcmedia-header--sticky.is-sticky .grpcmedia-header__cta {
	margin-left: 20px;
}

/* Mobile Sticky Header */
@media (max-width: 768px) {
	.grpcmedia-header--sticky.is-sticky .grpcmedia-header__main {
		padding: 8px 0;
	}
	
	.grpcmedia-header--sticky.is-sticky .grpcmedia-header__logo img {
		max-height: 40px;
	}
}

/* Sticky Header Offset */
.grpcmedia-header--sticky.is-sticky {
	top: var(--sticky-offset, 0px);
}

/* Smooth Transitions */
.grpcmedia-header--sticky .grpcmedia-header__main,
.grpcmedia-header--sticky .grpcmedia-header__logo,
.grpcmedia-header--sticky .grpcmedia-header__nav,
.grpcmedia-header--sticky .grpcmedia-header__cta {
	transition: all 0.3s ease;
}

/* Sticky Header Active State */
.grpcmedia-header--sticky.is-sticky .grpcmedia-header__nav .current-menu-item a,
.grpcmedia-header--sticky.is-sticky .grpcmedia-header__nav .current_page_item a {
	color: var(--primary-color, #2F2483);
	font-weight: 600;
}

/* Sticky Header Hover Effects */
.grpcmedia-header--sticky.is-sticky .grpcmedia-header__nav a:hover {
	color: var(--primary-color, #2F2483);
	transform: translateY(-1px);
}

/* Sticky Header CTA Button */
.grpcmedia-header--sticky.is-sticky .grpcmedia-header__cta a {
	padding: 8px 16px;
	font-size: 14px;
}

/* Performance Optimizations */
.grpcmedia-header--sticky {
	will-change: transform, opacity;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* High DPI Displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.grpcmedia-header--sticky.is-sticky {
		box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	}
}