/* ============================================
   WebDazzle — Switchable Fonts (matches new editorial design)
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,800;9..144,900&family=Rubik:wght@300;400;500;600;700;800;900&family=Readex+Pro:wght@160..700&family=Tajawal:wght@200;300;400;500;700;800;900&family=Droid+Arabic+Kufi:wght@400;700&family=Poppins:wght@700;800;900&display=swap');

/* Optional self-hosted Lovelo — drop the woff2 in /assets/fonts/ and uncomment
@font-face {
    font-family: 'Lovelo';
    src: url('/assets/fonts/lovelo-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
*/

/* English — Fraunces (editorial serif, DEFAULT) */
body[data-font-en="fraunces"].en h1,
body[data-font-en="fraunces"].en h2,
body[data-font-en="fraunces"].en h3,
body[data-font-en="fraunces"].en h4,
body[data-font-en="fraunces"].en .hero-headline,
body[data-font-en="fraunces"].en .logo-text,
body[data-font-en="fraunces"].en .footer-brand-name,
body[data-font-en="fraunces"].en .pricing-tier,
body[data-font-en="fraunces"].en .pricing-amount-number,
body[data-font-en="fraunces"].en .suppliers-count,
body[data-font-en="fraunces"].en .portfolio-image,
body[data-font-en="fraunces"].en .portfolio-stat-value,
body[data-font-en="fraunces"].en .testimonial-name,
body[data-font-en="fraunces"].en .testimonial-avatar,
body[data-font-en="fraunces"].en .testimonial-quote,
body[data-font-en="fraunces"].en .date-num {
    font-family: 'Fraunces', 'Cormorant Garamond', Georgia, serif;
}

/* English — Lovelo (logo font, Poppins fallback) */
body[data-font-en="lovelo"].en h1,
body[data-font-en="lovelo"].en h2,
body[data-font-en="lovelo"].en h3,
body[data-font-en="lovelo"].en .hero-headline,
body[data-font-en="lovelo"].en .logo-text,
body[data-font-en="lovelo"].en .footer-brand-name,
body[data-font-en="lovelo"].en .pricing-tier,
body[data-font-en="lovelo"].en .pricing-amount-number,
body[data-font-en="lovelo"].en .suppliers-count,
body[data-font-en="lovelo"].en .portfolio-image,
body[data-font-en="lovelo"].en .portfolio-stat-value,
body[data-font-en="lovelo"].en .date-num {
    font-family: 'Lovelo', 'Poppins', 'Space Grotesk', sans-serif;
    font-weight: 900;
    letter-spacing: -0.02em;
}
body[data-font-en="lovelo"].en h4 {
    font-family: 'Lovelo', 'Poppins', 'Space Grotesk', sans-serif;
    font-weight: 800;
}

/* Arabic — Rubik (bold, DEFAULT) */
body[data-font-ar="rubik"].ar h1,
body[data-font-ar="rubik"].ar h2,
body[data-font-ar="rubik"].ar h3,
body[data-font-ar="rubik"].ar h4,
body[data-font-ar="rubik"].ar .hero-headline,
body[data-font-ar="rubik"].ar .pricing-tier,
body[data-font-ar="rubik"].ar .pricing-amount-number,
body[data-font-ar="rubik"].ar .suppliers-count,
body[data-font-ar="rubik"].ar .portfolio-stat-value,
body[data-font-ar="rubik"].ar .testimonial-name,
body[data-font-ar="rubik"].ar .testimonial-avatar,
body[data-font-ar="rubik"].ar .date-num {
    font-family: 'Rubik', 'IBM Plex Sans Arabic', 'Cairo', sans-serif;
    font-weight: 900;
}
body[data-font-ar="rubik"].ar {
    font-family: 'Readex Pro', 'IBM Plex Sans Arabic', 'Cairo', sans-serif;
}

/* Arabic — Tajawal (backward compat for existing saved prefs) */
body[data-font-ar="tajawal"].ar h1,
body[data-font-ar="tajawal"].ar h2,
body[data-font-ar="tajawal"].ar h3,
body[data-font-ar="tajawal"].ar h4,
body[data-font-ar="tajawal"].ar .hero-headline,
body[data-font-ar="tajawal"].ar .pricing-tier,
body[data-font-ar="tajawal"].ar .pricing-amount-number,
body[data-font-ar="tajawal"].ar .suppliers-count,
body[data-font-ar="tajawal"].ar .date-num {
    font-family: 'Tajawal', 'Cairo', sans-serif;
    font-weight: 800;
}
body[data-font-ar="tajawal"].ar {
    font-family: 'Tajawal', 'Cairo', sans-serif;
}

/* Arabic — Droid Arabic Kufi */
body[data-font-ar="droid_kufi"].ar h1,
body[data-font-ar="droid_kufi"].ar h2,
body[data-font-ar="droid_kufi"].ar h3,
body[data-font-ar="droid_kufi"].ar h4,
body[data-font-ar="droid_kufi"].ar .hero-headline,
body[data-font-ar="droid_kufi"].ar .pricing-tier,
body[data-font-ar="droid_kufi"].ar .pricing-amount-number,
body[data-font-ar="droid_kufi"].ar .suppliers-count,
body[data-font-ar="droid_kufi"].ar .date-num {
    font-family: 'Droid Arabic Kufi', 'Tajawal', 'Cairo', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.4;
}
body[data-font-ar="droid_kufi"].ar {
    font-family: 'Droid Arabic Kufi', 'IBM Plex Sans Arabic', 'Tajawal', sans-serif;
}