/* คาถาไทย Ads — dashboard + inner pages skin for SmartPanel. Loaded on every page via "embed head code". */
@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap");
:root{
  --kt-bg:#09080f; --kt-surface:#100e19; --kt-card:#16131f; --kt-card-2:#1a1729; --kt-line:#2b2642;
  --kt-text:#f3eee2; --kt-mist:#a9a4bf; --kt-gold:#e6b858; --kt-gold-l:#f6dc9a; --kt-gold-d:#a87a22;
  --primary:#e6b858; --blue:#e6b858; --purple:#7c5cff;
}

/* ---------- shared: fonts + accent (light and dark) ---------- */
body.vertical-menu, body[class*="theme-"], body:has(#headerNav){
  font-family:"IBM Plex Sans Thai","Source Sans Pro",system-ui,sans-serif!important;
}
body.vertical-menu :is(h1,h2,h3,h4,.page-title,.card-title,.h1,.h2,.h3,.h4),
body:has(#headerNav) :is(h1,h2,h3,h4,.page-title,.card-title){
  font-family:"Chakra Petch","IBM Plex Sans Thai",sans-serif!important;letter-spacing:0;
}
:is(body.vertical-menu, body:has(#headerNav)) :is(.btn-primary,.btn-info,.bg-pantone,.btn-pantone){
  background:var(--kt-gold)!important;border-color:var(--kt-gold)!important;color:#09080f!important;font-weight:600;
}
:is(body.vertical-menu, body:has(#headerNav)) :is(.btn-primary,.btn-info,.btn-pantone):hover{background:var(--kt-gold-l)!important;border-color:var(--kt-gold-l)!important}
:is(body.vertical-menu, body:has(#headerNav)) .btn-outline-primary{color:var(--kt-gold-d)!important;border-color:var(--kt-gold)!important;background:transparent!important}
:is(body.vertical-menu, body:has(#headerNav)) .btn-outline-primary:hover{background:var(--kt-gold)!important;color:#09080f!important}
:is(body.vertical-menu, body:has(#headerNav)) .btn{border-radius:999px}
:is(body.vertical-menu, body:has(#headerNav)) :is(.text-primary,.text-blue){color:var(--kt-gold-d)!important}
:is(body.vertical-menu, body:has(#headerNav)) :is(.bg-primary,.bg-blue,.badge-primary){background-color:var(--kt-gold)!important;color:#09080f!important}
:is(body.vertical-menu, body:has(#headerNav)) .form-control:focus{border-color:var(--kt-gold)!important;box-shadow:0 0 0 3px rgba(230,184,88,.2)!important}
:is(body.vertical-menu, body:has(#headerNav)) :is(.form-check-input:checked,.custom-control-input:checked~.custom-control-label::before,.custom-switch-input:checked~.custom-switch-indicator){
  background-color:var(--kt-gold)!important;border-color:var(--kt-gold)!important}
:is(body.vertical-menu, body:has(#headerNav)) .page-link{color:var(--kt-gold-d)}
:is(body.vertical-menu, body:has(#headerNav)) .page-item.active .page-link{background:var(--kt-gold);border-color:var(--kt-gold);color:#09080f}
body.vertical-menu .card{border-radius:16px}
body.vertical-menu .navbar-brand-logo, body.vertical-menu .header-brand-img{max-height:36px}

/* ---------- dashboard dark (default) ---------- */
body.theme-dark{background:var(--kt-bg)!important;color:var(--kt-text)!important}
body.theme-dark :is(.card,.header,.sidenav,.app-header,.page-header,.topbar,.navbar-top,.modal-content,.dropdown-menu,.list-group-item){
  background:var(--kt-card)!important;border-color:var(--kt-line)!important;color:var(--kt-text)}
body.theme-dark .card{box-shadow:0 20px 40px -24px rgba(0,0,0,.8)!important}
body.theme-dark :is(.navbar,.sidebar,.navbar-side,.js-sidebar){background:var(--kt-surface)!important;border-color:var(--kt-line)!important}
body.theme-dark .navbar-side .nav-link{color:var(--kt-mist)!important;border-radius:10px}
body.theme-dark .navbar-side .nav-link:hover,
body.theme-dark .navbar-side .nav-link.active{background:rgba(230,184,88,.1)!important;color:var(--kt-gold-l)!important}
body.theme-dark .navbar-side .nav-link.active .nav-icon,
body.theme-dark .navbar-side .nav-link.active i{color:var(--kt-gold)!important}
body.theme-dark :is(.card-header,.card-footer,.modal-header,.modal-footer){background:transparent!important;border-color:var(--kt-line)!important}
body.theme-dark :is(.form-control,.form-select,.custom-select,.select2-selection,.input-group-text,textarea,select){
  background-color:#0d0b16!important;border-color:var(--kt-line)!important;color:var(--kt-text)!important}
body.theme-dark .form-control::placeholder{color:#5f5a78}
body.theme-dark :is(label,.form-label){color:var(--kt-mist)!important}
body.theme-dark :is(.text-muted,.text-secondary,small){color:var(--kt-mist)!important}
body.theme-dark :is(.table,.table th,.table td){color:var(--kt-text);border-color:var(--kt-line)!important}
body.theme-dark .table thead th{color:var(--kt-mist);background:transparent}
body.theme-dark tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.02)!important}
body.theme-dark tbody tr:hover{background-color:rgba(230,184,88,.05)!important}
body.theme-dark .dropdown-item{color:var(--kt-text)}
body.theme-dark .dropdown-item:hover{background:rgba(230,184,88,.1);color:var(--kt-gold-l)}
body.theme-dark .dropdown-menu-arrow::after{border-bottom-color:var(--kt-card)!important}
body.theme-dark :is(.alert-info,.alert-primary){background:rgba(230,184,88,.08)!important;border-color:rgba(230,184,88,.3)!important;color:var(--kt-gold-l)!important}
body.theme-dark a:not(.btn):not(.nav-link):not(.dropdown-item){color:var(--kt-gold)}
body.theme-dark .select2-dropdown{background:var(--kt-card-2)!important;border-color:var(--kt-line)!important;color:var(--kt-text)}
body.theme-dark .select2-results__option--highlighted{background:rgba(230,184,88,.18)!important;color:var(--kt-gold-l)!important}
body.theme-dark .page-overplay, body.theme-dark #page-overlay{background:var(--kt-bg)!important}

/* ---------- public inner pages (services, FAQ, terms, blog) ---------- */
body:has(#headerNav){background:var(--kt-bg)!important;color:var(--kt-text)}
body:has(#headerNav) #headerNav{background:rgba(9,8,15,.85)!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--kt-line);box-shadow:none!important}
body:has(#headerNav) #headerNav .nav-link,
body:has(#headerNav) #headerNav .btn-login{color:var(--kt-mist)!important}
body:has(#headerNav) #headerNav .nav-link:hover,
body:has(#headerNav) #headerNav .active .nav-link{color:var(--kt-gold-l)!important}
body:has(#headerNav) #headerNav .navbar-toggler{color:var(--kt-text)}
body:has(#headerNav) .page,body:has(#headerNav) .page-main{background:transparent!important}
body:has(#headerNav) :is(.card,.list-group-item,.accordion .card,.modal-content){background:var(--kt-card)!important;border-color:var(--kt-line)!important;color:var(--kt-text)!important;border-radius:16px}
body:has(#headerNav) :is(.card-header,.card-footer){background:transparent!important;border-color:var(--kt-line)!important}
body:has(#headerNav) :is(.table,.table th,.table td){color:var(--kt-text)!important;border-color:var(--kt-line)!important;background:transparent}
body:has(#headerNav) .table thead th{color:var(--kt-mist)!important}
body:has(#headerNav) :is(.form-control,.custom-select,select){background:#0d0b16!important;border-color:var(--kt-line)!important;color:var(--kt-text)!important}
body:has(#headerNav) :is(.text-muted,p){color:var(--kt-mist)}
body:has(#headerNav) :is(h1,h2,h3,h4,.page-title,.card-title,strong,b){color:var(--kt-text)}
body:has(#headerNav) a:not(.btn):not(.nav-link){color:var(--kt-gold)}
body:has(#headerNav) footer, body:has(#headerNav) .footer{background:var(--kt-surface)!important;border-top:1px solid var(--kt-line)!important;color:var(--kt-mist)!important}
body:has(#headerNav) footer a{color:var(--kt-mist)!important}
body:has(#headerNav) footer a:hover{color:var(--kt-gold)!important}
body.theme-dark .navbar-brand-logo, body.theme-dark .header-brand-img{filter:none!important;-webkit-filter:none!important}
body:has(#headerNav) .page-title .border-line{background:var(--kt-grad,linear-gradient(100deg,#f6dc9a,#e6b858,#a87a22))!important}
body:has(#headerNav) .page-title .border-line::before,body:has(#headerNav) .page-title .border-line::after{background:var(--kt-gold)!important}