/* =========================================
   NASR AQARAT — SAFE PATCH
   Only:
   1. Keep social icons inside hero
   2. CRM-style dark theme
   3. Hide visible browser scrollbar
   ========================================= */


/* 1. SOCIAL ICONS STAY INSIDE HERO */

.norro-hero{
  position:relative;
}

.norro-hero .lux-social-rail{
  position:absolute !important;
  left:auto !important;
  right:24px !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  z-index:18 !important;
}

@media(max-width:960px){
  .norro-hero .lux-social-rail{
    right:14px !important;
  }
}

@media(max-width:640px){
  .norro-hero .lux-social-rail{
    left:14px !important;
    right:auto !important;
    top:auto !important;
    bottom:16px !important;
    transform:none !important;
    flex-direction:row !important;
  }
}


/* 2. CRM-STYLE DARK THEME
   Gray / white only — no green */

:root[data-theme="dark"]{
  --ui-bg:#0b0b0b;
  --ui-surface:#141414;
  --ui-surface-2:#1b1b1b;
  --ui-text:#f5f5f5;
  --ui-muted:#a3a3a3;
  --ui-line:#2a2a2a;
  --ui-soft:#202020;
  --ui-accent:#f2f2f2;
  color-scheme:dark;
}

:root[data-theme="dark"] body{
  background:#0b0b0b !important;
  color:#f5f5f5 !important;
}

:root[data-theme="dark"] .site-header{
  background:rgba(11,11,11,.96) !important;
  color:#f5f5f5 !important;
  border-bottom-color:#252525 !important;
}

:root[data-theme="dark"] .brand-mark,
:root[data-theme="dark"] .theme-toggle{
  background:#181818 !important;
  color:#f5f5f5 !important;
  border-color:#343434 !important;
}

:root[data-theme="dark"] .lux-pill-nav,
:root[data-theme="dark"] .motion-search,
:root[data-theme="dark"] .property-card,
:root[data-theme="dark"] .story-card,
:root[data-theme="dark"] .detail-panel{
  background:#151515 !important;
  color:#f5f5f5 !important;
  border-color:#2b2b2b !important;
}

:root[data-theme="dark"] .search-scene,
:root[data-theme="dark"] .sticky-story,
:root[data-theme="dark"] .featured-scene,
:root[data-theme="dark"] .final-scene{
  background:#0f0f0f !important;
  color:#f5f5f5 !important;
}

:root[data-theme="dark"] .property-location,
:root[data-theme="dark"] .property-meta,
:root[data-theme="dark"] .story-card p,
:root[data-theme="dark"] .sticky-copy p,
:root[data-theme="dark"] .featured-heading p{
  color:#a3a3a3 !important;
}


/* 3. HIDE VISIBLE SCROLLBAR
   Scrolling still works */

html{
  scrollbar-width:none;
}

html::-webkit-scrollbar{
  display:none;
}

body{
  -ms-overflow-style:none;
}

/* 4. KEEP HOMEPAGE HEADER TRANSPARENT IN DARK MODE */

:root[data-theme="dark"] body.home-page .site-header{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* 5. BACK TO TOP BUTTON */

/* 5. BACK TO TOP BUTTON */

.back-to-top{
  position:fixed;
  right:28px !important;
  left:auto !important;
  bottom:28px !important;

  width:50px;
  height:50px;

  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);

  background:rgba(18,18,18,.88);
  color:#fff;

  display:grid;
  place-items:center;

  font-size:20px;
  font-weight:500;
  line-height:1;

  cursor:pointer;
  z-index:200;

  opacity:0;
  visibility:hidden;
  transform:translateY(10px);

  box-shadow:0 8px 24px rgba(0,0,0,.28);

  transition:
    opacity .25s ease,
    transform .25s ease,
    visibility .25s ease,
    background .25s ease;
}

.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.back-to-top:hover{
  background:#232323;
}

@media(max-width:640px){
  .back-to-top{
    right:16px !important;
    left:auto !important;
    bottom:16px !important;
    width:44px;
    height:44px;
    font-size:18px;
  }
}