/* === Reset & Base === */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Cairo",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f8fafc;color:#0f172a}
body.no-scroll{overflow:hidden}
a{text-decoration:none;color:inherit}

/* Containers */
.container{max-width:1100px;margin-inline:auto;padding:0 16px}

/* Topbar — سطر واحد دائمًا */
.topbar{background:linear-gradient(90deg,var(--accent-from),var(--accent-to));color:#fff}
.topbar-in{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 0
}
.topbar-msg{
  font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:13px;line-height:1.2
}
.topbar-btn{
  padding:6px 10px;font-size:13px; align-items:center;background:#fff;color:#0f172a;border:0;border-radius:10px
}
@media (max-width:420px){
  .topbar-msg{font-size:13px}
  .topbar-btn{font-size:11px;padding:2px 5px}
}

/* Header / Navbar */
.header{background:var(--hdr);position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(15,23,42,.06)}
.nav-grid{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 0
}
.logo{display:flex;gap:10px;align-items:center}

.nav-main{justify-self:center;display:flex;gap:14px;align-items:center}
.nav-main .link{padding:10px;border-radius:10px}
.nav-main .link:hover{background:#fff;box-shadow:0 4px 10px rgba(2,6,23,.06)}

.nav-end{display:flex;align-items:center;gap:14px}
.auth-actions{display:flex;gap:10px;align-items:center}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(15,23,42,.12);font-weight:800;background:#fff}
.btn-solid{background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(11,91,211,.18)}
.btn-outline{background:#fff}
.btn:hover{transform:translateY(-1px)}
.burger{display:none;background:none;border:0;padding:8px;border-radius:10px;line-height:0}

/* Drawer (mobile) */
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:85;display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .2s ease}
.drawer-backdrop.show{opacity:1;pointer-events:auto}
.drawer-panel{width:min(86%,360px);height:100%;background:#fff;border-inline-start:1px solid rgba(15,23,42,.08);transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column}
.drawer-backdrop.show .drawer-panel{transform:translateX(0)}
.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.06)}
.drawer-brand{display:flex;align-items:center;gap:8px}
.drawer-close{background:#f1f5f9;border:0;border-radius:10px;padding:8px;cursor:pointer}
.drawer-nav,.drawer-auth{padding:12px 16px}
.drawer-link{display:block;padding:12px 10px;color:#0f172a;border-bottom:1px solid rgba(15,23,42,.08)}
.drawer-link:last-child{border-bottom:0}
.btn.block{display:flex;width:100%}
.drawer-auth .btn{margin-top:8px}

/* Footer */
.site-footer{margin-top:40px;background:#fff;border-top:1px solid rgba(15,23,42,.08)}
/* ثلاثة أعمدة: Powered | حقوق (بالوسط) | الروابط */
.footer-inner{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px
}
.powered-line{display:flex;gap:8px;align-items:center;justify-self:start;flex-wrap:wrap}
.copy-line{opacity:.9;justify-self:center;text-align:center;white-space:nowrap}
.footer-links{display:flex;gap:12px;flex-wrap:wrap;justify-self:end}
.footer-links .link{padding:6px 0}

/* Responsive breakpoints */
@media (max-width:1024px){
  .container{max-width:960px}
}
@media (max-width:840px){
  .nav-main,.auth-actions{display:none} /* الموبايل: فقط البرغر */
  .burger{display:inline-flex}
}
@media (max-width:640px){
  .container{padding:0 12px}
  .footer-inner{grid-template-columns:1fr;gap:10px;text-align:center;justify-items:center}
  .powered-line{justify-content:center}
  .footer-links{justify-content:center}
}

/* Modal Soon */
.soon-modal{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:90}
.soon-card{background:#fff;border-radius:16px;padding:20px;max-width:420px;width:92%;box-shadow:0 20px 40px rgba(2,6,23,.2)}

/* (احتياطي) */
.navbar{border-bottom:1px solid rgba(15,23,42,.06)!important}