/*
Theme Name: JYAM Consulting
Theme URI: https://example.com/jyam-consulting
Author: JYAM Studio
Author URI: https://example.com
Description: ثيم ووردبريس احترافي متوافق بالكامل مع Elementor، مصمم لشركة جيام (JYAM) للاستشارات التقنية والاستراتيجية التي تخدم الجمعيات الخيرية وقطاع العمل غير الربحي. يدعم العربية واللغات RTL، ويوفر قوالب صفحات Elementor Canvas وFull Width، وألوان ومحارف عصرية. A modern, RTL-ready WordPress theme for JYAM — a tech & strategy consulting firm serving non-profits, fully compatible with Elementor.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jyam-consulting
Tags: elementor, rtl-language-support, full-width-template, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog, business
*/

/* =========================================================
   CSS Variables — Brand Tokens
========================================================= */
:root{
  --ac-primary:#0E7C66;       /* أخضر زمردي يرمز للعطاء والتنمية */
  --ac-primary-dark:#0A5A4A;
  --ac-accent:#F5A623;        /* ذهبي دافئ */
  --ac-ink:#0F1B2D;
  --ac-text:#2A3445;
  --ac-muted:#6B7280;
  --ac-bg:#FFFFFF;
  --ac-soft:#F6FAF9;
  --ac-border:#E5E7EB;
  --ac-radius:14px;
  --ac-shadow:0 10px 30px rgba(14,124,102,.08);
  --ac-container:1200px;
  --ac-font-ar:"Tajawal","Cairo","Segoe UI",system-ui,sans-serif;
  --ac-font-en:"Inter","Segoe UI",system-ui,sans-serif;
}

/* =========================================================
   Base
========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--ac-font-ar);
  color:var(--ac-text);
  background:var(--ac-bg);
  line-height:1.75;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
body.rtl,html[dir="rtl"] body{font-family:var(--ac-font-ar)}
img{max-width:100%;height:auto;display:block}
a{color:var(--ac-primary);text-decoration:none;transition:color .2s}
a:hover{color:var(--ac-primary-dark)}
h1,h2,h3,h4,h5,h6{color:var(--ac-ink);line-height:1.3;margin:0 0 .6em;font-weight:700}
h1{font-size:2.4rem}
h2{font-size:1.9rem}
h3{font-size:1.4rem}
p{margin:0 0 1em}

.ac-container{max-width:var(--ac-container);margin:0 auto;padding:0 20px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* =========================================================
   Header
========================================================= */
.ac-site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--ac-border);
}
.ac-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 0;gap:24px;
}
.ac-logo{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ac-ink);font-size:1.25rem}
.ac-logo .ac-logo-mark{
  width:38px;height:38px;border-radius:10px;
  background:linear-gradient(135deg,var(--ac-primary),var(--ac-accent));
  display:grid;place-items:center;color:#fff;font-weight:900;
}
.ac-nav ul{list-style:none;display:flex;gap:6px;margin:0;padding:0;flex-wrap:wrap}
.ac-nav a{
  display:inline-block;padding:10px 14px;border-radius:10px;
  color:var(--ac-ink);font-weight:600;
}
.ac-nav a:hover,.ac-nav .current-menu-item > a{
  background:var(--ac-soft);color:var(--ac-primary);
}
.ac-cta{
  background:var(--ac-primary);color:#fff!important;padding:10px 18px;border-radius:10px;
  box-shadow:var(--ac-shadow);
}
.ac-cta:hover{background:var(--ac-primary-dark)}
.ac-burger{display:none;background:none;border:0;font-size:24px;cursor:pointer;color:var(--ac-ink)}

