/*
 * IGI Kala (Hello child) — fonts and the design base. WordPress loads this file itself on the Persian site.
 * Hello's reset.css and theme.css are switched off (igi-reseller theme-compat.php). This file is the base underneath the
 * plugin's own CSS — the reset and element defaults the components are built on
 * — then the design's settings, then a clean look for the WooCommerce screens the plugin doesn't template.
 *
 * Font: Yekan Bakh ("YekanBakh"), one self-hosted variable file (font/yekanbakh/YekanBakh-VF.woff2, weights 100–950). Its
 * @font-face rules and the fontiran.com licence comment are printed into <head> by functions.php; the plugin preloads the
 * file (front.php).
 */

/* ---------------------------------------------------------------- base
   The plugin's pages, tools and panels are built on this reset and these element defaults: every element starts
   with no margin/padding, fields are 42px tall and full width with no native look, buttons are centred flex boxes, links
   are ink not blue. Hello has none of that (its reset.css is off), so the base is kept here; the design's own settings
   follow it. */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:clip}   /* no sideways panning on phones */
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
main{display:block}
a,button,input{touch-action:manipulation}
a{color:#333;text-decoration:none;transition:all .25s ease}
a:hover{color:#242424}
a:focus{outline:none}
p{margin-bottom:20px}
strong,b{font-weight:600}
small{font-size:80%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:1}
sup{top:-.25em}sub{bottom:-.25em}
abbr{border-bottom:1px dotted;color:#d62432;text-decoration:none}
mark{display:inline-block;padding:5px 8px;background-color:#f7f7f7;color:#242424;font-weight:600;line-height:1}
pre{overflow:auto;margin-bottom:20px;padding:20px;background:#f7f7f7;text-align:left;white-space:pre-wrap;word-wrap:break-word}
hr{margin-block:20px;border:none;border-bottom:1px solid currentColor;opacity:.2}
blockquote{margin-bottom:20px;padding-inline-start:30px;border-inline-start:2px solid #1974BA;text-align:start;font-size:110%}
h1,h2,h3,h4,h5,h6,legend{display:block;margin-bottom:20px;color:#222;font-weight:500;line-height:1.4}
h1{font-size:28px}h2{font-size:24px}h3{font-size:22px}h4{font-size:18px}h5{font-size:16px}h6{font-size:12px}
label{display:block;margin-bottom:5px;color:#222;vertical-align:middle;font-weight:400}
dl{margin-bottom:20px}
fieldset{margin-bottom:20px;padding:20px 40px;border:2px solid rgba(0,0,0,.105);border-radius:10px}
ol,ul{list-style:none}
:is(ul,ol){margin-bottom:20px;padding-inline-start:17px}
:is(ul,ol) li{margin-bottom:10px}
:is(ul,ol) li:last-child{margin-bottom:0}
li>:is(ul,ol){margin-top:10px;margin-bottom:0}
ul{list-style:disc}ol{list-style:decimal}
table{margin-bottom:35px;width:100%;border-spacing:0;border-collapse:collapse;line-height:1.4}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
/* form fields */
button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type=email],input[type=search],input[type=number],input[type=url],input[type=tel],input[type=text],input[type=password],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=email],input[type=date],input[type=search],input[type=number],input[type=text],input[type=tel],input[type=url],input[type=password],textarea,select{padding:0 15px;max-width:100%;width:100%;height:42px;border:1px solid rgba(0,0,0,.1);border-radius:5px;background-color:#fff;box-shadow:none;color:#222;vertical-align:middle;font-size:14px;transition:border-color .5s ease}
input[type=email]:focus,input[type=date]:focus,input[type=search]:focus,input[type=number]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:none;border-color:rgba(0,0,0,.15);transition:border-color .4s ease}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}
input[type=number]{padding:0;text-align:center}
input[type=date]{-webkit-appearance:none}
input[type=date]::-webkit-calendar-picker-indicator{opacity:0}
input[type=date]::-webkit-date-and-time-value{text-align:start}
textarea{overflow:auto;padding:10px 15px;min-height:190px;resize:vertical}
select{padding-left:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23777' d='M44.99 13.98C44.73 13.99 44.48 14.1 44.29 14.29L25 33.59L5.71 14.29C5.52 14.1 5.26 13.99 4.99 13.99C4.58 13.99 4.22 14.24 4.06 14.61C3.91 14.99 4 15.42 4.29 15.71L24.29 35.71C24.68 36.1 25.32 36.1 25.71 35.71L45.71 15.71C46 15.42 46.09 14.98 45.94 14.6C45.78 14.22 45.4 13.98 44.99 13.98Z'/%3E%3C/svg%3E");background-position:left 10px top 50%;background-size:auto 18px;background-repeat:no-repeat}
::placeholder{color:rgba(34,34,34,.55)}
/* buttons */
:is(.button,button,[type=submit],[type=button]){position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;outline:none;border-radius:0;vertical-align:middle;text-align:center;text-decoration:none;text-shadow:none;line-height:1.2;cursor:pointer;transition:all .25s ease;color:#3E3E3E;border:0 solid #E9E9E9;background-color:#F3F3F3;box-shadow:none;text-transform:capitalize;font-weight:600;padding:5px 20px;min-height:42px;font-size:13px}
:is(.button,button,[type=submit],[type=button]):hover{color:#3E3E3E;border-color:#e0e0e0;background-color:#e0e0e0}
[hidden]{display:none!important}

/* ---------------------------------------------------------------- the design */
body{font-family:"YekanBakh",Tahoma,sans-serif;font-size:15px;background:#FCFCFD;color:#424245;font-weight:300;line-height:1.8}
html body :is(h1,h2,h3,h4,h5,h6,legend){font-family:"YekanBakh",Tahoma,sans-serif}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
[dir=ltr]{font-variant-numeric:tabular-nums}
html body :focus-visible{outline:2px solid rgba(25,116,186,.28);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---------------------------------------------------------------- plain pages (blog, page.php): Hello's markup, the design's width */
.site-main,.page-header,.page-content,.post-tags,.comments-area{max-width:calc(var(--igi-page-max,1440px) - 48px);margin-inline:auto}
body:not(.elementor-template-full-width):not(.elementor-page) .site-main{padding:40px 24px 64px}
.page-header .entry-title{font-size:clamp(26px,3.4vw,34px);overflow-wrap:anywhere}
@media (max-width:767px){body:not(.elementor-page) .site-main{padding:24px 16px 48px}}

/* ---------------------------------------------------------------- WooCommerce screens the plugin doesn't template */
.woocommerce input[type=text],.woocommerce input[type=email],.woocommerce input[type=tel],.woocommerce input[type=password],.woocommerce input[type=number],.woocommerce select,.woocommerce textarea{
  width:100%;min-height:46px;padding:0 14px;border:1px solid #D2D2D7;border-radius:8px;background:#fff;color:#1D1D1F}
.woocommerce textarea{padding:10px 14px;min-height:96px}
.woocommerce :is(input,select,textarea):focus{border-color:#1974BA;outline:none;box-shadow:0 0 0 3px rgba(25,116,186,.14)}
.woocommerce :is(.button,button.button,a.button,input.button,#respond input#submit){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:8px;background:#1974BA;color:#FCFCFD;font-weight:500;font-size:14px;line-height:1.2;text-decoration:none;transition:background-color .2s}
.woocommerce :is(.button,button.button,a.button,input.button):hover{background:#15629D;color:#FCFCFD}
.woocommerce :is(.button.alt,button.button.alt){background:#1D1D1F}
.woocommerce :is(.button.alt,button.button.alt):hover{background:#000}
.woocommerce table.shop_table{border:1px solid #E8E8ED;border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff}
.woocommerce table.shop_table :is(th,td){padding:12px 16px;border-top:1px solid #E8E8ED;text-align:right;vertical-align:middle}
.woocommerce table.shop_table thead th{border-top:0;background:#F5F5F7;color:#1D1D1F}
.woocommerce form .form-row{margin:0 0 14px}
.woocommerce form .form-row label{display:block;margin-bottom:6px;font-size:13px;color:#6E6E73}
.woocommerce form .form-row .required{color:#B91C1C;text-decoration:none}
.woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){list-style:none;margin:0 0 20px;padding:14px 18px;border-radius:8px;background:#EDF4FA;color:#1D1D1F;text-align:right}
.woocommerce .woocommerce-message{background:#E7F6EF}
.woocommerce .woocommerce-error{background:#FDECEC;color:#B91C1C}
.woocommerce-customer-details,.woocommerce-order-details__title,.woocommerce-column__title{text-align:right}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:8px;color:#424245}
.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:#F5F5F7;color:#1974BA}
@media (min-width:768px){.woocommerce-account .woocommerce{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px}}