/**
 * Metin Hizalama Düzeltmeleri
 * Inline style text-align'ların CSS kuralları tarafından override edilmemesi için
 * !important ile inline style değerlerini koruyoruz
 */

/* Hero Section - Inline style text-align'ları koru */
.hero h1[style*="text-align: left"] { text-align: left !important; }
.hero h1[style*="text-align: center"] { text-align: center !important; }
.hero h1[style*="text-align: right"] { text-align: right !important; }
.hero h1[style*="text-align: justify"] { text-align: justify !important; }

.hero .subtitle[style*="text-align: left"] { text-align: left !important; }
.hero .subtitle[style*="text-align: center"] { text-align: center !important; }
.hero .subtitle[style*="text-align: right"] { text-align: right !important; }
.hero .subtitle[style*="text-align: justify"] { text-align: justify !important; }

.hero p[style*="text-align: left"] { text-align: left !important; }
.hero p[style*="text-align: center"] { text-align: center !important; }
.hero p[style*="text-align: right"] { text-align: right !important; }
.hero p[style*="text-align: justify"] { text-align: justify !important; }

/* Section Header - Inline style text-align'ları koru */
.section-header h2[style*="text-align: left"] { 
    text-align: left !important; 
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.section-header h2[style*="text-align: center"] { 
    text-align: center !important; 
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.section-header h2[style*="text-align: right"] { 
    text-align: right !important; 
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.section-header h2[style*="text-align: justify"] { 
    text-align: justify !important; 
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.section-header p[style*="text-align: left"] { 
    text-align: left !important; 
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.section-header p[style*="text-align: center"] { 
    text-align: center !important; 
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.section-header p[style*="text-align: right"] { 
    text-align: right !important; 
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.section-header p[style*="text-align: justify"] { 
    text-align: justify !important; 
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Content Text - Inline style text-align'ları koru */
.content-text[style*="text-align: left"],
.content-text p[style*="text-align: left"] { text-align: left !important; }

.content-text[style*="text-align: center"],
.content-text p[style*="text-align: center"] { text-align: center !important; }

.content-text[style*="text-align: right"],
.content-text p[style*="text-align: right"] { text-align: right !important; }

.content-text[style*="text-align: justify"],
.content-text p[style*="text-align: justify"] { text-align: justify !important; }

/* About Section */
.about-content .content-text[style*="text-align: left"] { text-align: left !important; }
.about-content .content-text[style*="text-align: center"] { text-align: center !important; }
.about-content .content-text[style*="text-align: right"] { text-align: right !important; }
.about-content .content-text[style*="text-align: justify"] { text-align: justify !important; }

/* Service Cards */
.service-card p[style*="text-align: left"] { text-align: left !important; }
.service-card p[style*="text-align: center"] { text-align: center !important; }
.service-card p[style*="text-align: right"] { text-align: right !important; }
.service-card p[style*="text-align: justify"] { text-align: justify !important; }

/* News Content ve diğer div'ler */
div[style*="text-align: left"] { text-align: left !important; }
div[style*="text-align: center"] { text-align: center !important; }
div[style*="text-align: right"] { text-align: right !important; }
div[style*="text-align: justify"] { text-align: justify !important; }

/* Responsive - Tüm ekran boyutlarında çalışsın */
@media (max-width: 1024px) {
    .hero h1[style*="text-align: left"] { text-align: left !important; }
    .hero h1[style*="text-align: center"] { text-align: center !important; }
    .hero h1[style*="text-align: right"] { text-align: right !important; }
    .hero h1[style*="text-align: justify"] { text-align: justify !important; }
    
    .hero .subtitle[style*="text-align: left"] { text-align: left !important; }
    .hero .subtitle[style*="text-align: center"] { text-align: center !important; }
    .hero .subtitle[style*="text-align: right"] { text-align: right !important; }
    .hero .subtitle[style*="text-align: justify"] { text-align: justify !important; }
    
    .hero p[style*="text-align: left"] { text-align: left !important; }
    .hero p[style*="text-align: center"] { text-align: center !important; }
    .hero p[style*="text-align: right"] { text-align: right !important; }
    .hero p[style*="text-align: justify"] { text-align: justify !important; }
    
    .section-header h2[style*="text-align: left"] { text-align: left !important; }
    .section-header h2[style*="text-align: center"] { text-align: center !important; }
    .section-header h2[style*="text-align: right"] { text-align: right !important; }
    .section-header h2[style*="text-align: justify"] { text-align: justify !important; }
    
    .section-header p[style*="text-align: left"] { text-align: left !important; }
    .section-header p[style*="text-align: center"] { text-align: center !important; }
    .section-header p[style*="text-align: right"] { text-align: right !important; }
    .section-header p[style*="text-align: justify"] { text-align: justify !important; }
    
    .content-text[style*="text-align: left"] { text-align: left !important; }
    .content-text[style*="text-align: center"] { text-align: center !important; }
    .content-text[style*="text-align: right"] { text-align: right !important; }
    .content-text[style*="text-align: justify"] { text-align: justify !important; }
}

@media (max-width: 768px) {
    .hero h1[style*="text-align: left"] { text-align: left !important; }
    .hero h1[style*="text-align: center"] { text-align: center !important; }
    .hero h1[style*="text-align: right"] { text-align: right !important; }
    .hero h1[style*="text-align: justify"] { text-align: justify !important; }
    
    .hero .subtitle[style*="text-align: left"] { text-align: left !important; }
    .hero .subtitle[style*="text-align: center"] { text-align: center !important; }
    .hero .subtitle[style*="text-align: right"] { text-align: right !important; }
    .hero .subtitle[style*="text-align: justify"] { text-align: justify !important; }
    
    .hero p[style*="text-align: left"] { text-align: left !important; }
    .hero p[style*="text-align: center"] { text-align: center !important; }
    .hero p[style*="text-align: right"] { text-align: right !important; }
    .hero p[style*="text-align: justify"] { text-align: justify !important; }
    
    .section-header h2[style*="text-align: left"] { text-align: left !important; }
    .section-header h2[style*="text-align: center"] { text-align: center !important; }
    .section-header h2[style*="text-align: right"] { text-align: right !important; }
    .section-header h2[style*="text-align: justify"] { text-align: justify !important; }
    
    .section-header p[style*="text-align: left"] { text-align: left !important; }
    .section-header p[style*="text-align: center"] { text-align: center !important; }
    .section-header p[style*="text-align: right"] { text-align: right !important; }
    .section-header p[style*="text-align: justify"] { text-align: justify !important; }
    
    .content-text[style*="text-align: left"] { text-align: left !important; }
    .content-text[style*="text-align: center"] { text-align: center !important; }
    .content-text[style*="text-align: right"] { text-align: right !important; }
    .content-text[style*="text-align: justify"] { text-align: justify !important; }
}

@media (max-width: 480px) {
    .hero h1[style*="text-align: left"] { text-align: left !important; }
    .hero h1[style*="text-align: center"] { text-align: center !important; }
    .hero h1[style*="text-align: right"] { text-align: right !important; }
    .hero h1[style*="text-align: justify"] { text-align: justify !important; }
    
    .hero .subtitle[style*="text-align: left"] { text-align: left !important; }
    .hero .subtitle[style*="text-align: center"] { text-align: center !important; }
    .hero .subtitle[style*="text-align: right"] { text-align: right !important; }
    .hero .subtitle[style*="text-align: justify"] { text-align: justify !important; }
    
    .hero p[style*="text-align: left"] { text-align: left !important; }
    .hero p[style*="text-align: center"] { text-align: center !important; }
    .hero p[style*="text-align: right"] { text-align: right !important; }
    .hero p[style*="text-align: justify"] { text-align: justify !important; }
    
    .section-header h2[style*="text-align: left"] { text-align: left !important; }
    .section-header h2[style*="text-align: center"] { text-align: center !important; }
    .section-header h2[style*="text-align: right"] { text-align: right !important; }
    .section-header h2[style*="text-align: justify"] { text-align: justify !important; }
    
    .section-header p[style*="text-align: left"] { text-align: left !important; }
    .section-header p[style*="text-align: center"] { text-align: center !important; }
    .section-header p[style*="text-align: right"] { text-align: right !important; }
    .section-header p[style*="text-align: justify"] { text-align: justify !important; }
    
    .content-text[style*="text-align: left"] { text-align: left !important; }
    .content-text[style*="text-align: center"] { text-align: center !important; }
    .content-text[style*="text-align: right"] { text-align: right !important; }
    .content-text[style*="text-align: justify"] { text-align: justify !important; }
}