/*
Theme Name: LoodaCorp Portal
Theme URI: https://loodacorp.site/
Author: Ahmed Waleed & AI Assistant
Author URI: https://loodacorp.site/
Description: Fast, AdSense-ready dark gaming portal theme. Bilingual-ready (English/Arabic), responsive, SEO friendly, with ad slots and a portal-style homepage.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loodacorp
Tags: blog, one-column, two-columns, right-sidebar, custom-logo, custom-menu, rtl-language-support, translation-ready
*/
:root{
  --bg:#0d0f14;
  --panel:#12151c;
  --text:#e6e6e6;
  --muted:#a7a7a7;
  --accent:#d4af37; /* gold */
  --border:#252935;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
  line-height:1.7;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.header{
  background:linear-gradient(180deg, #12151c, #0d0f14);
  border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:1000;
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.brand img{height:36px;width:auto}
.menu{display:flex;gap:18px;flex-wrap:wrap}
.menu a{color:var(--text);opacity:.9}
.menu a.active{color:var(--accent)}
.hero{
  display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:20px 0;
}
.card,.sidebar .widget,.post-card{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:14px;
  padding:16px;
  box-shadow:0 10px 20px rgba(0,0,0,.25);
}
.hero .featured{min-height:280px;background:linear-gradient(120deg,#12151c,#0d0f14);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;border-radius:14px;border:1px solid var(--border)}
.hero .featured h2{margin:0 0 8px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sidebar{display:flex;flex-direction:column;gap:20px}
.footer{border-top:1px solid var(--border);padding:24px 0;margin-top:32px;color:var(--muted);font-size:.9rem}
.ad-slot{border:1px dashed var(--border);border-radius:12px;padding:10px;text-align:center;color:var(--muted);font-size:.9rem}
.post{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;margin:20px 0}
.post h1{margin-top:0}
.post img{max-width:100%;border-radius:12px}
.meta{color:var(--muted);font-size:.9rem}
.button{display:inline-block;background:var(--accent);color:#111;padding:10px 14px;border-radius:10px;font-weight:700}
@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){.grid{grid-template-columns:1fr}}
/* RTL tweaks */
body.rtl{direction:rtl}
body.rtl .menu{flex-direction:row-reverse}
body.rtl .hero{direction:rtl}