/*
Theme Name: Sign Tablo
Description: قالب اختصاصی سایت ساین تابلو (راست‌به‌چپ، فارسی). محصولات، دسته‌بندی و نمونه کارها از پیشخوان وردپرس مدیریت می‌شوند.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: signtablo
*/
@font-face{font-family:"Milad";font-weight:400 700;font-display:swap;src:url(assets/fonts/Milad-Regular.woff) format("woff")}
@font-face{font-family:"Milad";font-weight:800 900;font-display:swap;src:url(assets/fonts/Milad-Black.woff) format("woff")}


:root{--g:#8DC63F;--gd:#64A046;--g2:#7AB02A;--k:#231F20;--bg:#fff;--ink:#231F20;--wm:#F2F2F2;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#231F20;--ink:#F2F2F2;--wm:#2c2829}}
:root[data-theme="dark"]{--bg:#231F20;--ink:#F2F2F2;--wm:#2c2829}
*{box-sizing:border-box;margin:0}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"Milad","Vazirmatn",Tahoma,sans-serif;line-height:1.9;font-weight:500;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.w{max-width:1200px;margin:0 auto;padding:0 24px}
.bar{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.tel{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.6rem;direction:ltr;color:var(--gd)}
.tel i{width:46px;height:46px;border-radius:50%;background:var(--g);display:grid;place-items:center;color:#fff;font-style:normal;font-size:1.3rem}
.logo img{height:50px;display:block}
.nav{background:var(--gd);color:#fff}
.nav .w{display:flex;justify-content:space-between;align-items:center;padding-block:14px}
.nav nav{display:flex;gap:30px;flex-wrap:wrap}
.nav nav a{opacity:.9;transition:opacity .2s}.nav nav a:hover{opacity:1}
.soc{display:flex;gap:8px}.soc a{width:34px;height:34px;border-radius:50%;background:var(--g);display:grid;place-items:center;font-size:.8rem;font-weight:800;color:#fff}
.hero{background:var(--g);position:relative;overflow:hidden;min-height:560px;color:#fff}
.arc{position:absolute;border-radius:50%;background:var(--g2);opacity:.9;will-change:transform}
.a1{width:560px;height:560px;left:-120px;top:-300px}.a2{width:520px;height:520px;left:30%;top:-330px;border:90px solid var(--g2);background:transparent}
.hin{direction:ltr;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:20px;position:relative;z-index:2;min-height:560px;padding-block:40px}
.big{font-family:"Michroma",sans-serif;font-size:clamp(2.6rem,8.4vw,7rem);line-height:1.02;letter-spacing:-.01em;text-transform:uppercase}
.big span{display:block;overflow:hidden}.big span b{display:inline-block;font-weight:400;transform:translateY(105%);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards}
.big span:nth-child(2) b{animation-delay:.12s}.big span:nth-child(3) b{animation-delay:.24s}
@keyframes up{to{transform:none}}
.pair{position:relative;justify-self:center;display:flex;gap:14px;align-items:flex-end;background:var(--wm);padding:22px 22px 0;border-radius:36px 36px 0 0;animation:fl 6s ease-in-out infinite}
.pair img{height:min(360px,48vw);width:auto;display:block;border-radius:14px 14px 0 0}
@keyframes fl{50%{transform:translateY(-12px)}}
.circ{position:absolute;right:4%;bottom:-70px;width:220px;height:220px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;line-height:1;direction:ltr;z-index:3;color:var(--ink)}
.circ b{display:block;font-weight:900;font-size:2.4rem;color:var(--g)}.circ b+b{color:#231F20;font-size:2.6rem}
.tab{position:absolute;left:8%;bottom:0;background:var(--g);color:#fff;border-radius:34px 34px 0 0;padding:14px 40px;font-weight:900;font-size:1.5rem;direction:ltr;transform:translateY(100%);z-index:3}
.sec{padding:90px 0;position:relative;overflow:hidden}
.wm{position:absolute;font-family:"Michroma",sans-serif;color:var(--wm);font-size:clamp(5rem,20vw,15rem);line-height:.95;white-space:pre;direction:ltr;z-index:0;will-change:transform;pointer-events:none}
.about{padding-top:150px}.about p{position:relative;z-index:1;max-width:700px;font-size:1.15rem}
h2{font-weight:900;font-size:clamp(2.2rem,5vw,3.4rem);color:var(--gd);position:relative;z-index:1;margin-bottom:34px}
.prod{background:linear-gradient(to bottom,transparent 42%,var(--g) 42%);padding-bottom:110px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative;z-index:1}
.card{background:var(--wm);border-radius:34px;padding:26px 20px;text-align:center;transition:transform .35s;color:#231F20}
.card:hover{transform:translateY(-10px) rotate(-.6deg)}
.card img{height:300px;width:auto;max-width:100%;object-fit:contain;display:block;margin:0 auto 14px;transition:transform .5s}.card:hover img{transform:scale(1.05)}
.card h3{font-weight:800;font-size:1.15rem}.card .p{font-size:.92rem;opacity:.75;margin:4px 0 12px}
.btn{display:inline-block;background:var(--k);color:#fff;font-weight:800;padding:8px 24px;border-radius:40px;transition:background .2s}.btn:hover{background:var(--gd)}
.show{min-height:520px}.show .w{position:relative;z-index:1;display:flex;gap:30px;align-items:center;justify-content:center}
.show img{height:380px;width:auto;border-radius:14px}
.show .wm{left:2%;top:40px}
footer{background:var(--g);position:relative;color:#fff;padding:70px 0 26px}
footer .tab{top:0;bottom:auto;transform:translateY(-100%);right:8%;left:auto}
.fi{display:flex;justify-content:space-between;align-items:center}
.rv{opacity:0;transform:translateY(46px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
a:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media (max-width:820px){.hin{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.circ{width:150px;height:150px;bottom:-50px}.circ b{font-size:1.6rem}.nav .w{flex-direction:column;gap:10px}.nav nav{gap:16px}.tel{font-size:1.2rem}.show .w{flex-direction:column}.tab{left:4%}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.big span b{transform:none}.rv{opacity:1;transform:none}}
.hero{background:transparent url(assets/img/hero-bg.webp) center bottom/cover no-repeat;aspect-ratio:8000/2384;min-height:380px;overflow:visible;color:inherit;position:relative}
.hero>img{position:absolute;display:block}
.htext{left:21%;top:50%;width:36%;transform:translateY(-50%);animation:tin 1s .1s both}
@keyframes tin{from{opacity:0;transform:translate(-50px,-50%)}}
.hrender{left:63%;top:7%;height:82%;width:auto;animation:rin 1.1s .3s both,fl 6s 1.5s ease-in-out infinite}
@keyframes rin{from{opacity:0;transform:translateY(60px)}}
.hcirc{right:7.5%;bottom:-12%;width:15%;aspect-ratio:1;border-radius:50%;z-index:5;background:#fff;animation:pop .8s .6s both}
@keyframes pop{from{transform:scale(.4);opacity:0}}
.show img{height:420px;border-radius:0}.about{padding-top:150px}
@media (max-width:820px){.hero{aspect-ratio:auto;min-height:440px}.htext{left:8%;width:84%;top:6%;transform:none;animation:fi 1s both}@keyframes fi{from{opacity:0}}.hrender{left:auto;right:5%;top:auto;bottom:12%;height:50%}.hcirc{display:none}.show img{height:300px}}
.sm{position:relative;width:136px;aspect-ratio:135.83/42.56;direction:ltr}.sm img{width:100%;height:100%;display:block}.sm a{position:absolute;top:0;height:100%;width:31%;border-radius:50%}.sm .tg{left:0}.sm .wa{left:34.4%}.sm .ig{left:69%}.sm a:hover{box-shadow:0 0 0 3px #fff}
.ft{position:relative;background:none;padding:0;color:#fff}.ft>img{width:100%;display:block}.ft .fsoc{position:absolute;left:6%;top:50%;width:8%;min-width:104px;transform:translateY(-50%)}.ft .fsoc .sm{width:100%}.ft small{position:absolute;bottom:2.5%;left:0;right:0;text-align:center;font-size:.78rem;opacity:.9}
@media (max-width:820px){.wm{width:130%!important;right:-15%!important}.ft>img{min-height:120px;object-fit:cover;object-position:left}.nav .sm{align-self:center}}
.tel .ti{width:46px;height:46px;display:block}.tel{color:var(--gd)}
@media (max-width:820px){.hero{min-height:500px;background-position:30% bottom}.hero>.hcirc{display:none}.hero>.hrender{height:46%;bottom:9%}}

/* ===== افزوده‌های قالب وردپرس ===== */
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.rv{opacity:1;transform:none}.js .rv{opacity:0;transform:translateY(46px)}.js .rv.in{opacity:1;transform:none}
h1.htext{margin:0;font-size:inherit;font-weight:inherit;line-height:0}.htext img{width:100%;height:auto;display:block}
.nav nav ul{display:flex;gap:30px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.nav nav li{position:relative}
.nav .sub-menu{display:none;position:absolute;top:100%;right:0;min-width:250px;background:var(--gd);padding:10px 0;border-radius:0 0 14px 14px;z-index:60;list-style:none;margin:0;box-shadow:0 12px 30px rgba(0,0,0,.2);flex-direction:column;gap:0}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:flex}
.nav .sub-menu a{display:block;padding:6px 20px}
.nav .sub-menu .sub-menu{top:0;right:100%;border-radius:14px}
.navbtn{background:#fff;color:var(--gd);font-weight:800;padding:2px 20px;border-radius:30px}
.cimg{display:block}
.card h3 a:hover{text-decoration:underline}
.kids{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0 14px}
.kids a{font-size:.85rem;padding:2px 14px;border:1.5px solid #231F20;border-radius:20px}.kids a:hover{background:#231F20;color:#fff}
.btn.g{background:var(--g);color:#231F20}.btn.o{background:transparent;color:inherit;border:2px solid currentColor}
.feat{padding:80px 0}
.cards.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.cards.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cards.g4{grid-template-columns:1fr}}
.card.pj img{height:230px;width:100%;object-fit:cover;border-radius:18px}
.card .ex{font-size:.92rem;opacity:.8}
.ph{background:var(--g);color:#231F20;padding:50px 0 40px}
.ph h1{font-weight:900;font-size:clamp(2rem,5vw,3.4rem);line-height:1.3;margin:6px 0 10px}
.ph .intro{max-width:70ch;font-size:1.1rem}
.bc ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0;font-size:.9rem}
.bc li+li:before{content:"‹";margin-inline-end:8px}
.guide{margin-top:50px;max-width:80ch}.guide h2{font-size:1.7rem;margin:1.4em 0 .5em;color:var(--gd)}.guide h3{font-size:1.3rem;margin:1.2em 0 .4em}
.pg{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.pimg{background:var(--wm);border-radius:34px;padding:30px;text-align:center}.pimg img{max-height:520px;width:auto;max-width:100%;height:auto}
.specs{list-style:none;padding:0;margin:18px 0}.specs li{padding:8px 0;border-bottom:1px solid var(--wm)}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.chips a{padding:4px 18px;border:2px solid #231F20;border-radius:30px;font-weight:800}.chips a:hover{background:#231F20;color:#fff}
.cta2{background:var(--g);color:#231F20;text-align:center}
.cta2 h2{margin-inline:auto;color:#231F20}.cta2 .num{display:block;font-weight:900;font-size:clamp(2rem,6vw,3.6rem);direction:ltr;margin:10px 0 24px}
.cta2 .btns{justify-content:center}.cta2 .btn{background:#231F20;color:#fff}.cta2 .btn.o{background:transparent;color:#231F20}
.fnav{padding:60px 0 30px}.fnav .w{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.fh{font-weight:900;font-size:1.2rem;margin-bottom:10px;color:var(--gd)}
.fnav ul{list-style:none;margin:0;padding:0}.fnav li{padding:2px 0}.fnav a:hover{text-decoration:underline}
.entry{max-width:80ch}
.navigation.pagination{margin-top:36px}.nav-links{display:flex;gap:10px;flex-wrap:wrap}.page-numbers{padding:2px 14px;border:2px solid currentColor;border-radius:20px}.page-numbers.current{background:#231F20;color:#fff}
@media (max-width:820px){.pg{grid-template-columns:1fr}.fnav .w{grid-template-columns:1fr}.nav nav ul{gap:14px}.nav .sub-menu{position:static;display:flex;background:transparent;box-shadow:none;padding:0 12px}.navbtn{align-self:center}}
.hero>h1.htext{position:absolute;display:block}