/* ==========================================================================
   ADRASA - GENEL & RESPONSIVE CSS
   ========================================================================== */

/* 1. ÇOK GENİŞ EKRANLAR (1921px ve üzeri) */
@media (min-width: 1921px) {
	.ortaimage {
		height: 420px;
		padding-top: 60px;
	}

	.ortaimage img {
		width: 390px;
	}

	.lambaalani {
		padding-top: 100px;
		background-size: 50%;
		background-position-x: 45%;
		background-position-y: 0px;
	}

	.hesapmakine {
		top: -130px;
		width: 355px;
	}
}

/* 2. GENİŞ EKRANLAR (1680px - 1920px) */
@media (min-width: 1680px) and (max-width: 1920px) {
	body {
		background-size: 80%;
		background-position-x: 100px;
	}

	.ortaimage {
		height: 400px;
		padding-top: 100px;
		background-size: 100% 100%;
	}

	.ortaimage img {
		width: 320px;
	}

	.lambaalani {
		padding-top: 100px;
		background-size: 70%;
		background-position-x: 45%;
		background-position-y: 0px;
	}

	.hesapmakine {
		top: -80px;
		width: 355px;
	}
}

/* 3. LAPTOP / ORTA EKRANLAR (1200px - 1679px) */
@media (min-width: 1200px) and (max-width: 1679px) {
	.ortaimage {
		height: 350px;
		padding-top: 60px;
	}

	.ortaimage img {
		width: 320px;
	}

	.lambaalani {
		padding-top: 100px;
		background-size: 80%;
		background-position-x: -20px;
		background-position-y: -10px;
	}

	.hesapmakine {
		top: -88px;
		width: 300px;
	}
}

