/* KATATHAI theme for SmartStore - mkt.katathai.com */
@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=IBM+Plex+Sans+Thai:wght@300;400;500;600&family=JetBrains+Mono:wght@400;600&display=swap");
:root,[data-bs-theme=dark],[data-bs-theme=light]{
  --kt-bg:#09080f; --kt-surface:#100e19; --kt-card:rgba(26,23,41,.8); --kt-card-solid:#1a1729;
  --kt-line:#2b2642; --kt-text:#f3eee2; --kt-mist:#a9a4bf;
  --kt-gold:#e6b858; --kt-gold-l:#f6dc9a; --kt-gold-d:#a87a22; --kt-line-green:#06c755;
  --kt-grad:linear-gradient(100deg,#f6dc9a 0%,#e6b858 45%,#a87a22 100%);
  --bs-body-bg:var(--kt-bg); --bs-body-bg-rgb:9,8,15;
  --bs-body-color:var(--kt-text); --bs-body-color-rgb:243,238,226;
  --bs-emphasis-color:var(--kt-text); --bs-emphasis-color-rgb:243,238,226;
  --bs-secondary-color:var(--kt-mist); --bs-secondary-color-rgb:169,164,191;
  --bs-tertiary-color:var(--kt-mist);
  --bs-secondary-bg:#16131f; --bs-secondary-bg-rgb:22,19,31;
  --bs-tertiary-bg:var(--kt-surface); --bs-tertiary-bg-rgb:16,14,25;
  --bs-border-color:var(--kt-line); --bs-border-color-translucent:rgba(43,38,66,.8);
  --bs-primary:var(--kt-gold); --bs-primary-rgb:230,184,88;
  --bs-primary-text-emphasis:var(--kt-gold-l); --bs-primary-bg-subtle:rgba(230,184,88,.1); --bs-primary-border-subtle:rgba(230,184,88,.3);
  --bs-link-color:var(--kt-gold); --bs-link-color-rgb:230,184,88; --bs-link-hover-color:var(--kt-gold-l); --bs-link-hover-color-rgb:246,220,154;
  --bs-heading-color:var(--kt-text);
  --bs-dark:var(--kt-text); --bs-dark-rgb:243,238,226;
  --bs-body-font-family:"IBM Plex Sans Thai",system-ui,sans-serif;
  color-scheme:dark;
}
html,body{background:var(--kt-bg)!important;color:var(--kt-text);}
body,p,li,span,a,button,input,select,textarea,.btn{font-family:"IBM Plex Sans Thai",system-ui,sans-serif!important;font-feature-settings:normal;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6,.odometer{font-family:"Chakra Petch","IBM Plex Sans Thai",sans-serif!important;color:var(--kt-text);letter-spacing:0;}
.text-body-secondary,.text-muted,.text-secondary{color:var(--kt-mist)!important;}
.text-body-emphasis,.text-dark,.text-black{color:var(--kt-text)!important;}
.text-primary,.text-warning{color:var(--kt-gold)!important;}
.bg-white,.bg-light,.bg-body,.bg-body-tertiary,.bg-body-secondary{background-color:var(--kt-surface)!important;}
.loader-wrapper{background:var(--kt-bg)!important;}

/* ambient glow like katathai.com */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(60rem 30rem at 85% -10%,rgba(230,184,88,.10),transparent 60%),radial-gradient(40rem 30rem at -10% 30%,rgba(124,92,255,.08),transparent 60%);}

/* header + brand */
#bd-theme,#bd-theme+.dropdown-menu{display:none!important;}
.header-menu .navbar-brand{display:inline-flex;align-items:center;gap:.6rem;}
.header-menu .navbar-brand img{height:36px;width:36px;border-radius:.55rem;}
.header-menu .navbar-brand::after{content:"คาถาไทย";font-family:"Chakra Petch","IBM Plex Sans Thai",sans-serif;font-weight:700;font-size:1.2rem;line-height:1;
  background:var(--kt-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.header-menu .nav-link,.header-menu .text-dark.nav-link{color:var(--kt-text)!important;}
.header-menu .nav-link:hover,.header-menu .text-dark.nav-link:hover{color:var(--kt-gold)!important;}
header.header-menu .offcanvas,header.header-menu .offcanvas.show{background:var(--kt-surface)!important;background-image:none!important;border-left:1px solid var(--kt-line);}

/* buttons: pill, gold */
.btn{border-radius:999px!important;}
.btn-primary,.btn-warning{--bs-btn-color:#09080f;--bs-btn-bg:var(--kt-gold);--bs-btn-border-color:var(--kt-gold);--bs-btn-hover-color:#09080f;--bs-btn-hover-bg:var(--kt-gold-l);--bs-btn-hover-border-color:var(--kt-gold-l);--bs-btn-active-bg:var(--kt-gold-d);--bs-btn-active-border-color:var(--kt-gold-d);--bs-btn-active-color:#09080f;--bs-btn-disabled-bg:var(--kt-gold-d);--bs-btn-disabled-border-color:var(--kt-gold-d);
  color:#09080f!important;font-weight:600;background:var(--kt-gold)!important;border-color:var(--kt-gold)!important;box-shadow:0 10px 30px -10px rgba(230,184,88,.55);}
.btn-primary:hover,.btn-warning:hover{background:var(--kt-gold-l)!important;}
.btn-outline-primary{--bs-btn-color:var(--kt-gold);--bs-btn-border-color:rgba(230,184,88,.5);--bs-btn-hover-bg:rgba(230,184,88,.1);--bs-btn-hover-color:var(--kt-gold-l);--bs-btn-hover-border-color:var(--kt-gold);}
.btn-light,.btn-dark,.btn-secondary{--bs-btn-color:var(--kt-text);--bs-btn-bg:var(--kt-card-solid);--bs-btn-border-color:var(--kt-line);--bs-btn-hover-bg:#221e36;--bs-btn-hover-color:var(--kt-text);--bs-btn-hover-border-color:var(--kt-gold);
  background:var(--kt-card-solid)!important;color:var(--kt-text)!important;border-color:var(--kt-line)!important;}
.btn-success{--bs-btn-bg:var(--kt-line-green);--bs-btn-border-color:var(--kt-line-green);}

/* cards / surfaces */
.card,.shadow:not(.btn),.count-box,.icon-box,.tab-item,.rating-box,.accordion-item,.list-group-item,.dropdown-menu,.modal-content,.form-control,.form-select,.buy-package-item,.package-btn-list .buy-package-item{
  background:var(--kt-card)!important;border-color:var(--kt-line)!important;color:var(--kt-text);}
.card,.count-box,.icon-box,.tab-item,.rating-box,.accordion-item{border:1px solid var(--kt-line)!important;border-radius:16px!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.6)!important;backdrop-filter:blur(6px);}
.form-control,.form-select{color:var(--kt-text)!important;}
.form-control::placeholder{color:var(--kt-mist);}
.form-control:focus,.form-select:focus{border-color:var(--kt-gold)!important;box-shadow:0 0 0 .2rem rgba(230,184,88,.2)!important;}
.accordion-button{background:transparent!important;color:var(--kt-text)!important;}
.accordion-button:not(.collapsed){color:var(--kt-gold)!important;box-shadow:none;}
.accordion-button::after{filter:invert(80%) sepia(40%) saturate(500%) hue-rotate(5deg);}

/* section headings */
.section-header .above-heading{color:var(--kt-gold)!important;background:rgba(230,184,88,.08)!important;border:1px solid rgba(230,184,88,.3);font-family:"JetBrains Mono",monospace!important;letter-spacing:.12em;}

/* hero */
.header-section{background-image:none!important;}
.header-section h1 span,.header-section .text-primary{background:var(--kt-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;}

/* counters */
section.counts-area .count-box i{color:var(--kt-gold)!important;}
section.counts-area .count-box span{color:var(--kt-gold-l)!important;}

/* packages */
section.package-list .tab-item .img-logo,section.package-list .package-list-carousel .social-item .img-logo{background:var(--kt-surface)!important;border-color:var(--kt-line)!important;}
section.package-list .tab-item.active .img-logo,section.package-list .package-list-carousel .social-item .img-logo:hover{border-color:var(--kt-gold)!important;}
[data-bs-theme] section.package-list .tab-content .tab-item,[data-bs-theme=dark] .tab-content .tab-item{background-image:none!important;}
.package-list-tab .buy-package-item .icon-square,.package-list-carousel .buy-package-item .icon-square{background:rgba(230,184,88,.12)!important;color:var(--kt-gold)!important;}
.package-btn-list .buy-package-item:hover,[data-bs-theme=dark] .package-btn-list .buy-package-item:hover{background:#221e36!important;border-color:var(--kt-gold)!important;}

/* why choose us / what we offer / how it works */
section.why-choose-us .icon-box i{background:rgba(230,184,88,.1)!important;color:var(--kt-gold)!important;}
section.why-choose-us .icon-box:hover i{background:var(--kt-gold)!important;color:#09080f!important;}
section.why-choose-us .content .read-more{background:var(--kt-gold)!important;color:#09080f!important;}
section.what-we-offer{background:linear-gradient(180deg,var(--kt-surface),var(--kt-bg))!important;border-top:1px solid var(--kt-line);border-bottom:1px solid var(--kt-line);}
section.group-features .feature-icons h3{color:var(--kt-text)!important;}
section.group-features .feature-icons .content .icon-box .icon{background:var(--kt-gold)!important;color:#09080f!important;}
section.how-it-work{background:transparent!important;}
section.how-it-work .single_work_step .arrow{color:var(--kt-mist)!important;}
section.how-it-work .single_work_step .step-icon::after{border-color:var(--kt-gold)!important;}
section.how-it-work .single_work_step .step-icon i,section.how-it-work .single_work_step:focus h5{color:var(--kt-gold)!important;}

/* reviews */
section.reviews{background:var(--kt-surface)!important;}
section.reviews .review__verified{background:rgba(230,184,88,.08)!important;}
section.reviews .review__verified div,section.reviews .review__verified p,section.reviews .review__verified a{color:var(--kt-gold)!important;}

/* CTA band + quick links */
section.quick-link .bg-gradient-dark,.growing-brands-section .bg-gradient-dark,.bg-gradient-dark{
  background:linear-gradient(135deg,#1a1729 0%,#100e19 60%)!important;border:1px solid rgba(230,184,88,.3);border-radius:24px!important;}

/* carousel arrows */
.owl-carousel .owl-next,.owl-carousel .owl-prev{background:var(--kt-gold)!important;}
.owl-carousel .owl-next span,.owl-carousel .owl-prev span{background:var(--kt-gold-d)!important;color:#09080f!important;}

/* footer */
footer.footer{background:var(--kt-surface)!important;border-top:1px solid var(--kt-line);}
footer.footer a{color:var(--kt-mist)!important;}
footer.footer a:hover{color:var(--kt-gold)!important;}

/* cookie popup + alerts */
.cookie-popup{background:var(--kt-card-solid)!important;border:1px solid var(--kt-line);border-radius:16px;}
.overlay{background:rgba(9,8,15,.8)!important;}
.ajax-alert-message .alert-success{color:var(--kt-text)!important;background:rgba(6,199,85,.15)!important;}
.ajax-alert-message .alert-danger{color:#ffd6e0!important;background:rgba(246,63,120,.15)!important;}

/* misc */
::selection{background:rgba(230,184,88,.35);color:#fff;}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background:var(--kt-gold)!important;color:#09080f!important;}
.page-link{background:var(--kt-card-solid);border-color:var(--kt-line);color:var(--kt-text);}
.active>.page-link,.page-link.active{background:var(--kt-gold);border-color:var(--kt-gold);color:#09080f;}
.badge.bg-primary,.bg-primary{background-color:var(--kt-gold)!important;color:#09080f!important;}

/* v2 tweaks */
.package-btn-list .buy-package-item,[data-bs-theme=dark] .package-btn-list .buy-package-item{background:var(--kt-card-solid)!important;border:1px solid var(--kt-line)!important;color:var(--kt-text)!important;}
.odometer,.odometer *{font-family:"JetBrains Mono",monospace!important;}

/* v3 fixes */
.text-white:not(.btn){color:var(--kt-text)!important;}
.text-bg-success,.badge.text-bg-success{background:var(--kt-gold)!important;color:#09080f!important;}
section.package-list .stars{display:none!important;}
section.faq .accordion-button,section.faq .accordion-button *{color:inherit;}
section.faq .accordion-button::after,section.faq .accordion-button::before{filter:none;color:var(--kt-gold)!important;border-color:var(--kt-gold)!important;background-color:transparent;}
/* what we offer: drop vendor illustration, use full width */
section.what-we-offer .feature-icons .row>.col-xl-4.text-center{display:none!important;}
section.what-we-offer .feature-icons .row>.col-xl-8{flex:0 0 100%;max-width:100%;}
section.what-we-offer .feature-icons .content p{color:var(--kt-mist)!important;}
/* how it works on small screens */
@media (max-width:767.98px){
  section.how-it-work .row{padding:1.5rem .5rem!important;}
  section.how-it-work .single_work_step{flex:0 0 50%;max-width:50%;margin-bottom:2rem;}
  section.how-it-work .single_work_step .arrow{display:none!important;}
}
/* footer: no unearned trust seals or payment logos */
footer.footer img[src*="trustpilot"],footer.footer img[src*="norton"],footer.footer img[src*="trustedsite"],footer.footer img[src*="/img/payments/"]{display:none!important;}
footer.footer .col-xl-4>p.mt-4{font-size:0!important;}
footer.footer .col-xl-4>p.mt-4::after{content:"บริการโปรโมตโซเชียลมีเดียจากคาถาไทย ดำเนินการโดย บริษัท เมโทร ซอร์ส จำกัด · LINE @metrosource · โทร 02-170-8700 · จันทร์–เสาร์ 09:00–18:00 น.";font-size:.875rem;line-height:1.7;color:var(--kt-mist);}
footer.footer .navbar-brand,footer.footer .col-xl-4>a{display:inline-flex!important;align-items:center;gap:.6rem;}
footer.footer .col-xl-4>a img{width:40px;border-radius:.55rem;}
footer.footer .col-xl-4>a::after{content:"คาถาไทย";font-family:"Chakra Petch","IBM Plex Sans Thai",sans-serif;font-weight:700;font-size:1.15rem;background:var(--kt-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
footer.footer .social{border-color:var(--kt-line)!important;background:var(--kt-card-solid)!important;color:var(--kt-gold)!important;}
footer.footer .social:hover{border-color:var(--kt-gold)!important;}

/* v4: package picker + dropdowns (beat inline <style> in theme views) */
html body .package-category-tab .btn-package-group .btn-item,html[data-bs-theme] body .package-category-tab .btn-package-group .btn-item{background:var(--kt-card-solid)!important;border:1px solid var(--kt-line)!important;color:var(--kt-text)!important;}
html body .package-category-tab .btn-package-group .btn-item:hover{border-color:var(--kt-gold)!important;}
html body .package-category-tab .btn-package-group .btn-item.active,html[data-bs-theme] body .package-category-tab .btn-package-group .btn-item.active{background:var(--kt-gold)!important;border-color:var(--kt-gold)!important;color:#09080f!important;}
html body .package-category-tab .btn-package-group .btn-item.active *{color:#09080f!important;}
.dropdown-item.active,.dropdown-item:active{background:var(--kt-gold)!important;color:#09080f!important;}
html body .follow-us a,html body .blog-follow a{color:var(--kt-gold)!important;border-color:var(--kt-gold)!important;}