/* NewTheme design settings: shared by the independent child theme. */
@font-face{font-family:Vazirmatn;src:url('fonts/vazirmatn.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
body.redronic-ntp-page {
  --ntp-accent: #ffc414;
  --ntp-text: #28323d;
  --ntp-muted: #5f6872;
  --ntp-line: #e6e8eb;
  --ntp-surface: #fff;
  --ntp-notice-background: #253c48;
  --ntp-notice-text: #dce5ea;
  --ntp-surface-muted: #f7f8f9;
  --ntp-text-secondary: #626e79;
  --ntp-link-hover: #0f171f; /* dark ink: yellow stays a fill/underline, never text */
  --ntp-focus: var(--ntp-text); /* ink ring, like the header search focus; yellow alone is too faint on white */
  --ntp-brand-accent: #e0a300;
  --ntp-accent-hover: #f5b400;
  --ntp-hero-background: #f1f3f5;
  --ntp-font-body: Vazirmatn, Tahoma, sans-serif;
  --y: var(--ntp-accent);
  --ink: var(--ntp-text);
  --muted: var(--ntp-muted);
  --line: var(--ntp-line);
}
/* Override the sitewide font rule only within this preview, using its current font. */
#redronic-ntp,
#redronic-ntp :where(h1,h2,h3,h4,h5,h6,p,a,li,td,th,caption,label,legend,button,input,select,option,textarea,summary,blockquote,figcaption,dt,dd,small,strong,em,b,div,span):not(:where([class*="icon"],[class*="fa-"],.fa,.fas,.far,.fab,.fal,.fad,.material-icons,.material-symbols-outlined,[class*="eicon"],code,pre,kbd,samp,code *,pre *,kbd *,samp *,.star-rating,.star-rating *)) {
  font-family: var(--ntp-font-body) !important;
}


/* Product card states; values affect only the preview page. */
body.redronic-ntp-page{
  --ntp-stock-text:#236345;
  --ntp-stock-background:#edf7f1;
  --ntp-backorder-text:var(--ntp-text);
  --ntp-backorder-background:var(--ntp-surface-muted);
  --ntp-unavailable-text:#59636d;
  --ntp-unavailable-background:#f0f2f4;
  --ntp-price-old:#68717b;
}


/* Radius scale: every corner in the theme uses one of these (circles stay 50%).
   Nested corners use --rnt-r instead: a child's radius = its container's radius - gap - border. */
body.redronic-ntp-page{
  --rnt-radius-xs:4px;   /* buttons, chips */
  --rnt-radius-sm:8px;   /* inputs, rows, small panels */
  --rnt-radius-md:12px;  /* panels, banners, bubbles */
  --rnt-radius-lg:20px;  /* product cards */
  --rnt-radius-xl:24px;  /* floating windows */
  --rnt-radius-pill:999px;
  --rnt-paper-shadow:0 1px 8px rgba(1,1,1,.1); /* paper surfaces: product cards, product summary, product sections */
  --rnt-radius-min:var(--rnt-radius-xs); /* floor: inner corners never go below the smallest step */
  --rnt-r:var(--rnt-radius-md);
  --rnt-gap:0px;
  --rnt-bw:0px;
}
/* Concentric containers. A container sets --rnt-r (or inherits it from an outer container), --rnt-gap (space to the
   rounded child) and --rnt-bw (its border width). Any descendant with border-radius:var(--rnt-r) gets the inner radius.
   :where() keeps specificity 0 so feature files can override any of these. */
:where(.rnt-round,.mwai-chatbot-container .mwai-window-box,#redronic-ntp .ntp-product,body.redronic-newtheme.woocommerce ul.products li.product){
  border-radius:var(--rnt-r);
  --rnt-r-inner:max(var(--rnt-radius-min),calc(var(--rnt-r) - var(--rnt-gap) - var(--rnt-bw)));
}
/* var() resolves on the container, so children inherit a plain length: no cycle, and nesting repeats the step. */
:where(.rnt-round,.mwai-chatbot-container .mwai-window-box,#redronic-ntp .ntp-product,body.redronic-newtheme.woocommerce ul.products li.product)>*{--rnt-r:var(--rnt-r-inner);--rnt-gap:0px;--rnt-bw:0px}
