/* FT Website Kit v2 - base styles (everything scoped under .ftk) */
html{scroll-behavior:smooth}
body.ftk-body{margin:0;background:#F7F8F6}
.ftk{font-family:'Inter','Noto Sans Thai',sans-serif;color:#17211E;background:#F7F8F6;line-height:1.7;-webkit-text-size-adjust:100%}
.ftk [hidden]{display:none!important}
.ftk ftk-w{display:contents}
.ftk img,.ftk svg{max-width:100%}
.ftk a{color:#1F7A5C}
.ftk a:hover{color:#173C35}
.ftk a:focus-visible,.ftk button:focus-visible{outline:3px solid #8FE3C1;outline-offset:2px}

/* theme-collision guards (Hello Elementor / other themes) */
.ftk h1,.ftk h2,.ftk h3,.ftk h4,.ftk p{font-family:inherit}
.ftk table{width:100%;margin:0;font-size:inherit;border-collapse:collapse;border:0}
.ftk table td,.ftk table th{border:0;line-height:inherit}
.ftk table tbody>tr>td,.ftk table tbody>tr>th,.ftk table tbody>tr:nth-child(odd)>td{background:transparent}
.ftk input,.ftk textarea,.ftk select,.ftk button{font-family:inherit}
.ftk input[type=checkbox]{padding:0;border:0}

/* header / footer */
.ftk .ft-btn{transition:transform .15s ease,box-shadow .15s ease}
.ftk .ft-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(23,60,53,.22)}
.ftk .ft-nav a{color:#F7F8F6;text-decoration:none;padding:10px 0;display:inline-block}
.ftk .ft-nav a:hover,.ftk .ft-nav a.is-active{color:#8FE3C1}
.ftk .ft-foot a{color:#DCE5E1;text-decoration:none;padding:6px 0;display:inline-block}
.ftk .ft-foot a:hover{color:#8FE3C1}
.ftk .ft-card{transition:transform .15s ease,box-shadow .15s ease}
.ftk .ft-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(23,60,53,.14)}
.ftk .ft-row{transition:border-color .15s ease,box-shadow .15s ease}
.ftk .ft-row:hover{border-color:#8FE3C1;box-shadow:0 10px 28px rgba(23,60,53,.1)}
.ftk .ft-chip{text-decoration:none;display:inline-block}
.ftk .ft-chip:hover{border-color:#8FE3C1}

/* forms */
.ftk .ft-input{width:100%;font:inherit;font-size:16px;color:#17211E;background:#fff;border:1px solid #DCE5E1;border-radius:12px;padding:12px 14px;height:auto;box-shadow:none}
.ftk .ft-input:focus{outline:3px solid #8FE3C1;outline-offset:1px;border-color:#173C35}
.ftk .ft-input::placeholder{color:#9AA9A4}

/* login tabs, status rows, notices */
.ftk .ftk-tab{flex:1;height:44px;border:0;border-radius:10px;background:transparent;color:#4F625C;font:inherit;font-weight:600;font-size:15px;cursor:pointer;box-shadow:none;padding:0}
.ftk .ftk-tab:hover{background:rgba(255,255,255,.6);color:#173C35}
.ftk .ftk-tab.is-active,.ftk .ftk-tab.is-active:hover{background:#fff;color:#173C35;font-weight:700;box-shadow:0 2px 8px rgba(23,60,53,.12)}
.ftk .ftk-st{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.ftk .ftk-st i{width:10px;height:10px;border-radius:50%;display:inline-block;background:#9FB3AC}
.ftk .ftk-st.ok{color:#1F7A5C}.ftk .ftk-st.ok i{background:#2FA57F}
.ftk .ftk-st.down{color:#A4472F}.ftk .ftk-st.down i{background:transparent;border:2px solid #A4472F}
.ftk .ftk-st.unk{color:#6B7C76}
.ftk .ftk-soon{background:#FDF3CF;border:1px solid #F6D365;border-radius:12px;padding:12px 14px;color:#5C4A12;font-size:14px}

/* Elementor-built pages: keep our typography and kill kit defaults that fight the design */
.ftk .elementor-heading-title,.ftk .elementor-widget-text-editor,.ftk .elementor-button,.ftk .elementor-widget-text-editor p{font-family:'Inter','Noto Sans Thai',sans-serif}
.ftk .elementor-widget-heading .elementor-heading-title{margin:0;padding:0}
.ftk .ftk-btnw .elementor-button{text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.ftk .ftk-btnw .elementor-button:hover,.ftk .ftk-btnw .elementor-button:focus{transform:translateY(-1px);box-shadow:0 8px 20px rgba(23,60,53,.22)}
.ftk .e-con.ftk-sec{width:100%}
.ftk .ftk-sec>.elementor-widget-html,.ftk .ftk-sec>.elementor-widget-html>.elementor-widget-container{width:100%}
.ftk .elementor-widget-shortcode,.ftk .elementor-shortcode{width:100%}

@media (prefers-reduced-motion:reduce){.ftk *{transition:none!important}html{scroll-behavior:auto}}
