/*
Theme Name: رقمنة
Theme URI: https://example.com
Author: فريق رقمنة
Author URI: https://example.com
Description: قالب ووردبريس لموقع إخباري تقني عربي (RTL)، مصمم خصيصًا لمواقع الأخبار التقنية المتوافقة مع Google AdSense.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: raqmana
Tags: right-to-left, custom-menu, featured-images, translation-ready
*/

/* ===== Design tokens ===== */
:root{
  --bg: #F4F5F3;
  --surface: #FFFFFF;
  --ink: #101826;
  --muted: #5B6472;
  --line: #DEE1DC;
  --accent: #0E7C86;
  --accent-ink: #063C41;
  --accent2: #6753C9;
  --accent2-ink: #241A5C;
  --warn: #B4552B;
  --radius: 3px;
  --maxw: 1080px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Tajawal', 'Segoe UI', sans-serif;
  line-height:1.75;
}
h1,h2,h3,h4,.brand{
  font-family:'Cairo', 'Tajawal', sans-serif;
  font-weight:800;
  line-height:1.3;
  margin:0 0 .5em;
}
a{color:var(--accent-ink); text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%; height:auto; display:block;}

.wrap{max-width:var(--maxw); margin:0 auto; padding:0 20px;}

/* ===== Header ===== */
header.site{ border-bottom:3px solid var(--ink); background:var(--surface); }
.site-top{ display:flex; align-items:center; justify-content:space-between; padding:22px 0 16px; flex-wrap:wrap; gap:10px; }
.brand{font-size:1.7rem; margin:0; letter-spacing:-.5px;}
.brand span{color:var(--accent);}
.tagline{color:var(--muted); font-size:.85rem; margin-top:2px;}
nav.main{ border-top:1px solid var(--line); padding:10px 0; display:flex; gap:26px; flex-wrap:wrap; font-weight:700; font-size:.95rem; }
nav.main ul{list-style:none; display:flex; gap:26px; flex-wrap:wrap; margin:0; padding:0;}
nav.main a{color:var(--ink);}
nav.main a:hover{color:var(--accent-ink);}

/* ===== Featured ===== */
.featured{ display:grid; grid-template-columns:1.3fr 1fr; gap:28px; padding:34px 0; border-bottom:1px solid var(--line); }
@media(max-width:780px){ .featured{grid-template-columns:1fr;} }
.featured-main{ background:var(--surface); border-right:5px solid var(--accent); padding:26px; }
.featured-main h2{font-size:1.7rem;}
.featured-side{display:flex; flex-direction:column; gap:16px;}
.mini-card{ background:var(--surface); padding:16px 18px; border-right:3px solid var(--accent2); }
.mini-card h3{font-size:1.02rem; margin:0 0 4px;}

/* ===== Tags / meta ===== */
.tag{ display:inline-block; background:var(--accent2); color:#fff; font-family:'Cairo',sans-serif; font-weight:700; font-size:.72rem; padding:3px 10px; border-radius:var(--radius); }
.meta{color:var(--muted); font-size:.82rem; margin:8px 0;}

/* ===== Grid ===== */
.section-title{ font-size:1.15rem; margin:36px 0 18px; padding-bottom:10px; border-bottom:2px solid var(--ink); }
.grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding-bottom:30px; }
@media(max-width:900px){ .grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px){ .grid{grid-template-columns:1fr;} }
.card{ background:var(--surface); padding:18px 20px; border-right:4px solid var(--line); transition:border-color .15s ease; }
.card:hover{border-right-color:var(--accent);}
.card h3{font-size:1.05rem;}
.card p{color:var(--muted); font-size:.9rem; margin:8px 0 0;}

/* ===== Article page ===== */
.article-head{padding:34px 0 10px;}
.article-head h1{font-size:2rem;}
.article-body{ background:var(--surface); padding:30px clamp(18px,5vw,50px); max-width:760px; margin:0 auto 30px; }
.article-body p{margin:0 0 1.1em; font-size:1.02rem;}
.article-body h2{font-size:1.25rem; margin-top:1.4em;}
.byline{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:12px 0; margin:18px 0 26px; font-size:.85rem; color:var(--muted); }
.related{max-width:760px; margin:0 auto 50px;}
.related h2{font-size:1.05rem; border-bottom:2px solid var(--ink); padding-bottom:8px;}
.related ul{list-style:none; padding:0; margin:14px 0 0;}
.related li{padding:9px 0; border-bottom:1px solid var(--line);}
.related a{font-weight:700;}

/* ===== Static pages ===== */
.page{ background:var(--surface); max-width:760px; margin:34px auto 60px; padding:34px clamp(18px,5vw,50px); }
.page h1{font-size:1.7rem; border-bottom:3px solid var(--accent); padding-bottom:12px;}
.page h2{font-size:1.15rem; margin-top:1.6em;}

/* ===== Footer ===== */
footer.site{ border-top:3px solid var(--ink); margin-top:20px; padding:30px 0; color:var(--muted); font-size:.85rem; }
.footer-cols{display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px;}
.footer-cols nav ul{display:flex; gap:16px; flex-wrap:wrap; list-style:none; margin:0; padding:0;}
.footer-cols nav a{color:var(--muted);}
.disclaimer{margin-top:16px; font-size:.78rem; opacity:.85;}

/* Accessibility */
a:focus-visible, button:focus-visible{outline:3px solid var(--accent); outline-offset:2px;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }

/* WP defaults */
.alignleft{float:left; margin:0 1em 1em 0;}
.alignright{float:right; margin:0 0 1em 1em;}
.aligncenter{display:block; margin:0 auto 1em;}
.wp-caption{max-width:100%;}
.screen-reader-text{position:absolute; left:-9999px;}