/* ----------------------------------------------------------------
	ODYOlife özel stilleri
	Tema (style.css) üzerine yazılan tüm stiller bu dosyada tutulur.
-----------------------------------------------------------------*/

:root {
	--odyo-accent: #939C70;
	--odyo-dark: #1f2124;
}

/* Tipografi
-----------------------------------------------------------------*/
.content-heading {
	font-size: 2rem;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}

.section-eyebrow {
	color: var(--odyo-accent);
	font-size: 1.75rem;
}

.hero-title {
	font-size: clamp(2rem, 5vw, 3.75rem);
}

.promo-title {
	font-size: clamp(1.5rem, 3vw, 2.25rem);
}

/* İç sayfa başlık alanı
-----------------------------------------------------------------*/
.page-title-brand {
	padding: 6rem 0;
	background: linear-gradient(135deg, #2b2f33 0%, #4a5139 60%, var(--odyo-accent) 100%);
}

@media (max-width: 991.98px) {
	.page-title-brand { padding: 3.5rem 0; }
}

/* Ana sayfa
-----------------------------------------------------------------*/
.home-intro { margin-top: -50px; }

.home-intro img {
	max-width: 100%;
	height: auto;
}

/* Header: menüdeki sosyal ikonlar ve WhatsApp vurgusu
-----------------------------------------------------------------*/
.menu-item-social {
	display: flex;
	align-items: center;
	gap: .25rem;
}

.menu-item-whatsapp > .menu-link { color: #25D366 !important; }

/* Footer
-----------------------------------------------------------------*/
.footer-branch-icon { font-size: 1.5rem; }

.footer-branch-name {
	display: inline-block;
	font-size: 1.5rem;
	margin: .25rem 0 .5rem;
}

/* İletişim: duyarlı harita
-----------------------------------------------------------------*/
.map-embed {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: .5rem;
	overflow: hidden;
}

.map-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Hakkımızda: sabit sosyal medya şeridi
-----------------------------------------------------------------*/
.bg-whatsapp { background-color: #25D366 !important; }

.si-sticky.si-sidebar {
	--width: 240px;
	--height: 54px;
	--icon-size: var(--height);
	--text-width: calc(var(--width) - var(--height));
	width: var(--icon-size);
	height: auto;
}

.si-sticky.si-sidebar:not(.si-sticky-right) { left: 0; }

.si-sticky.si-sidebar .social-icon {
	margin: 2px 0;
	margin-left: calc(-1 * var(--text-width));
	width: var(--width);
	height: var(--height);
	border: 0;
	border-radius: 0 4px 4px 0;
	display: inline-flex;
	align-items: center;
	transition: margin .2s ease-in-out;
}

.si-sticky.si-sidebar .social-icon i {
	position: absolute;
	left: auto;
	right: 0;
	width: var(--icon-size);
	height: var(--icon-size);
	line-height: var(--icon-size);
	text-align: center;
	transition: all .2s ease-in-out;
}

.si-sticky.si-sidebar .social-icon span {
	color: #FFF;
	font-size: 1rem;
	width: var(--text-width);
	text-align: center;
}

@media (min-width: 992px) {
	.si-sticky.si-sidebar:not(.si-sticky-right) .social-icon:hover { margin-left: 0; }
	.si-sticky.si-sidebar:not(.si-sticky-right) .social-icon:hover i { right: calc(-1 * var(--text-width)); }
}

/* Ana sayfa video hero
-----------------------------------------------------------------*/
.video-overlay {
	background-image: none;
	background-color: rgba(0, 0, 0, .55);
}