/*
Theme Name: عمان 22 التعليمي - النمط الفاتح المطور
Theme URI: https://oman22.com
Author: Oman 22 Digital
Description: قالب تعليمي راقٍ بنمط فاتح، يدعم اختيار التصنيفات يدوياً والسيو التلقائي.
Version: 27.1.0
License: GNU General Public License v2 or later
Text Domain: oman22
*/
:root { --gold: #C5A059; --text: #2D3436; --bg: #FFFFFF; --gray: #F8F9FA; }
body { font-family: 'Cairo', sans-serif; background: var(--gray); direction: rtl; margin: 0; color: var(--text); line-height: 1.8; }
.container { max-width: 1350px; margin: 0 auto; padding: 0 20px; }
.site-header { background: #fff; padding: 20px 0; border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 1000; box-shadow: 0 4px 15px rgba(0,0,0,0.02); }
.grid-layout { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; }
.card-frame { background: #fff; border-radius: 25px; padding: 15px; border: 1px solid #f0f0f0; transition: 0.4s ease; box-shadow: 0 5px 15px rgba(0,0,0,0.02); }
.card-frame:hover { transform: translateY(-10px); border-color: var(--gold); }
.thumb { width: 100%; height: 180px; border-radius: 18px; object-fit: cover; margin-bottom: 15px; }
.sidebar { width: 350px; flex-shrink: 0; }
@media (max-width: 768px) { .grid-layout { grid-template-columns: 1fr; } .sidebar { width: 100%; } }