:root{
  --primary:#7b2cbf; --primary-dark:#5a189a; --primary-light:#9d4edd;
  --accent:#ffb703;
  --bg:#f4f5f8;           /* light grey background */
  --text:#262633;         /* dark text */
  --muted:#6b6b76;        /* muted grey */
  --surface:#ffffff;      /* cards/panels */
  --radius:16px;
  --shadow:0 8px 24px rgba(23,20,35,.08);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Vazirmatn',Tahoma,sans-serif}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:auto;padding:0 20px}
header{background:var(--primary);color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand{display:flex;align-items:center;gap:12px}
.logo-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:20px;
  background:radial-gradient(120% 120% at 50% 30%, #2a2147 0%, #17112b 70%);
  border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 26px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06)}
.brand img{height:92px;object-fit:contain;filter:contrast(1.15) saturate(1.2) drop-shadow(0 6px 14px rgba(0,0,0,.35));mix-blend-mode:normal}
@media (min-width:1024px){.brand img{height:100px}}

.menu{list-style:none;display:flex;gap:10px;margin:0;padding:0;flex-wrap:wrap}
.menu > li{position:relative}
.menu > li > a{color:#fff;font-weight:bold;padding:8px 14px;display:block;border-radius:10px}
.menu > li:hover{background:rgba(255,255,255,.12)}
.submenu{display:none;position:absolute;right:0;top:100%;min-width:220px;background:var(--primary-light);border-radius:12px;box-shadow:var(--shadow);padding:8px;margin-top:0}
.menu > li:hover > .submenu{display:block}
.submenu:hover{display:block}
.submenu a{display:block;padding:10px 12px;color:#fff;border-radius:8px}
.submenu a:hover{background:rgba(0,0,0,.08)}

.hero{position:relative;height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}
.hero .bg{position:absolute;inset:0;z-index:0}
.hero .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);filter:blur(9px) saturate(1.08) brightness(0.9)}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg, rgba(123,44,191,.60), rgba(90,24,154,.85))}
.hero .content{position:relative;z-index:2}

.btn{background:var(--accent);color:#000;padding:10px 18px;border:none;border-radius:12px;font-weight:bold;cursor:pointer;margin:4px}
.section-title{text-align:center;color:var(--primary);margin:40px 0 20px}
.lead{max-width:820px;margin:0 auto 8px;text-align:center;color:var(--muted)}

.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width: 960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.cards{grid-template-columns:1fr}}
.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;text-align:center}

.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
@media (max-width: 900px){.contact{grid-template-columns:1fr}}
.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.list{margin:0;padding:0;list-style:none;display:grid;gap:10px}

footer{background:var(--primary-dark);color:#fff;text-align:center;padding:16px;margin-top:32px}

/* slideshow */
.slideshow-container{max-width:900px;position:relative;margin:auto}
.slide{display:none}
.slide img{width:100%;border-radius:12px;box-shadow:var(--shadow)}
.prev,.next{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);padding:12px;color:#fff;font-weight:700;font-size:20px;background:rgba(0,0,0,.25);border-radius:10px;user-select:none}
.prev{left:8px} .next{right:8px}
.dot-container{text-align:center;padding:12px 0}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#bdb7cc;margin:0 4px;cursor:pointer}
.dot.active{background:#5a189a}

/* Social contacts */
.socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.social{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #eceaf6;background:#ffffff;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.social svg{width:18px;height:18px}
.social.ig{color:#e1306c}
.social.wa{color:#25D366}
.social.tg{color:#0088cc}
.social:hover{transform:translateY(-1px)}

/* GALLERY SETTINGS (donor merge) */
.slideshow-container{max-width:900px;position:relative;margin:auto}
.slide img{width:100%;border-radius:12px;box-shadow:var(--shadow)}
.dot-container{text-align:center;padding:12px 0}


/* === SLIDESHOW SIZE FIX (scoped override) === */
.slideshow-container{max-width:1100px!important;margin:0 auto!important;border-radius:16px;overflow:hidden}
.slide img{width:100%!important;height:clamp(240px,34vh,380px)!important;object-fit:cover!important;display:block}
.dot-container{padding:10px 0 6px}


/* === SLIDESHOW SIZE - LARGE (like screenshot) === */
body .slideshow-container{max-width:1300px!important;margin:0 auto!important;border-radius:16px;overflow:hidden}
body .slide img{
  width:auto!important;
  max-width:100%!important;
  height:clamp(420px, 65vh, 760px)!important; /* taller visual */
  object-fit:contain!important;               /* show full portrait without crop */
  display:block;
  margin:0 auto;
}


/* === PATCH v2: Mobile/menu + CTA colors === */
/* Brand-colored CTAs (desktop & mobile) */
.btn{
  background: var(--primary) !important;
  color: #fff !important;
}
.btn:hover{ background: var(--primary-dark) !important; }

/* Solid dropdown background, no see-through; keep on top */
header nav .submenu{
  background: var(--primary-dark) !important;
  color:#fff !important;
  z-index: 2000 !important;
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: none !important;
}
header nav .submenu a{ background: transparent !important; }
header nav .submenu a:hover{ background: rgba(255,255,255,.12) !important; }


/* === PATCH v3: CTA buttons back to yellow accent === */
.btn{ background: var(--accent) !important; color:#2a0e3a !important; }
.btn:hover{ background: #e6a201 !important; }


/* === SAYE GLOBAL FIX: Mobile hamburger should open ONLY the main menu panel === */
#mobile-nav-v7 #mnav-panel,
#mnav-panel {
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
}
#mobile-nav-v7 #mnav-toggle:checked ~ #mnav-panel,
#mnav-toggle:checked ~ #mnav-panel {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}
/* Neutralize any generic rule that opens ALL .mobile-panel siblings */
#mobile-nav-v7 #mnav-toggle:checked ~ .mobile-panel:not(#mnav-panel),
#mnav-toggle:checked ~ .mobile-panel:not(#mnav-panel) {
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
}

/* === Mobile panel high-contrast theme to ensure readability === */
#mobile-nav-v7 #mnav-panel,
#mobile-nav-v7 .mobile-panel#mnav-panel,
#mnav-panel {
  background: linear-gradient(180deg, #5b18b8 0%, #3a0f78 100%) !important;
  color: #fff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#mobile-nav-v7 .mobile-links .sect-head span { color: #fff !important; }
#mobile-nav-v7 .mobile-links a.item {
  color: #fff !important;
  display: block;
  padding: 12px 14px;
  margin: 6px 0;
  border-radius: 12px;
  background: rgba(255,255,255,0.06);
  text-shadow: 0 1px 8px rgba(0,0,0,0.5);
  font-weight: 600;
}
#mobile-nav-v7 .mobile-links a.item:hover { background: rgba(255,255,255,0.12); }
#mobile-nav-v7 .mobile-links .caret { filter: brightness(0) invert(1); }
#mobile-nav-v7 .mobile-panel .close,
#mobile-nav-v7 .mobile-panel .back,
#mobile-nav-v7 .mobile-panel .title { color: #fff !important; }