/* ══════════════════════════════════════════════════
   السوق الشرقي — Theme Base CSS v1.1
   يزيل ستايل ووردبريس ويضبط الشاشة كاملة
   ══════════════════════════════════════════════════ */

/* ── RESET ─────────────────────────────────────────── */
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── BASE ───────────────────────────────────────────── */
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  direction: rtl;
  background: #f4f2ed;
  color: #111;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── FULL WIDTH: kill ALL WP theme wrappers ─────────── */
#ssq-wrap,
#page,
#content,
#primary,
#main,
.site,
.site-inner,
.wrap,
.entry-content,
.page-content,
.post-content,
.container,
.container-fluid,
.site-content,
#wpadminbar + #page {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Kill Astra / Genesis / any popular theme containers */
.ast-container,
.ast-row,
.ast-page-builder-template,
.elementor-section-boxed > .elementor-container,
.wp-site-blocks,
.is-layout-constrained > *,
.is-layout-flow > * {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Hide WP default page title */
.entry-title,
.page-title,
h1.entry-title,
.wp-block-post-title,
.ast-page-title-bar,
.ast-breadcrumbs-content {
  display: none !important;
}

/* Remove default WP content padding */
.entry-content,
.page-content,
.post-content {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* Fix WordPress admin bar offset when logged in */
.admin-bar .ssq-header,
.admin-bar header.ssq-header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .ssq-header,
  .admin-bar header.ssq-header {
    top: 46px;
  }
  .admin-bar .ssq-ribbon {
    top: calc(46px + 60px) !important;
  }
}

/* ── TYPOGRAPHY ─────────────────────────────────────── */
a { color: #1a6b3a; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }

/* ── SCROLLBAR ──────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #f0ede7; }
::-webkit-scrollbar-thumb { background: #bbb; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #1a6b3a; }

/* ── TEXT SELECTION ─────────────────────────────────── */
::-moz-selection { background: #1a6b3a; color: #fff; }
::selection { background: #1a6b3a; color: #fff; }

/* ── FADE IN ────────────────────────────────────────── */
#ssq-wrap { -webkit-animation: ssqFade .3s ease; animation: ssqFade .3s ease; }
@-webkit-keyframes ssqFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ssqFade { from { opacity: 0; } to { opacity: 1; } }