/*
Theme Name: Abgineh
Description: قالب اختصاصی شیشه‌شناس
Version: 1.0
Text Domain: abgineh
*/

@font-face{font-family:"Sahel";src:url(assets/fonts/sahel-vf.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"SahelBlack";src:url(assets/fonts/sahel-black.woff2) format("woff2");font-weight:900;font-display:swap}

:root{
	--paper:#fbfaf7;
	--card:#ffffff;
	--ink:#1d1b26;
	--ink-2:#45424f;
	--mute:#77737f;
	--line:#e7e3ec;
	--violet:#4b33c4;
	--violet-d:#36239a;
	--lilac:#efeafe;
	--mint:#c9f2dc;
	--mint-d:#1f7a4f;
	--sand:#fff4dc;
	--r:14px;
	--wrap:1120px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/2 "Sahel",Tahoma,sans-serif;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--violet)}
a:hover{color:var(--violet-d)}
h1,h2,h3{line-height:1.5;margin:0 0 .6em}
h1{font-family:"SahelBlack","Sahel",sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.01em}
h2{font-size:1.35rem;font-weight:800}
h3{font-size:1.1rem;font-weight:700}
.ab-wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
.ab-skip{position:absolute;right:-9999px}
.ab-skip:focus{right:16px;top:8px;background:#fff;padding:6px 12px;z-index:9}
.ab-muted{color:var(--mute)}

/* header */
.ab-top{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.ab-top__in{display:flex;align-items:center;gap:24px;min-height:68px}
.ab-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.ab-brand span{display:flex;flex-direction:column;line-height:1.4}
.ab-brand b{font-family:"SahelBlack","Sahel",sans-serif;font-size:1.2rem}
.ab-brand small{font-size:.72rem;color:var(--mute)}
.ab-brand--light{color:#fff}
.ab-brand--light small{color:#bdb8cc}
.ab-nav{display:flex;align-items:center;gap:20px;margin-inline-start:auto}
.ab-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.ab-nav ul a{display:block;padding:6px 12px;border-radius:999px;color:var(--ink-2);text-decoration:none;font-weight:600;font-size:.95rem}
.ab-nav ul a:hover,.ab-nav .current-menu-item a{background:var(--lilac);color:var(--violet-d)}
.ab-cta{background:var(--mint);color:var(--mint-d);font-weight:700;text-decoration:none;padding:7px 16px;border-radius:10px;font-size:.92rem;white-space:nowrap}
.ab-burger{display:none;margin-inline-start:auto;background:none;border:0;padding:8px;cursor:pointer}
.ab-burger span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}

/* hero */
.ab-hero{background:linear-gradient(135deg,#f3efff 0%,#fbfaf7 55%,#eafaf1 100%);border-bottom:1px solid var(--line)}
.ab-hero__in{display:grid;grid-template-columns:1.25fr .9fr;gap:40px;padding-top:56px;padding-bottom:56px;align-items:center}
.ab-kicker{display:inline-block;margin:0 0 10px;color:var(--violet);font-weight:700;font-size:.9rem;border-bottom:2px solid var(--mint)}
.ab-hero h1 em{font-style:normal;color:var(--violet)}
.ab-lead{color:var(--ink-2);font-size:1.05rem}
.ab-lead p{margin:0 0 .6em}
.ab-hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.ab-btn{display:inline-block;background:var(--violet);color:#fff;text-decoration:none;font-weight:700;padding:11px 22px;border-radius:12px}
.ab-btn:hover{background:var(--violet-d);color:#fff}
.ab-btn--ghost{background:transparent;color:var(--violet);box-shadow:inset 0 0 0 2px var(--violet)}
.ab-btn--ghost:hover{background:var(--lilac);color:var(--violet-d)}
.ab-facts{margin:0;display:grid;gap:12px}
.ab-facts div{background:rgba(255,255,255,.75);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px}
.ab-facts dt{font-family:"SahelBlack","Sahel",sans-serif;font-size:1.25rem;color:var(--violet-d)}
.ab-facts dd{margin:0;color:var(--ink-2);font-size:.92rem;line-height:1.8}

/* topics & lists */
.ab-topics,.ab-latest,.ab-more{margin:48px 0}
.ab-topics__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ab-topic{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.ab-topic:hover{border-color:var(--violet);transform:translateY(-2px)}
.ab-topic b{font-size:1.1rem}
.ab-topic span{color:var(--ink-2);font-size:.92rem;line-height:1.9}
.ab-topic small{color:var(--violet);font-weight:700;margin-top:auto}
.ab-row{display:grid;grid-template-columns:1fr 220px;gap:22px;align-items:center;padding:20px 0;border-bottom:1px dashed var(--line)}
.ab-row h3{margin:6px 0}
.ab-row h3 a{color:var(--ink);text-decoration:none}
.ab-row h3 a:hover{color:var(--violet)}
.ab-row p{margin:0 0 4px;color:var(--ink-2);font-size:.95rem;line-height:1.9}
.ab-row small{color:var(--mute);font-size:.82rem}
.ab-row__img img{border-radius:12px;aspect-ratio:16/9;object-fit:cover}
.ab-tag{display:inline-block;background:var(--lilac);color:var(--violet-d);text-decoration:none;font-size:.78rem;font-weight:700;padding:2px 10px;border-radius:6px}
.ab-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.ab-chips a{padding:4px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink-2);background:var(--card);font-size:.9rem}
.ab-chips a[aria-current]{background:var(--violet);border-color:var(--violet);color:#fff}
.ab-pager{display:flex;gap:6px;justify-content:center;margin:28px 0}
.ab-pager .page-numbers{padding:4px 12px;border-radius:8px;border:1px solid var(--line);text-decoration:none;background:var(--card)}
.ab-pager .current{background:var(--violet);color:#fff;border-color:var(--violet)}

/* single */
.ab-crumbs ol{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:20px 0 0;padding:0;font-size:.85rem;color:var(--mute)}
.ab-crumbs li+li:before{content:"‹";margin-inline-end:6px;color:var(--line)}
.ab-crumbs a{color:var(--mute);text-decoration:none}
.ab-head{padding:18px 0 8px;max-width:820px}
.ab-meta{color:var(--mute);font-size:.88rem;margin:0}
.ab-read{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;align-items:start;margin-top:12px}
.ab-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px}
.ab-toc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.ab-toc b{display:block;margin-bottom:6px;font-size:.95rem}
.ab-toc ol{margin:0;padding-inline-start:18px;font-size:.88rem;line-height:1.9}
.ab-toc a{color:var(--ink-2);text-decoration:none}
.ab-toc a:hover,.ab-toc a.is-on{color:var(--violet);font-weight:700}
.ab-sidecalc{display:flex;flex-direction:column;gap:4px;background:var(--mint);color:var(--mint-d);border-radius:var(--r);padding:16px 18px;text-decoration:none;line-height:1.8}
.ab-sidecalc span{font-size:.85rem;color:#2f5e47}
.ab-text{max-width:760px;min-width:0}
.ab-text p,.ab-text li{color:#2a2733}
.ab-text h2{margin-top:1.8em;padding-top:.2em;scroll-margin-top:90px}
.ab-text h3{margin-top:1.4em}
.ab-text ul,.ab-text ol{padding-inline-start:22px}
.ab-text ol,.ab-toc ol{list-style-type:persian}
.ab-text table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.93rem;display:block;overflow-x:auto}
.ab-text th,.ab-text td{border:1px solid var(--line);padding:8px 12px;text-align:right;white-space:nowrap}
.ab-text th{background:var(--lilac);color:var(--violet-d)}
.ab-text tr:nth-child(even) td{background:#fcfbff}
.ab-glance{background:var(--card);border-inline-start:4px solid var(--violet);border-radius:0 var(--r) var(--r) 0;padding:12px 18px;margin-bottom:22px}
.ab-glance b{color:var(--violet)}
.ab-glance p{margin:4px 0 0;font-size:.97rem}
.ab-cover{margin:0 0 22px}
.ab-cover img{border-radius:var(--r)}
.ab-note{background:var(--sand);border-radius:12px;padding:12px 16px;margin:1.2em 0;font-size:.96rem}
.ab-note b{color:#8a5a00}
.ab-tip{background:#eefbf3;border-radius:12px;padding:12px 16px;margin:1.2em 0;font-size:.96rem}
.ab-tip b{color:var(--mint-d)}
.ab-contact{list-style:none;padding:0}
.ab-contact li{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.ab-contact span{min-width:110px;color:var(--mute)}
.ab-text--page{margin-bottom:40px}
.ab-404{padding:80px 16px;text-align:center}

/* calculator */
.ab-calc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;margin:1.2em 0 2em;box-shadow:0 10px 30px -18px rgba(75,51,196,.35)}
.ab-calc__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ab-calc label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.92rem}
.ab-calc input,.ab-calc select{font:inherit;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);width:100%}
.ab-calc input:focus,.ab-calc select:focus{outline:2px solid var(--violet);border-color:transparent}
.ab-calc__out{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.ab-calc__out div{background:var(--lilac);border-radius:12px;padding:12px;text-align:center}
.ab-calc__out b{display:block;font-family:"SahelBlack","Sahel",sans-serif;font-size:1.35rem;color:var(--violet-d)}
.ab-calc__out span{font-size:.82rem;color:var(--ink-2)}
.ab-calc__msg{margin:14px 0 0;font-size:.93rem;background:#eefbf3;border-radius:10px;padding:10px 14px}
.ab-calc__msg.is-warn{background:var(--sand)}

/* footer */
.ab-foot{background:#17151f;color:#d9d5e3;margin-top:64px}
.ab-foot__in{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-top:40px;padding-bottom:24px}
.ab-foot p{font-size:.9rem;line-height:2;color:#b5b0c4}
.ab-foot__nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.ab-foot__nav a{color:#e9e5f3;text-decoration:none;font-size:.92rem}
.ab-foot__nav a:hover{color:var(--mint)}
.ab-foot__copy{text-align:center;border-top:1px solid #2b2836;margin:0;padding:14px 16px;font-size:.8rem!important}

@media (max-width:900px){
	.ab-hero__in{grid-template-columns:1fr;padding-top:36px;padding-bottom:36px}
	.ab-read{grid-template-columns:1fr}
	.ab-side{position:static;order:2}
	.ab-topics__grid{grid-template-columns:1fr}
	.ab-foot__in{grid-template-columns:1fr}
}
@media (max-width:760px){
	body{font-size:16px}
	.ab-burger{display:block}
	.ab-nav{display:none;position:absolute;top:68px;inset-inline:0;background:var(--card);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 16px;gap:10px}
	.ab-nav.is-open{display:flex}
	.ab-nav ul{flex-direction:column}
	.ab-row{grid-template-columns:1fr 110px;gap:14px}
	.ab-row p{display:none}
	.ab-calc__grid{grid-template-columns:1fr}
	.ab-calc__out{grid-template-columns:1fr 1fr 1fr;gap:8px}
	.ab-calc__out b{font-size:1.05rem}
}
