/*
Theme Name: أكاديمية لغتي (Storefront Child)
Theme URI: https://example.com
Description: قالب فرعي مبني على Storefront (القالب الرسمي المجاني لووكومرس) بهوية أكاديمية لغتي — أبيض وكحلي، خطوط Noto Kufi Arabic و IBM Plex Sans Arabic.
Author: Claude + هشوم
Template: storefront
Version: 1.0.0
Text Domain: akadimiyat-lughati
*/

/* ==========================================================================
   ألوان الهوية (Design Tokens) — كل تعديل لوني مستقبلي يصير هنا فقط
   ========================================================================== */
:root{
  --al-navy:#0F2238;
  --al-navy-deep:#0A1728;
  --al-white:#FFFFFF;
  --al-bg-soft:#F2F4F7;
  --al-line:rgba(15,34,56,0.14);
}

/* ==========================================================================
   الخطوط
   ========================================================================== */
body, button, input, select, textarea{
  font-family:'IBM Plex Sans Arabic', Tahoma, sans-serif;
  color:var(--al-navy);
}
h1,h2,h3,h4,h5,h6,
.site-title, .site-branding, .storefront-primary-navigation a,
.woocommerce-Price-amount{
  font-family:'Noto Kufi Arabic', Tahoma, sans-serif;
  font-weight:700;
}

/* ==========================================================================
   الهيدر والشعار
   ========================================================================== */
.site-header{
  background:var(--al-white);
  border-bottom:1px solid var(--al-line);
}
.site-branding .custom-logo{
  max-height:44px;
  width:auto;
  border-radius:8px;
}
.site-title a{color:var(--al-navy);}

/* ==========================================================================
   الأزرار والروابط — كل شي بلون واحد (كحلي) بدل الألوان الافتراضية للقالب
   ========================================================================== */
a{color:var(--al-navy);}
a:hover{color:var(--al-navy-deep);}

.button, .woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt,
.site-header-cart .widget_shopping_cart .buttons a{
  background-color:var(--al-navy);
  border-color:var(--al-navy);
  color:var(--al-white) !important;
  font-family:'IBM Plex Sans Arabic', Tahoma, sans-serif;
  font-weight:600;
  border-radius:8px;
}
.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover{
  background-color:var(--al-navy-deep);
  border-color:var(--al-navy-deep);
}

/* شارات الحالة (بدل الأخضر/الأصفر الافتراضي) تبقى بألوانها الوظيفية عمداً
   لأنها مؤشرات حالة (متوفر / نافد) وليست عناصر هوية — هذا قرار تصميمي مقصود */

/* ==========================================================================
   القوائم والتنقل
   ========================================================================== */
.main-navigation ul li a{color:var(--al-navy);font-weight:600;}
.main-navigation ul li a:hover{color:var(--al-navy-deep);}

/* ==========================================================================
   بطاقات المنتجات
   ========================================================================== */
ul.products li.product{
  border:1px solid var(--al-line);
  border-radius:12px;
  padding:14px;
  background:var(--al-white);
}
ul.products li.product .price{color:var(--al-navy);font-weight:700;}

/* ==========================================================================
   الفوتر
   ========================================================================== */
.site-footer{
  background:var(--al-navy);
  color:var(--al-white);
}
.site-footer a{color:var(--al-white);opacity:.85;}
.site-footer a:hover{opacity:1;}

/* ==========================================================================
   دعم الاتجاه من اليمين لليسار (RTL) — احتياطي فوق دعم Storefront المدمج
   ========================================================================== */
body.rtl .site-header-cart{margin-left:0;margin-right:auto;}