/* Cosmetic scope: no display/visibility/order changes, no form or lifecycle JS.
   Fonts are the existing approved theme assets, relative to this module's URL.
   V2: native header/footer/background/menu colors stay owned by their native source. */
@font-face{font-family:"HTN Native Sans";src:url("../../../assets/dm-sans.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"HTN Native Sans";src:url("../../../assets/dm-sans-medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"HTN Native Sans";src:url("../../../assets/dm-sans-semibold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"HTN Native Sans";src:url("../../../assets/dm-sans-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}

body.htn-remaining-native{--htn-native-ink:#192d40;--htn-native-lime:#d4ed7a;--htn-native-paper:#f8f9f5;--htn-native-line:#dce4d8;font-family:"HTN Native Sans","DM Sans",sans-serif;background-color:var(--htn-native-paper)}
body.htn-remaining-native #Wrapper,
body.htn-remaining-native #Content{background-color:var(--htn-native-paper)}
body.htn-remaining-native #Content{color:var(--htn-native-ink)}
body.htn-remaining-native :is(#Content,.elementor) :is(h1,h2,h3,h4,h5,h6,p,li,label,input,select,textarea,button),
body.htn-remaining-native :is(#Subheader,#mfn-header-template,#Top_bar,#mfn-footer-template,#Footer){font-family:"HTN Native Sans","DM Sans",sans-serif}
body.htn-remaining-native #Content :is(h1,h2,h3){line-height:1.18;letter-spacing:-.025em}
body.htn-remaining-native #Content :is(p,li){line-height:1.65}
body.htn-remaining-native #Content :is(h1,h2,h3,p,li,label){overflow-wrap:break-word}
/* Verified parent page.php/index.php containers. Keep sidebars/columns in place. */
body.htn-remaining-native #Content>.content_wrapper{box-sizing:border-box;width:calc(100% - 112px);max-width:1232px;margin-inline:auto}
body.htn-remaining-native #Content .section_wrapper{box-sizing:border-box;max-width:100%}
body.htn-remaining-native #Content :is(.entry-content,.sections_group,.the_content_wrapper){min-width:0}
body.htn-remaining-native #Content :is(img,iframe){max-width:100%}
body.htn-remaining-native #Content .image_frame .image_wrapper{border-radius:20px}
/* Native title and chrome stay native, including mobile menu, account/cart links.
   Do not set header/menu colors: template88 has dark desktop/sticky/mobile bars,
   but its opened mobile panel is white. The original native selectors own contrast.
   Footer90 retains its native background, text, links and hover colors as well. */
body.htn-remaining-native #Subheader{background-color:#edf2e7!important;border-bottom:1px solid var(--htn-native-line);padding-block:clamp(32px,5vw,64px)}
body.htn-remaining-native #Subheader .title{font-family:"HTN Native Sans","DM Sans",sans-serif!important;font-size:clamp(30px,4vw,52px);line-height:1.13;letter-spacing:-.035em;color:var(--htn-native-ink)!important}
body.htn-remaining-native #Subheader .breadcrumbs{color:#566672}
body.htn-remaining-native :is(#mfn-header-template,#Top_bar) :is(.mfn-header-menu,.menu) a{font-family:"HTN Native Sans","DM Sans",sans-serif;font-weight:600}
/* Native content buttons only: no disabled state, position, size or handlers changed. */
body.htn-remaining-native #Content :is(a.button,button.button,input[type="submit"],.elementor-button){border-radius:999px;background-color:var(--htn-native-ink);border-color:var(--htn-native-ink);color:#fff;font-family:"HTN Native Sans","DM Sans",sans-serif;box-shadow:none}
body.htn-remaining-native #Content :is(a.button,button.button,input[type="submit"],.elementor-button):hover:not(:disabled){background-color:#30495b;border-color:#30495b;color:#fff}
/* Native standard controls only. Check/radio/hidden/file/quantity widgets are untouched.
   Scoped to verified Woo form template classes and ordinary input types, not iframes. */
body.htn-remaining-native #Content :is(.woocommerce-form-login,.woocommerce-checkout,.woocommerce-cart-form) :is(input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="search"],select:not([multiple]):not([size])){box-sizing:border-box;max-width:100%;min-width:0;min-height:52px;height:auto;padding:12px 14px;line-height:24px;font-size:16px;border:1px solid #bbc8bb;border-radius:12px;background-color:#fff;color:var(--htn-native-ink)}
body.htn-remaining-native #Content :is(.woocommerce-form-login,.woocommerce-checkout,.woocommerce-cart-form) :is(input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="search"],select):focus-visible{outline:2px solid #7d972c;outline-offset:2px}
body.htn-remaining-native #Content :is(.woocommerce-form-login,#order_review,.cart_totals){box-sizing:border-box;border:1px solid var(--htn-native-line);border-radius:20px;background-color:#fff;padding:clamp(18px,3vw,32px)}
/* Category archive structures come from the retained Betheme index/blog templates.
   Do not change masonry positioning, excerpt, image cropping or pagination behavior. */
body.htn-remaining-native-archive #Content .post-item{border:1px solid var(--htn-native-line);border-radius:22px;background-color:#fff;box-shadow:0 10px 28px #192d4008}
body.htn-remaining-native-archive #Content .post-desc-wrapper{border-radius:0 0 22px 22px;background-color:#fff}
body.htn-remaining-native-archive #Content .post-title :is(h2,h3){font-family:"HTN Native Sans","DM Sans",sans-serif;color:var(--htn-native-ink);font-size:clamp(23px,2.5vw,32px)}
body.htn-remaining-native-archive #Content .post-title a{color:inherit}
body.htn-remaining-native-archive #Content .post-meta{color:#61716c}
body.htn-remaining-native-archive #Content .pager .page-numbers{border-radius:999px}
body.htn-remaining-native-archive #Content .pager .page-numbers.current{background-color:var(--htn-native-lime);color:var(--htn-native-ink)}
@media(min-width:1600px){body.htn-remaining-native #Content>.content_wrapper{max-width:1358px}}
@media(max-width:1000px){body.htn-remaining-native #Content>.content_wrapper{width:calc(100% - 56px)}}
@media(max-width:700px){body.htn-remaining-native #Content>.content_wrapper{width:calc(100% - 44px)}body.htn-remaining-native #Content :is(.section_wrapper,.the_content_wrapper){margin-inline:0}body.htn-remaining-native #Subheader .title{font-size:clamp(28px,7.5vw,40px)}}

/* Page 4476 only: reclaim stacked mobile gutters outside the native form.
   Preserve the HubSpot iframe, inner styling, fields and submission controls. */
@media (max-width: 767px) {
  body.htn-remaining-native.page-id-4476 #Content > .content_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.htn-remaining-native.page-id-4476 #Content .the_content > .section_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
}