@media (max-width:860px){
  .ac-burger{display:block}
  .ac-nav{position:absolute;top:100%;inset-inline:0;background:#fff;border-bottom:1px solid var(--ac-border);display:none;padding:10px 20px}
  .ac-nav.is-open{display:block}
  .ac-nav ul{flex-direction:column;gap:0}
  .ac-nav a{padding:14px;border-bottom:1px solid var(--ac-border);border-radius:0}
}

/* =========================================================
   Default Hero (when not using Elementor)
========================================================= */
.ac-hero{
  background:
    radial-gradient(1200px 500px at 100% -10%,rgba(245,166,35,.18),transparent 60%),
    radial-gradient(900px 500px at -10% 110%,rgba(14,124,102,.18),transparent 60%),
    linear-gradient(180deg,#fff,#F6FAF9);
  padding:80px 0;
}
.ac-hero h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:18px}
.ac-hero p.lead{font-size:1.15rem;color:var(--ac-muted);max-width:720px}
.ac-hero .ac-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.ac-btn{
  display:inline-block;padding:12px 22px;border-radius:12px;font-weight:700;
  background:var(--ac-primary);color:#fff;
}
.ac-btn:hover{background:var(--ac-primary-dark);color:#fff}
.ac-btn.secondary{background:#fff;color:var(--ac-ink);border:1px solid var(--ac-border)}

/* =========================================================
   Content / Posts
========================================================= */
.ac-main{padding:60px 0}
.ac-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.ac-card{
  background:#fff;border:1px solid var(--ac-border);border-radius:var(--ac-radius);
  overflow:hidden;transition:transform .2s,box-shadow .2s;
}
.ac-card:hover{transform:translateY(-4px);box-shadow:var(--ac-shadow)}
.ac-card .ac-card-body{padding:20px}
.ac-card h3{margin:0 0 8px;font-size:1.15rem}
.ac-card .meta{color:var(--ac-muted);font-size:.9rem;margin-bottom:8px}

article.ac-single{max-width:820px;margin:0 auto}
article.ac-single .entry-content{font-size:1.05rem}
article.ac-single .entry-content img{border-radius:12px;margin:16px 0}

.ac-pagination{margin-top:30px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ac-pagination .page-numbers{
  padding:8px 14px;border:1px solid var(--ac-border);border-radius:10px;color:var(--ac-ink);
}
.ac-pagination .current{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}

/* =========================================================
   Footer
========================================================= */
.ac-site-footer{
  background:var(--ac-ink);color:#cfd6e4;margin-top:60px;
}
.ac-footer-grid{
  display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding:60px 0 30px;
}
.ac-site-footer h4{color:#fff;margin-bottom:14px;font-size:1.05rem}
.ac-site-footer a{color:#cfd6e4}
.ac-site-footer a:hover{color:var(--ac-accent)}
.ac-site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ac-copy{
  border-top:1px solid rgba(255,255,255,.08);
  padding:18px 0;text-align:center;font-size:.9rem;color:#9aa4b8;
}
@media (max-width:760px){
  .ac-footer-grid{grid-template-columns:1fr;gap:24px;padding:40px 0 20px}
}

/* =========================================================
   Forms / Comments
========================================================= */
input[type="text"],input[type="email"],input[type="url"],input[type="search"],textarea{
  width:100%;padding:12px 14px;border:1px solid var(--ac-border);border-radius:10px;
  font:inherit;background:#fff;
}
input:focus,textarea:focus{outline:none;border-color:var(--ac-primary);box-shadow:0 0 0 3px rgba(14,124,102,.15)}
.comments-area{margin-top:40px}
.comment-list{list-style:none;padding:0}
.comment-body{padding:16px;border:1px solid var(--ac-border);border-radius:12px;margin-bottom:14px;background:#fff}

/* =========================================================
   Elementor compatibility helpers
========================================================= */
.elementor-page .ac-main{padding:0}
.elementor-section.elementor-section-stretched{position:relative;width:100%}

/* WordPress core classes */
.alignleft{float:left;margin:5px 20px 20px 0}
.alignright{float:right;margin:5px 0 20px 20px}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:.9rem;color:var(--ac-muted);text-align:center;margin-top:6px}
.sticky{}
.bypostauthor{}
.gallery-caption{}