/* 4. TABLET VE KÜÇÜK EKRANLAR (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
	.ortaimage {
		height: auto;
		min-height: 360px;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.tanitim-alani {
		top: -30px;
	}

	.tanitim-video-box {
		max-width: 480px;
		margin-left: 0;
	}

	.hesapmakine {
		top: -60px;
		width: 240px;
	}
}

/* 5. MOBİL VE KÜÇÜK TABLETLER (991px ve altı) */
@media (max-width: 991px) {
	html, body {
		overflow-x: hidden;
		overflow-x: clip !important;
		width: 100% !important;
		max-width: 100% !important;
		position: relative;
	}

	/* Body arkasındaki büyük masaüstü çizim resmini gizle */
	body {
		background-image: none !important;
		background-color: #ffffff !important;
	}

	/* Mobilde animasyon beklemesini kaldır, içeriği anında göster */
	[data-aos] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	/* Header & Navigasyon (Mobilde de Sabit) */
	header,
	.site-header {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 1020 !important;
		background-color: #ffffff !important;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
		padding-bottom: 2px;
	}

	header .logo {
		max-width: 165px !important;
		height: auto;
	}

	header.is-scrolled .logo {
		max-width: 145px !important;
	}

	.custom-mobile-toggler {
		border: 1px solid #c09056 !important;
		background: #fff8ee !important;
		color: #c09056 !important;
		padding: 8px 13px !important;
		border-radius: 8px !important;
		font-size: 19px !important;
		transition: all 0.2s ease;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.custom-mobile-toggler:hover,
	.custom-mobile-toggler:focus {
		background: #c09056 !important;
		color: #ffffff !important;
		outline: none;
		box-shadow: 0 0 0 3px rgba(192, 144, 86, 0.25);
	}

	/* Mobil Offcanvas Drawer */
	.mobile-offcanvas {
		width: 300px !important;
		max-width: 85vw !important;
		border-top-left-radius: 18px !important;
		border-bottom-left-radius: 18px !important;
		border: none !important;
		box-shadow: -8px 0 30px rgba(0, 0, 0, 0.15) !important;
		z-index: 1055 !important;
	}

	.mobile-nav-list {
		padding-left: 0;
		list-style: none;
	}

	.mobile-nav-link {
		display: flex;
		align-items: center;
		padding: 12px 14px;
		font-size: 15px;
		font-weight: 600;
		color: #334155;
		text-decoration: none;
		border-radius: 10px;
		transition: all 0.2s ease;
	}

	.mobile-nav-link i {
		font-size: 17px;
		width: 22px;
		text-align: center;
	}

	.mobile-nav-link:hover,
	.mobile-nav-link.active {
		background-color: #fff8ee;
		color: #c09056;
		transform: translateX(4px);
	}

	.mobile-social-icon {
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #64748b;
		font-size: 15px;
		text-decoration: none;
		transition: all 0.2s ease;
	}

	.mobile-social-icon:hover {
		background: #c09056;
		color: #ffffff;
		border-color: #c09056;
	}

	/* Üst Slider */
	.sliderbg {
		background: none !important;
		padding: 0;
		margin-top: 5px;
	}

	.anaslider .item picture,
	.anaslider-pic {
		display: block;
		width: 100%;
	}

	.anaslider .item img,
	.anaslider-pic img {
		border-radius: 8px;
		width: 100%;
		height: auto;
		display: block;
	}

	.home_solok,
	.home_sagok {
		display: none !important;
	}

	/* Çalışan Slider & Oklar */
	.duyuru_solok,
	.duyuru_sagok,
	.owl-nav {
		display: none !important;
	}

	.calisan-slide-item {
		width: 100%;
		max-width: 100%;
		border-radius: 8px;
		overflow: hidden;
	}

	.calisan-text-box {
		left: 55%;
		top: 15%;
		width: 24%;
		height: 70%;
		padding: 2px 4px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	.calisan-metin {
		font-size: clamp(7.5px, 2.1vw, 13px);
		line-height: 1.3;
		text-align: left;
		word-break: break-word;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}

	/* Ortada Video / Adrasa Tanıtım Alanı */
	.ortaimage {
		background: none !important;
		height: auto !important;
		min-height: auto !important;
		padding: 25px 0 10px 0 !important;
	}

	.ortaimage .row {
		justify-content: center !important;
	}

	.tanitim-alani {
		top: 0 !important;
		padding: 0 !important;
		text-align: center !important;
		margin: 0 auto !important;
		width: 100% !important;
	}

	.tanitim-baslik {
		font-size: 22px !important;
		text-align: center !important;
		margin-bottom: 12px !important;
		display: inline-block;
	}

	.tanitim-baslik::after {
		margin: 6px auto 0 auto !important;
		width: 50px !important;
	}

	.tanitim-video-box {
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
		border-radius: 10px !important;
	}

	.tanitim-video {
		width: 100% !important;
		height: auto !important;
		max-height: 280px !important;
		aspect-ratio: 16 / 9;
		border-radius: 10px !important;
	}

	/* Lamba / Hakkımızda Bölümü */
	.lambaalani {
		background: none !important;
		padding: 25px 0 !important;
	}

	.lambayazi {
		padding: 0 10px !important;
		text-align: center !important;
	}

	.lambayazi h2 {
		font-size: 24px !important;
		margin-bottom: 12px !important;
		text-align: center !important;
		font-weight: 600 !important;
	}

	.hk-content-text {
		font-size: 14px !important;
		line-height: 1.65 !important;
		text-align: center !important;
		color: #4b5563 !important;
	}

	.lamba-main-img {
		max-height: 260px !important;
		width: auto;
		max-width: 100%;
		margin: 20px auto 0 auto;
		display: block;
		border-radius: 10px;
	}

	/* Şirketlerimiz Alanı */
	.renklialan {
		padding: 25px 0 !important;
		margin-top: 20px !important;
		overflow: hidden !important;
		position: relative;
		border-radius: 12px;
	}

	.sirketler-baslik {
		font-size: 22px !important;
		margin-bottom: 0 !important;
	}

	.sirketler-baslik::after {
		margin: 6px 0 0 0 !important;
		width: 50px !important;
	}

	.hesapmakine {
		display: none !important;
	}

	.partner-logo {
		max-height: 40px !important;
		max-width: 120px !important;
		object-fit: contain;
	}

	/* Nasıl Yaparız Sayfası */
	.nasil-carousel {
		min-height: auto !important;
		padding: 15px 0 !important;
	}

	.nasil-carousel .dikey {
		display: block !important;
		height: auto !important;
	}

	.nasil-carousel .dikeyortala {
		display: block !important;
	}

	.nasil-baslik {
		font-size: 20px !important;
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.nasil-metin {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}

	.nasil-indicators-wrapper {
		margin-top: 25px !important;
		padding-top: 10px !important;
	}

	.carousel-indicators.nasil-indicators::before {
		display: none !important;
	}

	.carousel-indicators.nasil-indicators {
		flex-wrap: wrap !important;
		gap: 12px !important;
	}

	.carousel-indicators.nasil-indicators button {
		width: 48px !important;
		height: 48px !important;
		padding: 8px !important;
	}

	.carousel-indicators.nasil-indicators button img {
		max-width: 24px !important;
		max-height: 24px !important;
	}

	/* Biz Kimiz Sayfası */
	.bizkimiz {
		padding-top: 40px !important;
		min-height: auto !important;
		background-size: cover !important;
	}

	.bizkimiz img.float-end,
	.komidin {
		display: none !important;
	}

	/* İletişim Sayfası */
	.iletisim-page {
		background-image: none !important;
	}

	.contact-form-wrapper {
		padding: 20px !important;
		margin-top: 20px;
	}

	.contact-map-wrapper iframe {
		height: 260px !important;
	}

	/* Projeler & Detay Sayfaları */
	.project-card {
		margin-bottom: 15px;
	}

	.project-card-img-wrap {
		height: 190px !important;
	}

	.project-detail-title {
		font-size: 22px !important;
	}

	.project-main-image-wrap {
		border-radius: 10px;
	}

	.project-info-card {
		padding: 18px !important;
		margin-top: 15px;
	}

	.project-gallery-item {
		height: 140px !important;
		margin-bottom: 10px;
	}

	/* Şirketlerimiz Sayfası */
	.sirket-logo-wrap {
		min-height: 100px !important;
		padding: 12px !important;
	}

	.sirket-logo-img {
		max-height: 45px !important;
		max-width: 130px !important;
	}

	/* Footer */
	footer {
		margin-top: 50px !important;
		padding-top: 35px !important;
	}

	footer .col-xl-4,
	footer .col-xl-2 {
		margin-bottom: 25px;
	}

	footer .mleft-20 {
		margin-left: 0 !important;
	}

	footer .altmenu {
		padding-left: 0;
		margin-left: 0;
	}

	footer .altmenu li {
		display: inline-block;
		margin-right: 15px;
		margin-bottom: 8px;
	}

	/* Çerez Bildirimi */
	.cookie-banner {
		left: 12px !important;
		right: 12px !important;
		bottom: 12px !important;
		max-width: 100% !important;
		padding: 16px !important;
	}
}

/* 6. ÇOK KÜÇÜK MOBİL TELEFONLAR (576px ve altı) */
@media (max-width: 576px) {
	.container {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	header .logo {
		max-width: 135px !important;
	}

	.calisan-metin {
		font-size: clamp(6.5px, 2.5vw, 11px) !important;
		line-height: 1.2 !important;
	}

	.tanitim-baslik {
		font-size: 19px !important;
	}

	.sirketler-baslik {
		font-size: 19px !important;
	}

	.section-title {
		font-size: 20px !important;
	}

	.sirket-logo-wrap {
		min-height: 90px !important;
		padding: 10px !important;
	}

	.sirket-logo-img {
		max-height: 40px !important;
		max-width: 110px !important;
	}

	.sirket-title {
		font-size: 0.95rem !important;
	}

	.project-badge-lg {
		font-size: 11px !important;
		padding: 5px 12px !important;
	}

	/* reCAPTCHA scale down to fit small screens */
	.g-recaptcha {
		transform: scale(0.86);
		transform-origin: 0 0;
	}
}