@font-face {
  font-family: 'Iranian Sans';
  src: url('fonts/Iranian Sans.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

* {
  box-sizing: border-box;
  font-family: 'Iranian Sans', Vazirmatn, Tahoma, sans-serif;
}

body,html {
  height:100%;
  margin:0;
  background:#f6fbf6;
  color:#112;
}

.site-header {
  position:relative;
  height:220px;
  overflow:hidden;
}

.site-header .banner {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(0.6);
}

.header-overlay {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:20px;
}

.header-overlay .logo {
  height:80px;
  width:80px;
  object-fit:contain;
  border-radius:8px;
  background:white;
  padding:6px;
  box-shadow:0 2px 10px rgba(0,0,0,0.15);
}

.header-overlay h1 {
  color:#fff;
  margin:0;
  font-size:32px;
  text-align:center;
  text-shadow:0 2px 10px rgba(0,0,0,0.4);
  white-space:nowrap;
}

.container {
  max-width:1200px;
  margin:20px auto;
  padding:10px;
}

/* بخش عنوان سکشن */
.section-title {
  text-align:center;
  color:#0a5517;
  font-size:26px;
  margin:40px 0 25px 0;
  border-bottom:3px solid #c8e6c9;
  display:inline-block;
  padding-bottom:6px;
  width:100%;
}

/* گریدهای بزرگ */
.grid {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:18px;
}

.map-card {
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(18,27,34,0.06);
  display:flex;
  flex-direction:column;
  transition:all .35s ease;
}

/* نور سبز */
.map-card:hover {
  transform:translateY(-8px) scale(1.005);
  box-shadow:
    0 0 0 4px rgba(39,174,96,0.25),
    0 14px 30px rgba(18,27,34,0.15);
}

.map-wrap {
  position:relative;
  padding-top:56.25%;
  overflow:hidden;
}

.map-wrap img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:all 0.45s ease;
}

.map-link {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.map-overlay {
  background:rgba(0,0,0,0.45);
  backdrop-filter:blur(6px);
  color:#fff;
  padding:12px 20px;
  border-radius:8px;
  font-size:14px;
  opacity:0;
  transform:scale(0.85);
  transition:all 0.35s ease;
  text-align:center;
}

.map-overlay::before {
  content:"🗺️";
  display:block;
  font-size:34px;
  margin-bottom:6px;
}

.map-wrap:hover img {
  filter:blur(2px) brightness(0.8);
  transform:scale(1.08);
}

.map-wrap:hover .map-overlay {
  opacity:1;
  transform:scale(1);
}

.caption {
  padding:12px 16px;
  border-top:1px solid #f0f0f0;
  color:#244;
  text-align:center;
  transition:all .25s ease;
}

.map-card:hover .caption {
  color:#0f8f2c;
  font-weight:bold;
  background:#eefaf0;
}

/* تب‌های بالا */
.top-tabs {
  display:flex;
  justify-content:space-evenly;
  background:linear-gradient(90deg,#1b5e20,#2e7d32);
  padding:12px 0;
  position:sticky;
  top:0;
  z-index:1000;
  border-bottom:3px solid #145214;
}

.top-tabs a {
  flex:1;
  text-align:center;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  padding:12px 0;
  transition:all 0.25s ease;
  border-right:1px solid rgba(255,255,255,0.2);
}

.top-tabs a:last-child {
  border-right:none;
}

.top-tabs a:hover {
  background-color:#2e7d32;
  box-shadow:inset 0 -3px 0 #c8e6c9;
}

/* تب فعال (بخشی که در آن هستی) */
.top-tabs a.active {
  background-color:#145214;
  box-shadow:inset 0 -4px 0 #a5d6a7;
}


/* پاپ‌آپ */
.popup {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
  display:none;
  justify-content:center;
  align-items:center;
  z-index:2000;
}

.popup-content {
  background:#fff;
  border-radius:10px;
  padding:10px;
  width:80%;
  max-width:900px;
  position:relative;
}

.popup-content iframe {
  width:100%;
  height:500px;
  border:none;
  border-radius:6px;
}

.close-btn {
  position:absolute;
  top:10px;
  left:15px;
  font-size:28px;
  cursor:pointer;
  color:#333;
}

.close-btn:hover {
  color:#1b5e20;
}

/* Footer */
.site-footer {
  margin-top:18px;
  padding:12px 16px;
  text-align:center;
  color:#556;
}

/* Responsive */
@media (max-width:900px) {
  .grid {
    grid-template-columns:1fr 1fr;
  }
}

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

  .header-overlay h1 {
    font-size:20px;
  }

  .header-overlay .logo {
    height:64px;
    width:64px;
  }
}

/* اسکرول نرم */
html {
  scroll-behavior:smooth;
}
section {
    scroll-margin-top: 150px !important;
}
.back-to-top {
    width: 150px;
    margin: 60px auto;
    padding: 14px 0;
    text-align: center;
    background: #016d3a;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s;
}

.back-to-top:hover {
    background: #003f15;
}
/* بهبود نمایش پخش کلیپ و وسط‌چین کردن آن */
.map-overlay {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

/* ایموجی پلی فقط برای کارت‌های ویدیو */
.video-card .map-overlay::before {
    content:"🎞️";
    display:block;
    font-size:34px;
    margin-bottom:6px;
}
#report .map-overlay::before {
  content:"📄";
  display:block;
  font-size:34px;
  margin-bottom:6px;
}