/* fc-presets.css — editor presets (Theme Settings → Typography / Buttons). Only elements whose Text Style, colour or
   button settings were changed in the editor use these classes; everything else keeps its designed CSS. */
:root{--shadow-sm:0 1px 2px rgba(10,10,10,.06),0 1px 3px rgba(10,10,10,.08);--shadow-md:0 4px 12px rgba(10,10,10,.08);--shadow-lg:0 12px 32px rgba(10,10,10,.12);--shadow-xl:0 24px 64px rgba(10,10,10,.16)}

.text-default{}
.text-h1,.text-h2,.text-h3,.text-h4,.text-h5,.text-h6,.text-quote{font-family:var(--ff-heading);font-weight:700;letter-spacing:-.03em}
.text-h1{font-size:var(--font_size_h1);line-height:1.01;letter-spacing:-.035em}
.text-h2{font-size:var(--font_size_h2);line-height:1.04}
.text-h3{font-size:var(--font_size_h3);line-height:1.1}
.text-h4{font-size:var(--font_size_h4);line-height:1.15;letter-spacing:-.02em}
.text-h5{font-size:var(--font_size_h5);line-height:1.25;letter-spacing:-.015em}
.text-h6{font-size:var(--font_size_h6);line-height:1.3;letter-spacing:-.01em}
.text-quote{font-size:var(--font_size_quote);line-height:1.3;font-weight:400;letter-spacing:-.015em}
.text-body-lg,.text-body,.text-body-sm,.text-caption,.text-fine-print,.text-eyebrow,.text-label,.text-button{font-family:var(--ff-body);letter-spacing:-.005em}
.text-body-lg{font-size:var(--font_size_body_lg);line-height:1.45}
.text-body{font-size:var(--font_size_body);line-height:1.55}
.text-body-sm{font-size:var(--font_size_body_sm);line-height:1.5}
.text-eyebrow{font-size:var(--font_size_eyebrow);line-height:1.3;font-weight:500}
.text-label{font-size:var(--font_size_label);line-height:1.2;font-weight:600}
.text-caption{font-size:var(--font_size_caption);line-height:1.4}
.text-button{font-size:var(--font_size_button);line-height:1.2;font-weight:600}
.text-fine-print{font-size:var(--font_size_fine_print);line-height:1.4}

.fs-override{font-size:var(--fs-d) !important}
@media (max-width:1023px){.fs-override{font-size:var(--fs-t) !important}}
@media (max-width:767px){.fs-override{font-size:var(--fs-m) !important}}

/* Editable buttons: these classes are only present when a merchant overrides a button's Theme Default. */
.fcb-bg{background:var(--btn-bg) !important}
.fcb-fg{color:var(--btn-fg) !important}
.fcb-bd{border:var(--btn-bw,1px) solid var(--btn-bd,currentColor) !important}
.fcb-outline{background:transparent !important}
.fcb-text{background:transparent !important;border-color:transparent !important;box-shadow:none !important;padding-inline:0 !important}
.fcb-full{display:flex !important;width:100% !important;justify-content:center}
.fcb-h-colors:hover{background:var(--btn-hbg) !important;color:var(--btn-hfg) !important;border-color:var(--btn-hbd) !important}
.fcb-h-darken:hover{filter:brightness(.9)}
.fcb-h-lighten:hover{filter:brightness(1.1)}
.fcb-h-fill.fcb-outline:hover{background:var(--btn-bd,currentColor) !important;color:var(--btn-hfg,#fff) !important}
.fcb-h-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.fcb-h-underline:hover{text-decoration:underline;text-underline-offset:.2em}
.fcb-h-none:hover{filter:none;transform:none}
[class*="fcb-h-"]{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s,filter .2s}
@media (prefers-reduced-motion:reduce){[class*="fcb-h-"]{transition:none}.fcb-h-lift:hover{transform:none}}

/* Card + item groups (CG-CARD). Applied only through scoped per-section rules that fc sections emit when edited. */
.fc-card-lift{transition:transform .2s,box-shadow .2s}
.fc-card-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
@media (prefers-reduced-motion:reduce){.fc-card-lift,.fc-card-lift:hover{transition:none;transform:none}}