/*
Theme Name: Souq Arabi
Theme URI: https://example.com/souq-arabi
Author: ChatGPT
Author URI: https://openai.com/
Description: قالب متجر عربي متوافق مع ووكومرس، متجاوب ويدعم RTL بالكامل.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: souq-arabi
Tags: e-commerce, rtl-language-support, woocommerce, blog, custom-colors, custom-logo, custom-menu
*/

/* الخطوط الأساسية والمنهجية */
:root{
  --sa-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Arabic", "Cairo", "Tajawal", sans-serif;
  --sa-primary:#1e88e5;
  --sa-primary-dark:#1565c0;
  --sa-accent:#ffb300;
  --sa-bg:#f6f7fb;
  --sa-text:#1f2937;
  --sa-muted:#6b7280;
  --sa-border:#e5e7eb;
  --sa-card:#ffffff;
}

/* Reset بسيط مع مراعاة RTL */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--sa-font);
  background:var(--sa-bg);
  color:var(--sa-text);
  line-height:1.65;
}
a{color:var(--sa-primary);text-decoration:none}
a:hover{color:var(--sa-primary-dark)}
.container{
  max-width:1200px;
  margin-inline:auto;
  padding-inline:16px;
}
.site-header{
  background:#fff;
  border-bottom:1px solid var(--sa-border);
  position:sticky;top:0;z-index:20;
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px; padding:12px 0;
}
.brand{display:flex;align-items:center;gap:12px}
.brand .site-title{font-weight:700;font-size:20px;margin:0}
.nav{display:flex;gap:12px;flex-wrap:wrap}
.nav a{padding:8px 12px;border-radius:8px}
.nav a[aria-current="page"], .nav a:hover{background:var(--sa-bg)}
.header-actions{display:flex;align-items:center;gap:10px}

.hero{
  background:linear-gradient(135deg,var(--sa-primary),var(--sa-primary-dark));
  color:white; padding:38px 0; margin-bottom:20px;
  border-radius:0 0 16px 16px;
}
.hero h1{margin:0 0 8px;font-size:28px}
.hero p{margin:0;color:#f1f5f9}

.grid{
  display:grid; gap:16px;
  grid-template-columns:repeat(auto-fill, minmax(220px,1fr));
}
.card{
  background:var(--sa-card); border:1px solid var(--sa-border);
  border-radius:12px; overflow:hidden;
}
.card .card-body{padding:12px}
.card h3{margin:0 0 6px;font-size:18px}
.badge{display:inline-block;background:var(--sa-accent);color:#111827;border-radius:999px;padding:4px 10px;font-weight:700;font-size:12px}

.site-footer{
  margin-top:32px;background:#fff;border-top:1px solid var(--sa-border);padding:24px 0;color:var(--sa-muted);
}
.site-main{padding-block:20px}

/* WooCommerce تحسينات عامة */
.woocommerce .products .product{
  background:#fff;border:1px solid var(--sa-border);border-radius:12px;overflow:hidden;padding:10px
}
.woocommerce ul.products li.product .button{
  width:100%;text-align:center;border-radius:10px;padding:10px 12px;
  background:var(--sa-primary);color:#fff
}
.woocommerce ul.products li.product .button:hover{background:var(--sa-primary-dark)}
.woocommerce div.product .summary .single_add_to_cart_button{
  background:var(--sa-primary);border-radius:10px;padding:12px 16px
}
.woocommerce div.product .summary .single_add_to_cart_button:hover{background:var(--sa-primary-dark)}

/* نماذج */
input, select, textarea{
  width:100%;padding:10px;border:1px solid var(--sa-border);border-radius:10px;background:#fff
}
button, .button{
  cursor:pointer;border:0;border-radius:10px;padding:10px 14px;background:var(--sa-primary);color:#fff
}
button:hover, .button:hover{background:var(--sa-primary-dark)}

.widget{background:#fff;border:1px solid var(--sa-border);border-radius:12px;padding:12px}

@media (max-width:768px){
  .header-inner{flex-wrap:wrap}
}