/* =====================================================================
   هِمبِل — سیستم طراحی نسخهٔ ۲ (تم جنوب ایران: دریا، لنج، بادگیر، درِ فدا)
   طراحی کاملاً بازطراحی‌شده + سیستم «نسخه‌های ظاهری» (Editions) در پایین فایل
===================================================================== */
:root{
  --p1:#0a5c68; --p2:#17b6a6; --p3:#ff7a45;
  --f-logo:'Lalezar',serif; --f-word:'Markazi Text',serif; --f-body:'Vazirmatn',sans-serif; --fs:16px;
  --bg:#f6f1e4; --bg2:#ede4cf; --card:#fffdf7; --text:#221d16; --mut:#7c7260;
  --line:#e3d8bd; --sh:0 10px 28px rgba(10,60,60,.10); --sh-lg:0 22px 56px rgba(10,50,50,.16);
  --radius:14px; --radius-lg:22px;
  --gold: linear-gradient(135deg,#f5cd7c,#e2a53a 55%,#b9781b);
  --edge:2px; /* ضخامت خط تزئینی لبه‌ها، توسط نسخه‌های ظاهری قابل تغییر */
}
[data-palette="sunset"]{--p1:#c2410c;--p2:#fb923c;--p3:#7c3aed}
[data-palette="palm"]{--p1:#166534;--p2:#65a30d;--p3:#d97706}
[data-palette="egg"]{--p1:#6d28d9;--p2:#c084fc;--p3:#f59e0b}
[data-palette="clay"]{--p1:#9a3412;--p2:#d97706;--p3:#0f766e}
[data-palette="gold"]{--p1:#92660a;--p2:#eab308;--p3:#7f1d1d}
body.hembel-dark, .hembel-dark{
  --bg:#0f1512; --bg2:#161d19; --card:#1a2320; --text:#f2ede0; --mut:#a7a091;
  --line:#2c3733; --sh:0 14px 40px rgba(0,0,0,.5); --sh-lg:0 24px 70px rgba(0,0,0,.6);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--f-body);font-size:var(--fs);background:var(--bg);color:var(--text);line-height:1.9;transition:background .4s,color .4s}
/* الگوی زمینهٔ «تور ماهیگیری» — جایگزین شطرنجی قبلی، الهام‌گرفته از بافت تور و بادبان لنج */
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:
    linear-gradient(135deg, color-mix(in srgb,var(--p1) 6%,transparent) 1px, transparent 1px),
    linear-gradient(45deg, color-mix(in srgb,var(--p1) 6%,transparent) 1px, transparent 1px);
  background-size:38px 38px}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px;position:relative;z-index:1}
a{color:var(--p1);text-decoration:none}
h1,h2,h3,h4{line-height:1.5;margin:0 0 .4em}
.ltr{direction:ltr;unicode-bidi:embed;font-size:.8em;color:var(--p3);font-weight:700}
.hb-ic{display:inline-block;vertical-align:-4px;flex:none}
.btn .hb-ic{vertical-align:-3px;margin-inline-end:2px}
.mut{color:var(--mut);font-size:.88em}
.mut-invert{color:rgba(255,255,255,.85);font-size:.9em}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* ---------- کارت‌ها و اجزای پایه ---------- */
.card{position:relative;background:color-mix(in srgb,var(--card) 96%,transparent);border:1px solid var(--line);border-inline-start:var(--edge) solid color-mix(in srgb,var(--p1) 45%,var(--line));border-radius:var(--radius);box-shadow:var(--sh);padding:18px;transition:transform .25s,box-shadow .25s,border-color .25s}
.card::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,#fff 10%,transparent),transparent 40%)}
a.card:hover, .card.hoverable:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-inline-start-color:var(--p2)}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:10px 18px;font:inherit;font-weight:700;font-size:.92em;line-height:1.4;cursor:pointer;transition:.2s;box-sizing:border-box;white-space:nowrap;-moz-appearance:none;-webkit-appearance:none;appearance:none;flex-shrink:0}
.btn:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.btn.p{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border:none}
.btn.d{background:#b91c1c;color:#fff;border:none}
.btn.sm{padding:6px 12px;border-radius:10px;font-size:.82em}
.chip{display:inline-flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--p1) 12%,var(--card));color:var(--p1);border-radius:999px;padding:4px 13px;font-size:.78em;font-weight:700;border:1px solid color-mix(in srgb,var(--p1) 25%,transparent)}
.chip.cat{background:color-mix(in srgb,var(--p3) 14%,var(--card));color:var(--p3)}
.chip-invert{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.3)}
.inp,textarea.inp,select.inp{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-family:inherit;color:var(--text);font-size:.95em;outline:none;transition:.2s}
.inp:focus{border-color:var(--p2);box-shadow:0 0 0 3px color-mix(in srgb,var(--p2) 22%,transparent)}
label.fl{display:block;font-size:.82em;font-weight:700;color:var(--mut);margin:10px 0 4px}
.section-h{font-family:var(--f-word);font-size:1.5em;margin:26px 0 12px}
.empty-state{text-align:center;padding:40px 16px;color:var(--mut)}
.entry-content p{margin:0 0 1em}

/* ---------- هدر ---------- */
#hb-hdr{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--line);box-shadow:inset 0 -3px 0 0 color-mix(in srgb,var(--p2) 55%,transparent)}
.hdr-in{display:flex;align-items:center;gap:12px;padding:12px 0;flex-wrap:wrap}
.logo, .custom-logo{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px color-mix(in srgb,var(--p2) 45%,transparent),var(--sh)}
.hdr-logo-wrap .logo{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;font-family:var(--f-logo);font-size:1.4em}
.hdr-titles{min-width:0}
.hdr-t{font-family:var(--f-logo);font-size:1.5em;margin:0;line-height:1.2}
.hdr-t a{color:var(--text)}
.hdr-s{font-size:.72em;color:var(--mut);margin:0}
#hb-clock{margin-inline-start:auto;text-align:left;font-size:.75em;color:var(--mut);line-height:1.5;white-space:nowrap}
#hb-nav{display:flex;gap:6px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none;max-width:1180px;margin:0 auto}
#hb-nav::-webkit-scrollbar{display:none}
#hb-nav .tab{flex:none;border:none;background:transparent;color:var(--mut);font-family:inherit;font-weight:700;font-size:.9em;padding:9px 16px;border-radius:12px;transition:.2s;cursor:pointer}
#hb-nav .tab.on, #hb-nav .tab:hover{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;box-shadow:var(--sh)}

.sugg-nav{background:linear-gradient(135deg,#f59e0b,#e11d48);color:#fff;border:none;box-shadow:0 0 0 0 rgba(225,29,72,.5);animation:suggPulse 2.6s infinite}
.sugg-nav:hover{filter:brightness(1.08)}
#hb-nav .tab.sugg-nav, #hb-nav .tab.sugg-nav:hover{background:linear-gradient(135deg,#f59e0b,#e11d48);color:#fff;white-space:nowrap}
@keyframes suggPulse{0%{box-shadow:0 0 0 0 rgba(225,29,72,.45)}70%{box-shadow:0 0 0 12px rgba(225,29,72,0)}100%{box-shadow:0 0 0 0 rgba(225,29,72,0)}}

/* ---------- بنر خانه و موج ---------- */
#hb-main{padding:22px 0 40px;min-height:60vh}
#hb-view{animation:fadeUp .5s}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1}}
.banner-strip{border-inline-start:5px solid var(--p3);margin-bottom:14px}
.hero{position:relative;overflow:hidden;border:none;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;text-align:center;padding:44px 18px 54px;border-radius:var(--radius-lg);border-inline-start:none}
.hero::after{content:'';position:absolute;top:0;inset-inline-end:0;width:120px;height:120px;background:linear-gradient(225deg,rgba(255,255,255,.16),transparent 70%);clip-path:polygon(100% 0,0 0,100% 100%);pointer-events:none}
.hero-wordmark{width:84px;height:84px;margin:0 auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-logo);font-size:2.6em;color:#fff;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.35);box-shadow:0 10px 30px rgba(0,0,0,.2);animation:heroPop .6s cubic-bezier(.2,.9,.3,1.2)}
@keyframes heroPop{from{opacity:0;transform:scale(.7) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.hero-title{font-family:var(--f-logo);font-size:clamp(2em,6vw,3.2em);margin:4px 0 0;letter-spacing:.5px;animation:heroFade .7s .1s both}
.hero-sub{margin:6px 0 18px;opacity:.92;font-size:1.05em;animation:heroFade .7s .2s both}
@keyframes heroFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.home-search-results{margin-top:14px;text-align:right;max-width:720px;margin-inline:auto;display:flex;flex-direction:column;gap:10px}
.home-search-results .word-card{background:color-mix(in srgb,var(--card) 96%,transparent)}
.wave-wrap{position:absolute;bottom:-1px;inset-inline:0;height:50px;overflow:hidden;line-height:0;pointer-events:none}
.wave-wrap svg{position:absolute;bottom:-2px;left:0;width:200%;height:50px}
.wv.w1{animation:waveScroll 13s linear infinite;opacity:.55}
.wv.w2{animation:waveScroll 8s linear infinite reverse;opacity:.85}
.wv.w3{animation:waveScroll 21s linear infinite}
@keyframes waveScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:18px 0}
.stat{text-align:center;padding:16px 6px}
.stat b{display:block;font-size:1.8em;color:var(--p1);font-family:var(--f-word)}

.daily-word{border:none;border-inline-start:none;color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--p3) 80%,#000),var(--p3));border-radius:var(--radius-lg)}
.sec-head,.word-hero,.pv-hero,.daily-proverb,.contrib-banner{border-inline-start:none}
.dw-body{text-align:center;padding:10px}
.dw-name{font-family:var(--f-word);font-size:2.5em;font-weight:700}
.dw-mean{margin:6px 0}

/* ---------- الفبا ---------- */
.alpha-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:14px 10px;padding-top:6px}
.alpha-orb{position:relative;aspect-ratio:1;border-radius:50%;background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:.25s;box-shadow:var(--sh)}
.alpha-orb:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--sh-lg);border-color:var(--p2)}
.alpha-letter{font-family:var(--f-word);font-size:1.7em;font-weight:700;color:var(--p1)}
.alpha-count{position:absolute;top:-4px;inset-inline-end:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:linear-gradient(135deg,#4ade80,#16a34a);color:#fff;font-size:.62em;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.alpha-orb.zero{opacity:.3;pointer-events:none}

/* نسخهٔ بزرگ‌تر و خاص‌تر برای سرصفحهٔ هر گروه حرف در آرشیو گنجینه */
.letter-orb-lg{width:64px;height:64px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--f-word);font-size:1.9em;font-weight:700;color:#fff;background:linear-gradient(150deg,var(--p1),var(--p2));box-shadow:var(--sh-lg)}
.letter-section{display:flex;align-items:center;gap:14px;margin:26px 0 12px}
.letter-section .mut{margin-inline-start:auto}
.word-pills{display:flex;flex-wrap:wrap;gap:8px}
.word-pill{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:9px 16px;font-family:var(--f-word);font-size:1.05em;color:var(--text);box-shadow:var(--sh);transition:.2s}
.word-pill:hover{transform:translateY(-2px);border-color:var(--p2);box-shadow:var(--sh-lg)}
.word-pill .verify-dot{width:8px;height:8px;border-radius:50%;background:var(--vc,var(--mut));flex:none}

/* ---------- بخش‌های فرهنگی ---------- */
.sec-ic{font-size:2.4em}
.sec-head{border:none;color:#fff;text-align:center;padding:34px 18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--sc,var(--p1)),color-mix(in srgb,var(--sc,var(--p1)) 55%,#000))}

/* ---------- کارت واژه ---------- */
.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:10px}
.word-card{display:flex;gap:12px;color:var(--text)}
.wc-thumb{flex:none}
.wc-thumb img{width:80px;height:80px;border-radius:14px;object-fit:cover;box-shadow:var(--sh)}
.wc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.wc-name{font-family:var(--f-word);font-size:1.5em;font-weight:700}
.wc-mean{color:var(--mut);font-size:.9em;margin:0}
.heart{border:none;background:none;cursor:pointer;font-size:1.3em;color:var(--mut);transition:.2s;margin-inline-start:auto}
.heart.on{color:#e11d48;transform:scale(1.15)}

/* ---------- صفحهٔ واژه ---------- */
.crumbs{margin-bottom:10px;display:block}
.back-btn{margin-bottom:12px}
.word-hero{text-align:center;padding:30px 18px;border:none;background:linear-gradient(160deg,color-mix(in srgb,var(--p1) 85%,#000),var(--p1));color:#fff;border-radius:var(--radius-lg)}
.wh-thumb{width:130px;height:130px;object-fit:cover;border-radius:20px;box-shadow:var(--sh-lg);margin-bottom:8px}
.wh-title{font-family:var(--f-word);font-size:3em;font-weight:700;line-height:1.3}
.wh-tr{font-size:1.15em;color:#ffe}
.etym-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.etym-grid .card{border-inline-start:4px solid var(--p3)}
.exbox{background:color-mix(in srgb,var(--p2) 10%,var(--card));border-inline-start:4px solid var(--p2);border-radius:14px;padding:14px 18px;margin-top:12px}

/* ---------- گالری ---------- */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.gallery-grid img{width:100%;height:150px;object-fit:cover;border-radius:14px}
.gi-title{margin:8px 4px 0;font-weight:700;color:var(--text)}
.gallery-masonry{columns:2 280px;column-gap:14px}
.gm-item{display:block;break-inside:avoid;margin-bottom:14px}
.gm-item img{width:100%;border-radius:14px}
.gm-title{margin:8px 4px 2px;font-weight:800}
.gm-meta{margin:0 4px}
.gallery-single .gs-img{width:100%;border-radius:16px;margin-bottom:12px}

/* ---------- پنل کاربری ---------- */
.account-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 18px}
.account-tabs .tab{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:9px 16px;font-weight:700;font-size:.9em}
.account-tabs .tab.on{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border:none}

/* ---------- صفحهٔ ورود / ثبت‌نام ---------- */
.auth-wrap{min-height:64vh;display:flex;align-items:center;justify-content:center;padding:32px 10px}
.auth-card{position:relative;overflow:hidden;width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-lg);padding:34px 28px}
.auth-card::after{content:'';position:absolute;top:-70px;inset-inline-end:-70px;width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--p1),var(--p2));opacity:.14;pointer-events:none}
.auth-logo{position:relative;text-align:center;margin-bottom:20px}
.auth-logo .custom-logo,.auth-logo .logo{width:76px;height:76px;margin:0 auto 12px;display:block}
.auth-logo .logo{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;font-family:var(--f-logo);font-size:2em;border-radius:50%}
.auth-logo h1{font-family:var(--f-logo);font-size:1.7em;margin:0}
.auth-logo p{margin:2px 0 0}
.auth-tabs{position:relative;display:flex;background:var(--bg2);border-radius:14px;padding:4px;margin-bottom:20px}
.auth-tab{flex:1;text-align:center;padding:10px;border-radius:11px;font-weight:700;color:var(--mut);font-size:.92em}
.auth-tab.on{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;box-shadow:var(--sh)}
.auth-msg{position:relative;border-radius:12px;padding:10px 14px;margin-bottom:16px;font-size:.88em;line-height:1.9}
.auth-msg p{margin:0}
.auth-msg.err{background:color-mix(in srgb,#b91c1c 10%,var(--card));border-inline-start:4px solid #b91c1c;color:#b91c1c}
.auth-msg.ok{background:color-mix(in srgb,#16a34a 10%,var(--card));border-inline-start:4px solid #16a34a;color:#16a34a}
.auth-form{position:relative}
.auth-submit{width:100%;justify-content:center;margin-top:16px}

/* ---------- فوتر ---------- */
#hb-footer{border-top:1px solid var(--line);padding:36px 0 22px;margin-top:44px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:28px;align-items:start}
.footer-col{min-width:0}
.footer-logo{font-family:var(--f-logo);font-size:1.3em}
.social-row{margin-top:12px;gap:8px}
.widget-title{font-family:var(--f-word);font-size:1.1em;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid color-mix(in srgb,var(--p1) 25%,transparent)}
.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.footer-links a{display:flex;align-items:center;gap:8px;color:var(--text);font-size:.92em;transition:.2s}
.footer-links a:hover{color:var(--p1);transform:translateX(-3px)}
[dir="rtl"] .footer-links a:hover{transform:translateX(3px)}
.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;text-align:center;font-size:.82em}
.footer-credit{font-size:.72em;color:var(--mut);opacity:.55;letter-spacing:.3px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:26px 20px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;text-align:center}.footer-links a{justify-content:center}.social-row{justify-content:center}}

/* ---------- صفحه‌بندی ---------- */
.hb-pagination{margin-top:22px;text-align:center;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.hb-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font-weight:700}
.hb-pagination .page-numbers.current{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border:none}
.hb-pagination .page-numbers:hover{border-color:var(--p2)}

/* ---------- ناوبری موبایل ---------- */
#hb-bnav{position:fixed;bottom:0;inset-inline:0;z-index:60;display:none;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
#hb-bnav a{flex:1;text-align:center;color:var(--mut);font-size:.68em;font-weight:700}
#hb-bnav a span{display:block;font-size:1.6em}
#hb-bnav a.on{color:var(--p1)}
#hb-bnav a.bnav-sugg{color:#e11d48}
@media(max-width:820px){#hb-bnav{display:flex}#hb-main{padding-bottom:80px}}

/* ---------- مودال و توست ---------- */
#hb-modal-root{position:fixed;inset:0;z-index:200;padding:16px;display:none}
#hb-modal-root:not([hidden]){display:flex;align-items:center;justify-content:center}
.hb-ov{position:absolute;inset:0;background:rgba(10,8,4,.6);backdrop-filter:blur(4px)}
.hb-modal{position:relative;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--sh-lg);max-width:640px;width:100%;max-height:88vh;overflow:auto;padding:22px;animation:fadeUp .3s}
#hb-toast-root{position:fixed;bottom:90px;inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:300;pointer-events:none}
.hb-toast{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border-radius:99px;padding:11px 24px;font-weight:700;box-shadow:var(--sh-lg);animation:fadeUp .3s}

.hb-install-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:250;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-lg);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.88em;animation:fadeUp .35s}
.hb-install-bar span:first-child{flex:1}
.hb-install-actions{display:flex;gap:6px;flex:none}
@media(max-width:820px){.hb-install-bar{bottom:70px}}

.sugg-note{background:linear-gradient(135deg,color-mix(in srgb,var(--p3) 12%,var(--card)),color-mix(in srgb,var(--p3) 6%,var(--card)));border-inline-start:4px solid var(--p3);border-radius:14px;padding:14px 16px;margin-bottom:16px;font-size:.92em;line-height:2}
.sugg-note p{margin:0 0 .6em}
.sugg-note p:last-child{margin-bottom:0}


/* ---------- کامنت‌ها ---------- */
.hb-comments .comment-list{list-style:none;padding:0}
.hb-comments .comment{border-bottom:1px solid var(--line);padding:12px 0}

@media(max-width:600px){.hero-title{font-size:1.7em}.wh-title{font-size:2.1em}}

/* ---------- پیش‌بارگذاری (Preloader) ---------- */
#hb-preloader{position:fixed;inset:0;background:var(--bg);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease}
.hb-preloader-logo{width:110px;height:110px;object-fit:contain;margin-bottom:14px;animation:hbPulse 1.5s infinite alternate}
.hb-loader-text{font-family:var(--f-logo);font-size:clamp(2.4em,9vw,4.5em);color:var(--p1);text-shadow:0 4px 15px rgba(0,0,0,.1);animation:hbPulse 1.5s infinite alternate;margin-bottom:10px}
@keyframes hbPulse{0%{transform:scale(.95);opacity:.7}100%{transform:scale(1.05);opacity:1}}
body.hb-loaded #hb-preloader{opacity:0;pointer-events:none}

/* ---------- تگ‌لاین هیرو ---------- */
.hero-tagline{font-family:var(--f-word);font-size:1.15em;opacity:.85;margin:0 0 16px;font-style:italic}

/* ---------- واژه/ضرب‌المثل روز (قهرمان صفحه) ---------- */
.daily-duo{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;align-items:stretch}
@media(max-width:780px){.daily-duo{grid-template-columns:1fr}}
.dw-eyebrow{display:flex;align-items:center;gap:6px;font-size:.9em;opacity:.9}
.daily-word{border:none;color:#fff;border-radius:var(--radius-lg);padding:28px 22px}
.dw-body{text-align:center;padding:14px 4px 4px}
.dw-name{font-family:var(--f-word);font-size:clamp(2.4em,7vw,3.4em);font-weight:700;display:block;line-height:1.2}
.dw-tr{font-size:1.2em;color:#ffe}
.dw-mean{margin:10px 0 16px;font-size:1.05em;opacity:.95}
.daily-proverb{background:linear-gradient(160deg,#6d28d9,#4c1d95);color:#fff;border:none;border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;justify-content:center}
.dp-text{font-family:var(--f-word);font-size:1.5em;margin:10px 0 6px;line-height:1.7}
.dp-mean{color:rgba(255,255,255,.85) !important;font-size:.9em;margin-bottom:14px}

/* ---------- نشان وضعیت مستندسازی ---------- */
.verify-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78em;font-weight:700;padding:4px 11px;border-radius:99px;background:color-mix(in srgb,var(--vc) 14%,var(--card));color:var(--vc);border:1px solid color-mix(in srgb,var(--vc) 30%,transparent)}
.verify-badge i{width:9px;height:9px;border-radius:50%;background:var(--vc);display:inline-block}
.word-hero .verify-badge,.pv-hero .verify-badge{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.35)}

/* ---------- ضرب‌المثل‌ها ---------- */
.proverb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin-top:10px}
.proverb-card{display:flex;gap:12px}
.pv-quote-ic{flex:none;color:var(--p1);opacity:.5}
.pv-body{flex:1;min-width:0}
.pv-text{font-family:var(--f-word);font-size:1.3em;display:block;margin-bottom:4px}
.pv-mean{color:var(--mut);font-size:.9em;margin:0 0 6px}
.pv-hero{background:linear-gradient(160deg,#6d28d9,#4c1d95)}
.pv-hero .pv-hero-ic{color:#fff;opacity:.9;margin-bottom:6px}
.pv-hero-title{font-size:2.4em}

/* ---------- آیکون‌های شبکهٔ اجتماعی واقعی ---------- */
.social-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--bg2);color:var(--p1);border:1px solid var(--line);transition:.2s}
.social-ic:hover{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;transform:translateY(-2px)}
.footer-tagline{font-family:var(--f-word);font-style:italic;color:var(--p3);margin:2px 0 12px;font-size:.98em}

/* ---------- بنر آمار مشارکت‌کنندگان ---------- */
.contrib-banner{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--cb1,var(--p1)),var(--cb2,var(--p2)));color:#fff;border:none;border-radius:var(--radius-lg);padding:30px 24px;text-align:center;margin:22px 0;box-shadow:var(--sh-lg)}
.contrib-banner::before{content:'';position:absolute;top:-40%;inset-inline-end:-15%;width:60%;padding-bottom:60%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);pointer-events:none}
.contrib-banner::after{content:'';position:absolute;bottom:-50%;inset-inline-start:-10%;width:50%;padding-bottom:50%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);pointer-events:none}
.contrib-banner h3{position:relative;font-family:var(--f-word);font-size:1.5em;margin:0 0 18px;display:flex;align-items:center;justify-content:center;gap:8px}
.contrib-nums{position:relative;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.contrib-stat{background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:16px 22px;min-width:130px}
.contrib-stat .hb-ic{opacity:.85;margin-bottom:4px}
.contrib-stat b{display:block;font-size:2.1em;font-family:var(--f-word);line-height:1.1}
.contrib-stat span{font-size:.8em;opacity:.92}
.contrib-total{position:relative;margin-top:18px;font-size:1em;opacity:.97;padding-top:14px;border-top:1px solid rgba(255,255,255,.25)}
[data-contrib="sunset"] .contrib-banner{--cb1:#ea580c;--cb2:#db2777}
[data-contrib="royal"] .contrib-banner{--cb1:#6d28d9;--cb2:#a21caf}
[data-contrib="gold"] .contrib-banner{--cb1:#b45309;--cb2:#78350f}
[data-contrib="forest"] .contrib-banner{--cb1:#166534;--cb2:#14532d}

/* ---------- دکمهٔ «من هم این واژه را می‌دانم» ---------- */
.confirm-row{display:flex;align-items:center;gap:10px;margin-top:10px}
.confirm-count{font-size:.85em;color:var(--mut)}

/* ---------- ناوبری موبایل با آیکون (به‌جای ایموجی) ---------- */
#hb-bnav a{display:flex;flex-direction:column;align-items:center;gap:3px}
#hb-bnav a span{font-size:.66em}
#hb-bnav a .hb-ic{margin:0}

/* ---------- ریزتنظیم واکنش‌گرایی ---------- */
@media(max-width:480px){
	.hdr-t{font-size:1.25em}
	.hero-title{font-size:1.5em}
	.dw-name{font-size:2em}
	.alpha-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px 8px}
	.letter-orb-lg{width:52px;height:52px;font-size:1.5em}
}
@media(min-width:1400px){
	.wrap{max-width:1320px}
}

/* =====================================================================
   نسخه‌های ظاهری هِمبِل (Editions)
   -----------------------------------------------------------------------
   هرکدام از این ۵ نسخه، یک هویت بصری کامل و متفاوت به قالب می‌دهند —
   نه فقط تغییر رنگ، بلکه شکل گوشه‌ها، سایه‌ها، الگوی زمینه، سبک دکمه‌ها،
   و ظاهر هدر/بنر. رنگ پایه همچنان از «پالت رنگی» در شخصی‌سازی می‌آید،
   پس هر نسخه با هر پالتی قابل‌ترکیب است (مثلاً «کاغذ کهنه» + پالت طلایی).
   انتخاب از: پیشخوان ← هِمبِل ← داشبورد، یا شخصی‌سازی ← 🎭 نسخهٔ ظاهری.
===================================================================== */

/* ---------- ۲) بندری پررنگ — پوستری، پرکنتراست، هندسی، الهام از گلیم و پرچم لنج ---------- */
[data-edition="bandari-bold"]{
  --radius:4px; --radius-lg:6px; --edge:5px;
  --sh:0 4px 0 0 color-mix(in srgb,var(--p1) 70%,#000); --sh-lg:0 7px 0 0 color-mix(in srgb,var(--p1) 70%,#000);
}
[data-edition="bandari-bold"] body::before{
  opacity:.4; background-size:26px 26px;
  background-image:repeating-linear-gradient(45deg, color-mix(in srgb,var(--p3) 30%,transparent) 0 3px, transparent 3px 26px);
}
[data-edition="bandari-bold"] .card{border-width:2px;border-inline-start-width:6px;box-shadow:var(--sh);transition:transform .15s,box-shadow .15s}
[data-edition="bandari-bold"] a.card:hover,[data-edition="bandari-bold"] .card.hoverable:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-lg)}
[data-edition="bandari-bold"] .btn{border-width:2px;border-radius:var(--radius);font-weight:800;text-transform:none}
[data-edition="bandari-bold"] .btn.p,[data-edition="bandari-bold"] .btn.d{box-shadow:var(--sh)}
[data-edition="bandari-bold"] .btn.p:hover,[data-edition="bandari-bold"] .btn:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-lg)}
[data-edition="bandari-bold"] #hb-hdr{backdrop-filter:none;background:var(--bg);border-bottom-width:3px;box-shadow:inset 0 -6px 0 0 var(--p3)}
[data-edition="bandari-bold"] .hero,[data-edition="bandari-bold"] .sec-head,[data-edition="bandari-bold"] .word-hero,[data-edition="bandari-bold"] .pv-hero{border-radius:var(--radius-lg);background:repeating-linear-gradient(120deg,var(--p1) 0 26px,var(--p2) 26px 52px)}
[data-edition="bandari-bold"] .hero::after{display:none}
[data-edition="bandari-bold"] .chip,[data-edition="bandari-bold"] .word-pill{border-radius:6px;border-width:2px}
[data-edition="bandari-bold"] .alpha-orb{border-radius:10px;border-width:2px}

/* ---------- ۳) کاغذ کهنه — سبک فرهنگ‌لغت‌های قدیمی، صمیمی و کتابی ---------- */
[data-edition="manuscript"]{
  --radius:3px; --radius-lg:5px; --edge:1px;
  --bg:#f1e7d0; --bg2:#e7d9b8; --card:#faf3e2; --text:#3a2f1e; --mut:#8a7a56;
  --line:#cdb98a; --sh:0 2px 8px rgba(58,47,30,.14); --sh-lg:0 8px 22px rgba(58,47,30,.2);
}
[data-edition="manuscript"] body::before{
  opacity:.4; background-size:auto;
  background-image:repeating-linear-gradient(0deg, color-mix(in srgb,var(--text) 4%,transparent) 0 1px, transparent 1px 26px);
}
[data-edition="manuscript"] .card{box-shadow:var(--sh);border-style:double;border-width:3px}
[data-edition="manuscript"] .btn{border-radius:2px;background:var(--card)}
[data-edition="manuscript"] .btn.p{background:var(--text);color:var(--card)}
[data-edition="manuscript"] #hb-hdr{backdrop-filter:none;background:var(--bg);border-bottom:3px double var(--line)}
[data-edition="manuscript"] .hero,[data-edition="manuscript"] .sec-head,[data-edition="manuscript"] .word-hero,[data-edition="manuscript"] .pv-hero,[data-edition="manuscript"] .daily-proverb,[data-edition="manuscript"] .contrib-banner{background:var(--text);border-radius:var(--radius-lg)}
[data-edition="manuscript"] .hero::after{display:none}
[data-edition="manuscript"] .hero-title,[data-edition="manuscript"] .wh-title,[data-edition="manuscript"] .dw-name{letter-spacing:.5px}
[data-edition="manuscript"] .chip{border-radius:2px;background:transparent;border:1px solid var(--p1)}
[data-edition="manuscript"] .word-pill{border-radius:2px}
[data-edition="manuscript"] .alpha-orb{border-radius:2px}
[data-edition="manuscript"] body.hembel-dark,[data-edition="manuscript"] .hembel-dark{--bg:#221b10;--bg2:#2b2213;--card:#2f2716;--text:#ecdfc0;--mut:#b0a17a;--line:#4a3d24}

/* ---------- ۴) شب جنوب — نسخهٔ تیرهٔ لوکس با لهجهٔ طلایی، شیشه‌ای ---------- */
[data-edition="night-south"]{
  --radius:20px; --radius-lg:30px; --edge:2px;
  --bg:#0c1220; --bg2:#141b2c; --card:#161f33; --text:#f2f0e8; --mut:#95a1b8;
  --line:#28324a; --sh:0 12px 34px rgba(0,0,0,.45); --sh-lg:0 26px 64px rgba(0,0,0,.55);
}
[data-edition="night-south"] body::before{
  opacity:.7; background-size:52px 52px;
  background-image:radial-gradient(circle, color-mix(in srgb,var(--p3) 30%,transparent) 1px, transparent 1.4px);
}
[data-edition="night-south"] .card{background:color-mix(in srgb,var(--card) 78%,transparent);backdrop-filter:blur(10px);border-color:color-mix(in srgb,#fff 8%,var(--line))}
[data-edition="night-south"] .btn{background:color-mix(in srgb,var(--card) 85%,transparent);backdrop-filter:blur(6px)}
[data-edition="night-south"] .btn.p{background:linear-gradient(135deg,var(--p3),color-mix(in srgb,var(--p3) 60%,#fff))}
[data-edition="night-south"] #hb-hdr{background:color-mix(in srgb,var(--bg) 70%,transparent)}
[data-edition="night-south"] .hero,[data-edition="night-south"] .word-hero,[data-edition="night-south"] .sec-head{background:linear-gradient(160deg,var(--card),var(--p1))}
[data-edition="night-south"] .wc-name,[data-edition="night-south"] .dw-name,[data-edition="night-south"] .pv-text{color:var(--text)}
[data-edition="night-south"] a{color:var(--p3)}
[data-edition="night-south"] .alpha-letter{color:var(--p3)}

/* ---------- ۵) مینیمال روشن — تخت، ساده، فاصلهٔ زیاد، بدون گرادیان/الگو ---------- */
[data-edition="minimal-light"]{
  --radius:10px; --radius-lg:14px; --edge:1px;
  --bg:#fbfaf7; --bg2:#f1efe9; --card:#ffffff; --text:#1c1c1c; --mut:#7a7a7a;
  --line:#e6e3db; --sh:0 1px 3px rgba(0,0,0,.06); --sh-lg:0 10px 26px rgba(0,0,0,.09);
}
[data-edition="minimal-light"] body::before{display:none}
[data-edition="minimal-light"] .card{box-shadow:none;border-inline-start-width:1px}
[data-edition="minimal-light"] a.card:hover,[data-edition="minimal-light"] .card.hoverable:hover{transform:none;box-shadow:var(--sh-lg)}
[data-edition="minimal-light"] .btn{box-shadow:none;border-radius:8px}
[data-edition="minimal-light"] .btn.p{background:var(--p1)}
[data-edition="minimal-light"] .btn:hover{transform:none;box-shadow:none;background:var(--bg2)}
[data-edition="minimal-light"] #hb-hdr{backdrop-filter:none;background:var(--card);box-shadow:none;border-bottom:1px solid var(--line)}
[data-edition="minimal-light"] .hero{background:var(--bg2);color:var(--text);box-shadow:none}
[data-edition="minimal-light"] .hero::after{display:none}
[data-edition="minimal-light"] .hero-title{color:var(--p1)}
[data-edition="minimal-light"] .hero-sub,[data-edition="minimal-light"] .hero-tagline{color:var(--mut);opacity:1}
[data-edition="minimal-light"] .sec-head,[data-edition="minimal-light"] .word-hero,[data-edition="minimal-light"] .pv-hero{background:var(--p1)}
[data-edition="minimal-light"] .wave-wrap{display:none}
[data-edition="minimal-light"] .alpha-orb{box-shadow:none;border:1px solid var(--line)}
[data-edition="minimal-light"] body.hembel-dark,[data-edition="minimal-light"] .hembel-dark{--bg:#121212;--bg2:#1a1a1a;--card:#1c1c1c;--text:#f0f0f0;--mut:#9a9a9a;--line:#2a2a2a}