/* Sip & Flourish – global helpers (colors/fonts come from CSS variables set in PHP) */
html{scroll-behavior:smooth}
body:not(.elementor-editor-active){font-family:var(--sf-body-font);color:var(--sf-text);-webkit-font-smoothing:antialiased}
body:not(.elementor-editor-active) h1,body:not(.elementor-editor-active) h2,body:not(.elementor-editor-active) h3,.elementor-heading-title{font-family:var(--sf-heading-font)}
::selection{background:var(--sf-orange);color:var(--sf-deep)}
[id]{scroll-margin-top:90px}
a:focus-visible,button:focus-visible,.elementor-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--sf-orange);outline-offset:3px}

/* Helper classes (add in Elementor > Advanced > CSS Classes) */
.sf-accent .elementor-heading-title,.sf-accent{color:var(--sf-orange)}
.sf-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.sf-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,18,32,.18)}
.sf-header{transition:box-shadow .25s ease}
.sf-header.elementor-sticky--effects{box-shadow:0 6px 24px rgba(0,0,0,.35)}
.elementor-widget-image img{display:block}

/* Image crop helpers */
.sf-pos-35-center img{object-position:35% center}
.sf-pos-center-20 img{object-position:center 20%}
.sf-pos-center-30 img{object-position:center 30%}
.sf-pos-center-35 img{object-position:center 35%}
.sf-pos-center-40 img{object-position:center 40%}
.sf-pos-center-45 img{object-position:center 45%}
.sf-pos-center-70 img{object-position:center 70%}
.sf-pos-center-78 img{object-position:center 78%}
.sf-pos-center-80 img{object-position:center 80%}
.sf-pos-center-center img{object-position:center center}
.sf-pos-center-20 img,.sf-pos-center-30 img,.sf-pos-center-35 img,.sf-pos-center-40 img,.sf-pos-center-45 img,.sf-pos-center-70 img,.sf-pos-center-78 img,.sf-pos-center-80 img,.sf-pos-35-center img,.sf-pos-center-center img{object-fit:cover}

/* Form styling (Elementor Pro Form) */
.elementor-field-group .elementor-field,.elementor-field-group select{font-family:var(--sf-body-font)}
.elementor-field-textual:focus{border-color:var(--sf-orange)!important;box-shadow:0 0 0 3px rgba(255,106,0,.18)!important;outline:none}