/*
 * Local utility layer for Esfahan Tamir.
 * جایگزین Runtime Tailwind CDN شده تا استایل‌ها قبل از اولین Paint آماده باشند.
 */

/* ===== Tailwind-like preflight used by the current templates ===== */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::before,::after{--tw-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:'Vazirmatn',system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
dialog{padding:0}textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button,[role=button]{cursor:pointer}:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none!important}

/* ===== Brand vars ===== */
:root{--tw-brand-blue:#0064C8;--tw-brand-blue-dark:#004B99;--tw-brand-blue-light:#EBF4FD;--tw-brand-green:#5FB724;--tw-brand-green-dark:#499319;--tw-brand-green-light:#F0F9EB}

/* ===== Layout ===== */
.block{display:block}.hidden{display:none}.flex{display:flex}.inline-flex{display:inline-flex}.inline-block{display:inline-block}.grid{display:grid}
.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.fixed{position:fixed}.sticky{position:sticky}.relative{position:relative}.absolute{position:absolute}
.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}
.z-40{z-index:40}.z-50{z-index:50}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}
.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}
.object-contain{object-fit:contain}
.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}
.p-1{padding:.25rem}.p-3{padding:.75rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.pt-5{padding-top:1.25rem}.pt-10{padding-top:2.5rem}.pb-12{padding-bottom:3rem}.pb-20{padding-bottom:5rem}
.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-7{gap:1.75rem}
.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-\[86vw\]{width:86vw}.w-auto{width:auto}.w-full{width:100%}
.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}
.max-w-sm{max-width:24rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}

/* ===== Typography ===== */
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.text-left{text-align:left}.text-center{text-align:center}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[20px\]{font-size:20px}
.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}
.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-\[1\.35\]{line-height:1.35}
.text-white{color:#fff}.text-rose-600{color:#e11d48}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}
.text-brand-blue{color:var(--tw-brand-blue)}.text-brand-green{color:var(--tw-brand-green)}.text-brand-greenDark{color:var(--tw-brand-green-dark)}

/* ===== Backgrounds / borders / radius / shadow ===== */
.bg-white{background-color:#fff}.bg-white\/95{background-color:rgb(255 255 255/.95)}.bg-slate-100{background-color:#f1f5f9}.bg-slate-950\/40{background-color:rgb(2 6 23/.4)}.bg-rose-50{background-color:#fff1f2}
.bg-brand-green{background-color:var(--tw-brand-green)}.bg-brand-greenLight{background-color:var(--tw-brand-green-light)}.bg-\[\#0064C8\]{background-color:#0064C8}
.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}
.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-slate-200\/80{border-color:rgb(226 232 240/.8)}.border-rose-200{border-color:#fecdd3}.border-brand-green\/20{border-color:rgb(95 183 36/.2)}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}
.shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0/.25)}
.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-\[2px\]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}

/* ===== Gradients ===== */
.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}
.from-brand-blue{--tw-gradient-from:#0064C8 var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 100 200/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-brand-green{--tw-gradient-to:rgb(95 183 36/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#5FB724 var(--tw-gradient-via-position),var(--tw-gradient-to)}
.to-brand-green{--tw-gradient-to:#5FB724 var(--tw-gradient-to-position)}

/* ===== Transitions / hover / group ===== */
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:text-brand-blue{color:var(--tw-brand-blue)}
.hover\:bg-brand-green:hover{background-color:var(--tw-brand-green)}.hover\:text-white:hover{color:#fff}.hover\:text-brand-blue:hover{color:var(--tw-brand-blue)}.hover\:border-blue-200:hover{border-color:#bfdbfe}

/* ===== Responsive variants ===== */
@media (min-width:390px){.min-\[390px\]\:inline{display:inline}}
@media (min-width:640px){
  .sm\:flex{display:flex}.sm\:gap-3{gap:.75rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
}
@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}}
@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pt-14{padding-top:3.5rem}.lg\:pb-16{padding-bottom:4rem}.lg\:max-w-5xl{max-width:64rem}.lg\:text-5xl{font-size:3rem;line-height:1}}

/* Material Symbols sizing consistency */
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;font-size:24px;line-height:1;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-feature-settings:'liga'}

.scroll-smooth{scroll-behavior:smooth}
/* Expandable Gutenberg Table جدول فقط ۵ تا نشون بده بعد دکمه باز شو */
.seeto-expand-table {
  position: relative;
  margin-bottom: 20px;
}

.seeto-expand-table.is-collapsed tbody tr:nth-child(n+6) {
  display: none;
}

.seeto-table-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  width: fit-content;
  margin: 14px auto 0;
  padding: 9px 16px;

  border: 1px solid #d8d8d8;
  border-radius: 8px;

  background: #f7f7f7;
  color: #222;

  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;

  cursor: pointer;
  transition: all .2s ease;
}

.seeto-table-toggle:hover {
  background: #efefef;
  border-color: #c7c7c7;
}

.seeto-table-toggle::after {
  content: "↓";
  font-size: 14px;
  transition: transform .2s ease;
}

.seeto-table-toggle.is-open::after {
  content: "↑";
}

/* Mobile */
@media (max-width: 767px) {

  .seeto-expand-table table {
    font-size: 13px;
  }

  .seeto-table-toggle {
    width: 100%;
    max-width: 260px;
  }
}