/*
===========================================
CRITICAL MOBILE FIX
Telefonda düzgün görünüm için
===========================================
*/

/* MOBILE ONLY - CRITICAL */
@media (max-width: 991px) {
	
	/* Reset all max-width issues */
	.container {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 15px !important;
		margin: 0 auto !important;
	}
	
	/* Row centering */
	.row {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	/* Column full width on mobile */
	.col-lg-7,
	.col-lg-5,
	.col-lg-6,
	.col-lg-4,
	.col-lg-3,
	.col-md-6,
	.col-md-4,
	.col-md-3,
	[class*="col-"] {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		padding: 0 15px !important;
		margin-bottom: 2rem !important;
	}
	
	/* Header fix */
	.header-area {
		padding: 15px 0 !important;
	}
	
	.logo-header img {
		max-height: 40px !important;
		width: auto !important;
	}
	
	/* Hero section centered */
	.hero-section {
		padding: 40px 0 !important;
		text-align: center !important;
	}
	
	.hero-content {
		text-align: center !important;
		padding: 0 15px !important;
	}
	
	.hero-section h1 {
		font-size: 1.75rem !important;
		line-height: 1.3 !important;
		margin-bottom: 1rem !important;
		text-align: center !important;
	}
	
	.hero-section .lead,
	.hero-section p {
		font-size: 1rem !important;
		line-height: 1.6 !important;
		text-align: center !important;
		margin-bottom: 1rem !important;
	}
	
	.hero-badge {
		display: inline-block !important;
		margin: 0 auto 1rem !important;
	}
	
	.hero-features {
		justify-content: center !important;
		text-align: center !important;
	}
	
	.feature-badge {
		font-size: 0.85rem !important;
		padding: 6px 12px !important;
		margin: 0.25rem !important;
		white-space: nowrap !important;
	}
	
	/* Buttons full width mobile */
	.hero-section .d-flex,
	.hero-content .d-flex {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		width: 100% !important;
		gap: 0.75rem !important;
	}
	
	.hero-section .btn,
	.hero-section .btn-corporate,
	.hero-section .btn-accent,
	.hero-section .btn-corporate-outline,
	.hero-section a.btn-corporate,
	.hero-section a.btn-accent {
		width: 100% !important;
		max-width: 350px !important;
		text-align: center !important;
		justify-content: center !important;
		padding: 12px 20px !important;
		font-size: 1rem !important;
		margin: 0 !important;
	}
	
	/* Feature cards centered */
	.features-modern {
		padding: 30px 0 !important;
	}
	
	.feature-item {
		text-align: center !important;
		padding: 20px !important;
		margin-bottom: 1.5rem !important;
	}
	
	.feature-icon {
		width: 70px !important;
		height: 70px !important;
		margin: 0 auto 1rem !important;
	}
	
	.feature-icon i {
		font-size: 2rem !important;
	}
	
	.feature-item h5 {
		font-size: 1.1rem !important;
		margin-bottom: 0.5rem !important;
		text-align: center !important;
	}
	
	.feature-item p {
		font-size: 0.95rem !important;
		text-align: center !important;
	}
	
	/* Cards mobile */
	.card,
	.card-corporate,
	.service-card {
		margin-bottom: 1.5rem !important;
		padding: 1.5rem !important;
		text-align: center !important;
	}
	
	.card-icon {
		margin: 0 auto 1rem !important;
	}
	
	/* Section spacing */
	section {
		padding: 30px 0 !important;
	}
	
	.py-5 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	
	/* Section titles */
	.section-title-modern,
	.section-title-modern h2 {
		text-align: center !important;
		margin-bottom: 1.5rem !important;
	}
	
	.section-title-modern h2 {
		font-size: 1.5rem !important;
	}
	
	.section-title-modern .subtitle {
		font-size: 0.9rem !important;
	}
	
	/* About section images hidden on mobile */
	.about-images,
	.hero-image {
		display: none !important;
	}
	
	/* CTA Box */
	.cta-box {
		padding: 30px 20px !important;
		text-align: center !important;
	}
	
	.cta-box h2 {
		font-size: 1.5rem !important;
		margin-bottom: 1rem !important;
	}
	
	.cta-box .d-flex {
		flex-direction: column !important;
		gap: 1rem !important;
	}
	
	.cta-box .btn {
		width: 100% !important;
		max-width: 300px !important;
		margin: 0 auto !important;
	}
	
	/* Footer */
	.footer-modern {
		padding: 30px 0 !important;
	}
	
	.footer-widget {
		margin-bottom: 2rem !important;
		text-align: center !important;
	}
	
	.footer-widget h4 {
		font-size: 1.1rem !important;
		margin-bottom: 1rem !important;
	}
	
	.footer-links,
	.footer-contact {
		text-align: center !important;
	}
	
	.footer-links li,
	.footer-contact li {
		justify-content: center !important;
	}
	
	.social-icons {
		justify-content: center !important;
	}
	
	/* Contact page */
	.contact-section .col-lg-8,
	.contact-section .col-lg-4 {
		width: 100% !important;
		margin-bottom: 2rem !important;
	}
	
	.map-container {
		height: 350px !important;
		margin-bottom: 2rem !important;
	}
	
	.contact-info-modern {
		padding: 1.5rem !important;
	}
	
	/* Desktop navigation TAMAMEN GİZLİ mobile'da */
	.desktop-menu,
	nav.desktop-menu,
	.mainmenu,
	nav.desktop-menu ul,
	nav.desktop-menu ul li,
	nav.desktop-menu ul li a {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		position: absolute !important;
		left: -99999px !important;
	}
	
	/* Mobile menu - sadece hamburger'e tıklarsan görünür */
	#mainNavigation {
		display: none !important;
	}
	
	#mainNavigation.show {
		display: block !important;
	}
	
	.mobile-nav {
		display: none !important;
		text-align: left !important;
	}
	
	#mainNavigation.show .mobile-nav {
		display: block !important;
	}
	
	.mobile-nav ul {
		padding: 0 15px !important;
	}
	
	.mobile-nav li {
		margin-bottom: 0.5rem !important;
	}
	
	.mobile-nav a {
		display: block !important;
		padding: 12px 15px !important;
		text-align: left !important;
		font-size: 1rem !important;
	}
	
	/* WhatsApp float */
	.whatsapp-float {
		width: 50px !important;
		height: 50px !important;
		bottom: 20px !important;
		right: 20px !important;
	}
	
	.whatsapp-float i {
		font-size: 24px !important;
	}
	
	/* Service areas */
	.service-area-card {
		padding: 1.5rem !important;
		text-align: center !important;
	}
	
	.service-area-card h4 {
		font-size: 1.1rem !important;
		text-align: center !important;
	}
	
	.service-area-card ul {
		text-align: left !important;
		display: inline-block !important;
	}
	
	/* Trust badges */
	.trust-badge {
		text-align: center !important;
		padding: 1rem !important;
	}
	
	/* Page header */
	.page-header-modern {
		padding: 30px 0 20px !important;
		text-align: center !important;
	}
	
	.page-title {
		font-size: 1.75rem !important;
		text-align: center !important;
	}
	
	.breadcrumb-modern {
		justify-content: center !important;
		font-size: 0.85rem !important;
	}
	
	/* Content boxes */
	.content-box {
		padding: 1.5rem !important;
	}
	
	.content-box h2,
	.content-box h3,
	.content-box h4 {
		font-size: 1.3rem !important;
	}
	
	/* Importance items */
	.importance-item {
		padding: 1rem !important;
		margin-bottom: 1rem !important;
	}
}

/* Tablet adjustments */
@media (min-width: 768px) and (max-width: 991px) {
	.col-md-6 {
		width: 50% !important;
		flex: 0 0 50% !important;
	}
	
	.col-md-4 {
		width: 33.333333% !important;
		flex: 0 0 33.333333% !important;
	}
	
	.col-md-3 {
		width: 25% !important;
		flex: 0 0 25% !important;
	}
}