/*
Theme Name: Yopalt Services
Description: قالب احترافي للشركات الخدمية مع دعم كامل للغة العربية (RTL)، نظام بطاقات ديناميكي، وتخصيص كامل من لوحة التحكم.
Author: Yopalt
Text Domain: yopalt-services
Domain Path: /languages
Version: 1.0
*/
body { font-family: 'Tajawal', system-ui, sans-serif; direction: rtl; text-align: right; background: #f4f7f6; margin: 0; padding: 0; color: #333; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 30px; }
.card { background: #fff; padding: 25px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease; border-top: 4px solid #2c5364; }
.card:hover { transform: translateY(-7px); }
.card img { max-width: 100%; border-radius: 8px; margin-bottom: 15px; }
section { padding: 80px 0; }
.hero { background: linear-gradient(135deg, #0f2027, #203a43, #2c5364); color: #fff; text-align: center; padding: 120px 20px; border-radius: 0 0 30px 30px; }
.hero h1 { font-size: 3em; margin-bottom: 15px; }
.section-title { text-align: center; font-size: 2.2em; color: #0f2027; margin-bottom: 20px; }