/* Persian Homepage Text Centering Styles */
/* This file specifically targets the homepage in Persian language mode */

/* Target only the homepage in Persian/RTL layout */
.rtl-layout[data-url-lang="fa"] .hero .hero-copy h1,
.rtl-layout[data-url-lang="fa"] .hero .hero-copy p,
.rtl-layout[data-url-lang="fa"] .hero .hero-cta {
    text-align: center !important;
}

/* Center all text content in features section for Persian homepage */
.rtl-layout[data-url-lang="fa"] .features .feature-item h3,
.rtl-layout[data-url-lang="fa"] .features .feature-item p,
.rtl-layout[data-url-lang="fa"] .features .feature-item .feature-icon {
    text-align: center !important;
}

/* Center section titles and descriptions for Persian homepage */
.rtl-layout[data-url-lang="fa"] .section-title,
.rtl-layout[data-url-lang="fa"] .section-paragraph {
    text-align: center !important;
}

/* Center CTA section content for Persian homepage */
.rtl-layout[data-url-lang="fa"] .cta .cta-header h3,
.rtl-layout[data-url-lang="fa"] .cta .cta-header p,
.rtl-layout[data-url-lang="fa"] .cta .cta-cta {
    text-align: center !important;
}

/* Center any additional text elements that might appear on homepage */
.rtl-layout[data-url-lang="fa"] .hero-copy *,
.rtl-layout[data-url-lang="fa"] .features-wrap *,
.rtl-layout[data-url-lang="fa"] .cta-wrap * {
    text-align: center !important;
}

/* Ensure buttons are also centered */
.rtl-layout[data-url-lang="fa"] .button,
.rtl-layout[data-url-lang="fa"] .hero-cta .button {
    margin: 0 auto !important;
    display: inline-block !important;
}

/* Center button containers */
.rtl-layout[data-url-lang="fa"] .hero-cta,
.rtl-layout[data-url-lang="fa"] .cta-cta {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}

/* Responsive adjustments for Persian homepage centering */
@media (max-width: 768px) {
    .rtl-layout[data-url-lang="fa"] .hero-copy h1,
    .rtl-layout[data-url-lang="fa"] .hero-copy p {
        text-align: center !important;
    }
    
    .rtl-layout[data-url-lang="fa"] .hero-cta {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
    }
}

/* Ensure this only affects the homepage by being more specific */
body.rtl-layout[data-url-lang="fa"] main .hero .container .hero-inner .hero-copy h1,
body.rtl-layout[data-url-lang="fa"] main .hero .container .hero-inner .hero-copy p {
    text-align: center !important;
}