/* CA Tarifly modern blocks — shared tokens. WoodMart-native via --wd-* with fallbacks; no fonts forced. */
.tf-block{
  /* the Tarifly Studio tokens (assets/css/block-responsive.css) with the same values as fallback */
  --tf-acc:var(--ts-acc,#fa7320);
  --tf-acc-hover:var(--ts-acc-hover,#0c0625);
  --tf-acc-soft:var(--ts-acc-soft,#fff2e8);
  --tf-link:var(--ts-link,#c35a19);
  --tf-ink:var(--ts-ink,#0d0625);
  --tf-text:var(--ts-text,#3a3f4f);
  --tf-mute:var(--ts-mute,#6a7184);
  --tf-line:var(--ts-line,rgba(13,6,37,.09));
  --tf-surface:var(--ts-band,#f5f5f7);
  --tf-r:var(--ts-r-md,20px);
  --tf-shadow:var(--ts-shadow,0 0 0 1px rgba(13,6,37,.06),0 16px 36px -16px rgba(50,50,93,.22));
  --tf-shadow-up:var(--ts-shadow-up,0 0 0 1px rgba(13,6,37,.08),0 28px 52px -20px rgba(50,50,93,.34));
  --tf-ease:var(--ts-ease,cubic-bezier(.2,.7,.2,1));
  color:var(--tf-text);box-sizing:border-box;
  margin-block:clamp(24px,3vw,40px);
}
.tf-block *,.tf-block *::before,.tf-block *::after{box-sizing:border-box}
.tf-block :is(h2,h3,h4,p,ul,ol,dl,dd){margin-block:0}
.tf-icon{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:var(--tf-acc-soft);color:var(--tf-acc)}
.tf-icon svg{width:24px;height:24px}
.tf-eyebrow{display:block;margin:0 0 10px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--tf-link)}
@keyframes tf-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tf-block,.tf-block *,.tf-block *::before,.tf-block *::after{animation:none!important;transition:none!important}}
@media print{.tf-block{break-inside:avoid}}

/* Gutenberg colour / font-size supports: let the block's own text colour and size win over tokens */
.tf-block.has-text-color{--tf-ink:currentColor;--tf-text:currentColor}
.tf-faq.has-custom-font-size .tf-faq__q,.tf-faq.has-custom-font-size .tf-faq__a{font-size:1em}
.tf-faq.has-custom-font-size .tf-faq__title{font-size:1.9em}
.tf-faq[class*="has-"][class*="-font-size"] .tf-faq__q,.tf-faq[class*="has-"][class*="-font-size"] .tf-faq__a{font-size:1em}