/* اتاق آشپزی — design tokens + reset + shared primitives (used by the site, the learn view and the panels) */
@font-face{font-family:"YekanBakh";src:url(../fonts/yekanbakh-fanum-vf.woff2) format("woff2");font-weight:100 950;font-style:normal;font-display:swap}
/* legacy name used by the blog/techniques/OTP mu-plugins */
@font-face{font-family:"iranyekanx";src:url(../fonts/yekanbakh-fanum-vf.woff2) format("woff2");font-weight:100 950;font-style:normal;font-display:swap}

:root{
  --coral:#FF543E;--coral-d:#E8432E;--coral-t:#FFEDEA;--coral-tt:#FFF6F4;
  --navy:#122B46;--navy-2:#1E3A5C;--ink:#1F2328;--text:#3B4350;--muted:#6B7280;
  --blush:#F7F4F3;--soft:#FBFAF9;--line:#EDEAE7;--line-2:#E2DDD9;
  --ok:#16A34A;--ok-t:#E9F8EF;--warn:#D97706;--warn-t:#FEF5E7;--err:#DC2626;--err-t:#FDECEC;--gold:#C98A00;--gold-t:#FFF6DB;
  --r:14px;--r-sm:10px;--r-lg:20px;
  --sh:0 1px 2px rgba(18,43,70,.04),0 8px 24px rgba(18,43,70,.06);
  --sh-lg:0 18px 50px rgba(18,43,70,.14);
  --font:"YekanBakh",Tahoma,"Segoe UI",sans-serif;
  --wrap:1240px;
  --hh:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.9;color:var(--text);background:#fff;direction:rtl;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto;vertical-align:middle}
img{border-style:none}
a{color:var(--coral);text-decoration:none}
a:hover{color:var(--coral-d)}
h1,h2,h3,h4{color:var(--navy);line-height:1.45;margin:0 0 .5em;font-weight:800}
p{margin:0 0 1em}
button,input,select,textarea{font:inherit;color:inherit}
input,select,textarea{border:1px solid var(--line-2);border-radius:var(--r-sm);padding:.62em .9em;background:#fff;width:100%;max-width:100%;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-t)}
input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--coral)}
:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.oa-i{flex:none}

/* buttons (site: .ot-btn — plugin: .oa-btn — same look) */
.ot-btn,.oa-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;border:1px solid transparent;border-radius:12px;padding:.62em 1.25em;font-weight:700;font-size:15px;line-height:1.5;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .1s;white-space:nowrap}
.ot-btn:active,.oa-btn:active{transform:translateY(1px)}
.ot-btn-primary,.oa-btn-primary{background:var(--coral);color:#fff!important}
.ot-btn-primary:hover,.oa-btn-primary:hover{background:var(--coral-d);color:#fff}
.ot-btn-ghost,.oa-btn-ghost{background:#fff;border-color:var(--line-2);color:var(--navy)!important}
.ot-btn-ghost:hover,.oa-btn-ghost:hover{border-color:var(--coral);color:var(--coral)!important}
.oa-btn-soft{background:var(--coral-t);color:var(--coral-d)!important}
.oa-btn-soft:hover{background:#FFDCD5}
.oa-btn-done{background:var(--ok-t);color:var(--ok)!important;border-color:#BFE8CF}
.ot-btn-white{background:#fff;color:var(--coral)!important}
.ot-btn-white:hover{background:var(--navy);color:#fff!important}
.ot-btn-glass{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff!important;backdrop-filter:blur(4px)}
.ot-btn-glass:hover{background:#fff;color:var(--navy)!important}
.ot-btn-sm{padding:.42em .95em;font-size:14px}
.ot-btn-lg{padding:.8em 1.6em;font-size:16px}
.ot-btn-block{display:flex;width:100%}

/* progress bar shared by account + learn + panel */
.oa-bar{display:block;height:7px;background:var(--line);border-radius:99px;overflow:hidden}
.oa-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--coral),#FF7A5C);border-radius:99px}
.oa-bar-sm{display:inline-block;width:90px;height:6px;vertical-align:middle}

.ot-stars{display:inline-flex;align-items:center;gap:1px;color:#F5B301}
.ot-stars i{display:inline-flex;color:#E5E7EB}
.ot-stars i.on{color:#F5B301}
.ot-stars em{font-style:normal;color:inherit;font-size:13px;margin-inline-start:6px;opacity:.85}