/* SAL v1.1.3 full-bleed + hide title */

/* =====================
   LANDING GLOBAL FIXES
   ===================== */

/* Hide theme/page title on landing (the "لیبل" you see) */
body.single-association_landing .entry-title,
body.single-association_landing h1.entry-title,
body.single-association_landing .page-title,
body.single-association_landing .elementor-page-title,
body.single-association_landing .elementor-heading-title{
  display: none !important;
}

/* Remove common theme paddings/margins that stop full-width */
body.single-association_landing .site-content,
body.single-association_landing .content-area,
body.single-association_landing .content,
body.single-association_landing .site-main,
body.single-association_landing main,
body.single-association_landing .container,
body.single-association_landing .wrap{
  padding-top: 0 !important;
}

/* =====================
   HERO (full-bleed 100vh)
   ===================== */
.sal-hero{
  position: relative;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;

  /* full-bleed even inside a constrained container */
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.sal-hero-bg{
  position:absolute; inset:0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.02);
}
.sal-hero-overlay{
  position:absolute; inset:0;
  background: rgba(0,0,0,.60);
}
.sal-hero-inner{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: clamp(22px, 5vw, 46px) clamp(12px, 3vw, 26px);
}
.sal-hero-content{ max-width: 860px; color: #fff; }
.sal-hero-title{
  margin: 0 0 10px;
  font-size: clamp(22px, 3.2vw, 44px);
  font-weight: 900;
  line-height: 1.15;
}
.sal-hero-desc{
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: 1.8;
  opacity: .95;
}

/* datetime: only icon + text */
.sal-hero-datetime{
  margin-top: 12px;
  font-size: 14px;
  opacity: .95;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.sal-hero-dt-icon{
  width:18px; height:18px; display:inline-block;
  background-size: 18px 18px;
  background-repeat:no-repeat;
  background-position:center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}

.sal-hero-actions{ margin-top: 18px; display:flex; justify-content:center; }
.sal-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 22px;
  border-radius: 12px;
  text-decoration:none;
  color:#0b0b0b;
  background: #fff;
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 16px 38px rgba(0,0,0,.26);
  font-weight: 800;
}

/* =====================
   Header transparency (Elementor/theme)
   ===================== */
body.single-association_landing header,
body.single-association_landing .elementor-location-header,
body.single-association_landing .site-header{
  position: absolute;
  top: 0; left: 0; right: 0;
  width: 100%;
  z-index: 9999;
  background: transparent !important;
}
body.single-association_landing .elementor-location-header .elementor-section,
body.single-association_landing .elementor-location-header .e-con,
body.single-association_landing header .elementor-section,
body.single-association_landing header .e-con{
  background: transparent !important;
}

/* =====================
   GALLERY
   ===================== */
.sal-gallery-section{ padding: clamp(18px, 3.5vw, 34px) 0; }
.sal-gallery-inner{ max-width: 1800px; margin: 0 auto; padding-inline: clamp(12px, 3vw, 26px); }

/* Title: only text + lines (no box/shadow) */
.sal-gallery-title{
  display:flex; align-items:center; justify-content:center; gap:14px;
  margin: 0 0 18px;
}
.sal-gallery-title::before,
.sal-gallery-title::after{ content:""; height:1px; flex:1 1 auto; background: rgba(0,0,0,.22); }
.sal-gallery-title span{
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 800;
  line-height: 1.25;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.sal-grid{ display:grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media(max-width: 1024px){ .sal-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 640px){ .sal-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sal-item{ display:block; text-decoration:none; color:inherit; }
.sal-card{
  border-radius: 12px;
  overflow:hidden;
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 26px rgba(0,0,0,.12);
  transition: transform .18s ease, box-shadow .18s ease;
}
.sal-item:hover .sal-card{ transform: translateY(-2px); box-shadow: 0 18px 40px rgba(0,0,0,.16); }
.sal-card img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.sal-video-poster{ position:relative; }
.sal-play{
  position:absolute; inset:auto 14px 14px auto;
  width:48px; height:48px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(0,0,0,.58); color:#fff; font-size:18px; line-height:1;
}
.sal-video-fallback{
  width:100%;
  aspect-ratio: 4 / 3;
  display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, rgba(0,0,0,.06), rgba(0,0,0,.12));
  position:relative;
}
.sal-video-label{
  position:absolute; inset:auto auto 14px 14px;
  background: rgba(0,0,0,.55); color:#fff;
  font-size:12px; padding:6px 10px; border-radius:12px;
}


/* =====================
   STRONG HEADER OVERLAY FIX (Elementor)
   ===================== */

/* Make header actually sit on top (remove reserved space / white bar) */
body.single-association_landing .elementor-location-header,
body.single-association_landing header.site-header,
body.single-association_landing header,
body.single-association_landing .site-header{
  position: absolute !important;  /* fixed is more reliable than absolute with Elementor */
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* If theme injects a spacer element for sticky header, kill it */
body.single-association_landing .header-spacer,
body.single-association_landing .site-header-spacer,
body.single-association_landing .elementor-sticky--effects + .elementor-element,
body.single-association_landing .sticky-header-spacer{
  height: 0 !important;
  display: none !important;
}

/* Force header containers to be transparent */
body.single-association_landing .elementor-location-header *{
  box-shadow: none !important;
}
body.single-association_landing .elementor-location-header .e-con,
body.single-association_landing .elementor-location-header .elementor-section,
body.single-association_landing .elementor-location-header .elementor-container,
body.single-association_landing .elementor-location-header .elementor-element{
  background: transparent !important;
}

/* Ensure page content doesn't get pushed down */
body.single-association_landing{
  padding-top: 0 !important;
}
body.single-association_landing .site-content,
body.single-association_landing main,
body.single-association_landing .elementor-location-single,
body.single-association_landing .elementor-location-single .elementor-section-wrap,
body.single-association_landing .elementor-location-single .elementor{
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* =====================
   NEVE THEME SPECIFIC FIXES
   ===================== */

/* Remove Neve title block completely (it wraps breadcrumbs + h1) */
body.single-association_landing .entry-header,
body.single-association_landing .nv-title-meta-wrap{
  display: none !important;
}

/* Neve adds top padding to main to compensate header; kill it on landing */
body.single-association_landing .neve-main{
  padding-top: 0 !important;
}
body.single-association_landing .single-post-container,
body.single-association_landing .nv-single-post-wrap,
body.single-association_landing .nv-content-wrap{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Make the actual Neve header overlay the hero (both desktop+mobile) */
body.single-association_landing header.header{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Ensure Elementor header containers inside Neve header are transparent and don't create a white strip */
body.single-association_landing header.header > .elementor,
body.single-association_landing header.header .elementor-location-header,
body.single-association_landing header.header .elementor-location-header .e-con,
body.single-association_landing header.header .elementor-location-header .elementor-element,
body.single-association_landing header.header .elementor-location-header .elementor-widget-container{
  background: transparent !important;
  box-shadow: none !important;
}

/* Some Neve/Elementor headers have a min-height or padding that shows as white; neutralize it */
body.single-association_landing header.header .elementor-location-header{
  margin: 0 !important;
  padding: 0 !important;
}
body.single-association_landing header.header .elementor-location-header .e-con{
  margin: 0 !important;
}

/* Optional: make links readable on hero (menu items) */
body.single-association_landing header.header .elementor-nav-menu a.elementor-item,
body.single-association_landing header.header .elementor-nav-menu a.elementor-sub-item{
  color: #fff !important;
}
body.single-association_landing header.header .elementor-menu-toggle svg{
  fill: #fff !important;
}

/* If Neve injects any spacer before main, hide it */
body.single-association_landing .nv-nav-wrap + .neve-main,
body.single-association_landing .header + .neve-main{
  margin-top: 0 !important;
}

@media(max-width: 420px){ .sal-grid{ grid-template-columns: 1fr; } }

/* =====================
   HOMEPAGE: Latest Landing Cards (shortcode)
   ===================== */
.sal-latest-wrap{
  max-width: 1400px;
  margin: 0 auto;
  padding-inline: clamp(12px, 3vw, 26px);
}
.sal-latest-grid{
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media(max-width: 1024px){ .sal-latest-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 640px){ .sal-latest-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 420px){ .sal-latest-grid{ grid-template-columns: 1fr; } }

.sal-latest-card{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 12px 26px rgba(0,0,0,.10);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sal-latest-media{ display:block; text-decoration:none; color:inherit; }
.sal-latest-thumb,
.sal-latest-thumb--placeholder{
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 14px;
  overflow: hidden;
  display: block;
  object-fit: cover;
}
.sal-latest-thumb--placeholder{
  background: linear-gradient(135deg, rgba(0,0,0,.06), rgba(0,0,0,.12));
}
.sal-latest-title{
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.45;
}
.sal-latest-title a{ color: inherit; text-decoration: none; }
.sal-latest-title a:hover{ text-decoration: underline; }

.sal-latest-btn{
  transition: all 0.2s ease;
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.14);
  background: #fff;
  color: #111;
  text-decoration: none;
  font-weight: 800;
}
.sal-latest-btn:hover{
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
  transform: translateY(-1px);
}


.neve-main > .single-post-container .nv-single-post-wrap.col
 {
        max-width: 100% !important;
    }
    
    .nv-thumb-wrap {
    display: none;
}

img.sal-latest-thumb.wp-post-image.lazyloaded {
    border-radius: 8px;
}

div#comments {
    display: none;
}