/* ============================================================
   Kairalmas redesign v6 — 2026-10-25
   Pure white background, black text, orange primary, blue accent.
   Loads LAST (after site-v2, portal-v5, kairalmas-brand, seo-pages).
   ============================================================ */

:root{
  --ka-orange:#f97316;
  --ka-orange-deep:#ea580c;
  --ka-orange-soft:#fff3e8;
  --ka-orange-line:#ffd9b8;
  --ka-blue:#2563eb;
  --ka-blue-soft:#e8efff;
  --ka-black:#0a0a0a;
  --ka-ink:#171717;
  --ka-muted:#595959;
  --ka-line:#e9e9e9;
  --ka-ok:#15803d;
}

/* ---------- Base ---------- */
body,.public-body{background:#fff!important;color:var(--ka-black)!important}
body.public-body{background:#fff!important}
.public-body h1,.public-body h2,.public-body h3,.public-body h4{color:var(--ka-black)!important}
.public-body a{color:var(--ka-orange-deep)}
.public-body a:hover{color:var(--ka-orange)}
.public-body .muted,.public-body p{color:inherit}
:root{--hk-navy:#0a0a0a;--hk-ink:#171717;--hk-blue:var(--ka-orange);--hk-blue-deep:var(--ka-orange-deep);--hk-muted:#595959;--hk-line:var(--ka-line);--hk-soft:#fff;--blue:var(--ka-orange-deep);--blue2:var(--ka-orange);--ink:var(--ka-black);--muted:#595959;--line:var(--ka-line);--bg:#fff;--portal-purple:var(--ka-orange-deep);--portal-purple-dark:var(--ka-orange-deep);--portal-night:#fff;--portal-night-2:#fff;--portal-surface:#fff;--portal-ink:var(--ka-black);--portal-muted:#595959;--portal-line:var(--ka-line)}

/* ---------- Logo: new mark + black wordmark ---------- */
.ka-logo-art::before{background:url('/logo-mark.svg') no-repeat 0 50%!important;background-size:47px 47px!important;clip-path:none!important}
.ka-logo-art::after{background:var(--ka-black)!important}
.ed-dark .ka-logo-art::after{background:#fff!important}

/* ---------- Public header ---------- */
.public-header{background:#fff!important;border-bottom:1px solid var(--ka-line)!important;box-shadow:none!important}
.public-header .brand{color:var(--ka-black)!important}
.public-header .desktop-nav a,.public-header .desktop-nav a:first-child{color:#262626!important}
.public-header .desktop-nav a:hover,.public-header .desktop-nav a:first-child:hover{color:var(--ka-orange-deep)!important}
.public-header .desktop-nav .nav-login{border:1.5px solid #d4d4d4!important;color:var(--ka-black)!important;background:#fff!important}
.public-header .desktop-nav .nav-login:hover{border-color:var(--ka-orange)!important;color:var(--ka-orange-deep)!important}
.public-header .desktop-nav .nav-cta{background:var(--ka-orange)!important;border:1px solid var(--ka-orange)!important;color:#fff!important;box-shadow:none!important}
.public-header .desktop-nav .nav-cta:hover{background:var(--ka-orange-deep)!important}
.public-header-actions .btn{background:var(--ka-orange)!important;color:#fff!important}
.public-header-actions .btn:hover{background:var(--ka-orange-deep)!important}
.public-header-actions .nav-cta{background:var(--ka-orange)!important;color:#fff!important}
.public-header .mobile-menu summary{background:#fff!important;color:var(--ka-black)!important;border:1px solid var(--ka-line)!important}
.public-header .mobile-menu nav{background:#fff!important;border:1px solid var(--ka-line)!important}
.public-header .mobile-menu nav a{color:var(--ka-black)!important}
.public-header .mobile-menu nav a:hover{background:var(--ka-orange-soft)!important;color:var(--ka-orange-deep)!important}
.public-header .mobile-menu nav .nav-cta{background:var(--ka-orange)!important;color:#fff!important;text-align:center}
.mobile-cta{background:var(--ka-orange)!important;color:#fff!important;box-shadow:0 8px 26px #ea580c40!important}
.brand b{color:var(--ka-orange-deep)!important}
.brand{color:var(--ka-black)}

/* ---------- Buttons ---------- */
.public-body .btn,.login button{background:var(--ka-orange)!important;color:#fff!important;border-radius:11px!important;box-shadow:none!important}
.public-body .btn:hover,.login button:hover{background:var(--ka-orange-deep)!important;transform:translateY(-1px)}
.public-body .btn.secondary{background:#fff!important;color:var(--ka-orange-deep)!important;border:1.5px solid var(--ka-orange)!important}
.public-body .btn.secondary:hover{background:var(--ka-orange-soft)!important}
.btn,.nav-cta{background:var(--ka-orange);color:#fff!important}
.btn:hover,.nav-cta:hover{background:var(--ka-orange-deep)}
.hk-primary{background:var(--ka-orange)!important;border:1px solid var(--ka-orange)!important;color:#fff!important}
.hk-primary:hover{background:var(--ka-orange-deep)!important}
.hk-dark-btn{background:var(--ka-black)!important;color:#fff!important}
.hk-dark-btn:hover{background:#262626!important}
:focus-visible{outline:3px solid var(--ka-blue)!important;outline-offset:2px!important}

/* ---------- Hero (home) ---------- */
.premium-hero,.hk-hero,.hk-home-hero,.hk-hero-split{background:#fff!important;color:var(--ka-black)!important;box-shadow:none!important;border:0!important}
.premium-hero:before,.premium-hero:after,.hk-hero:before,.hk-hero-split:before{display:none!important}
.premium-hero{min-height:0;border-radius:0;padding-top:54px}
.premium-hero .offer-chip{background:var(--ka-orange-soft)!important;border:1px solid var(--ka-orange-line)!important;color:#9a3412!important}
.premium-hero .hero-kicker{color:var(--ka-orange-deep)!important}
.premium-hero h1{color:var(--ka-black)!important}
.premium-hero h1 span,.premium-hero h1 em,.hk-hero h1 span,.hk-hero-split h1 em,.hk-hero-split h1 span{color:var(--ka-orange)!important}
.premium-hero .hero-lead{color:#454545!important}
.premium-hero .hero-price{color:var(--ka-black)!important}
.premium-hero .hero-price span{border-left-color:var(--ka-line)!important;color:#595959!important}
.premium-hero .hero-price small{color:#8c8c8c!important}
.premium-hero .hero-link{color:var(--ka-orange-deep)!important}
.premium-hero .hero-primary{background:var(--ka-orange)!important;color:#fff!important;box-shadow:0 10px 26px #ea580c33!important}
.premium-hero .hero-primary:hover{background:var(--ka-orange-deep)!important;color:#fff!important}
.premium-hero .hero-proof{color:#595959!important}
.premium-visual:before{display:none!important}
.premium-visual img{box-shadow:0 18px 44px #0a0a0a14!important;filter:none!important;border:1px solid var(--ka-line)}
.hero-points span,.hk-hero-points{color:#333!important}
.hero-points span{background:#fff!important;border:1px solid var(--ka-line)!important}
.hk-hero p,.hk-hero-split p{color:#454545!important}
.hk-hero-kicker{background:var(--ka-orange-soft)!important;border:1px solid var(--ka-orange-line)!important;color:#9a3412!important}
.hk-outline{background:#fff!important;color:var(--ka-black)!important;border:1.5px solid #d4d4d4!important}
.hk-outline:hover{background:var(--ka-orange-soft)!important}
.hk-hero-points span:before{color:var(--ka-blue)!important;border-color:#c9d9ff!important}

/* ---------- Inner-page heroes / sections ---------- */
.hk-inner-hero{background:#fff!important;color:var(--ka-black)!important;border-bottom:1px solid var(--ka-line)}
.hk-inner-hero .hk-label{color:var(--ka-orange-deep)!important}
.hk-inner-hero h1{color:var(--ka-black)!important}
.hk-inner-hero p{color:#454545!important}
.hk-label{color:var(--ka-orange-deep)!important}
.eyebrow{color:var(--ka-orange-deep)!important}
.hk-section-heading h2,.hk-why h2,.section-head h2,.plans-intro h1{color:var(--ka-black)!important}
.hk-section-heading p,.section-head p,.hk-why-copy>p,.plans-intro p{color:#595959!important}
.hk-pricing,.hk-steps,.hk-website-create{background:#fff!important}
.hk-step-grid article>span{color:var(--ka-orange-deep)!important}
.hk-step-grid article{border-top-color:var(--ka-orange)!important}
.hk-solution{background:#fff!important;border-color:var(--ka-line)!important}
.hk-solution:hover{border-color:var(--ka-orange)!important}
.hk-solution-icon{background:var(--ka-orange-soft)!important;color:var(--ka-orange-deep)!important}
.hk-solution:nth-child(2) .hk-solution-icon{background:var(--ka-blue-soft)!important;color:var(--ka-blue)!important}
.hk-solution:nth-child(3) .hk-solution-icon{background:var(--ka-orange-soft)!important;color:var(--ka-orange-deep)!important}
.hk-solution a{color:var(--ka-orange-deep)!important}
.hk-feature-list article>span{background:var(--ka-orange-soft)!important;color:var(--ka-orange-deep)!important}
.hk-text-link{color:var(--ka-orange-deep)!important}
.hk-about-grid article,.hk-support-grid article{background:#fff!important;border-color:var(--ka-line)!important}
.hk-about-grid article>span,.hk-support-grid article>span{color:var(--ka-orange-deep)!important}

/* ---------- Benefit / proof bars ---------- */
.benefit-bar,.hk-proof,.trust{background:#fff!important;border:1px solid var(--ka-line)!important;box-shadow:0 10px 30px #0a0a0a08!important}
.benefit-bar div,.hk-proof div,.trust div{background:#fff!important;border-right-color:var(--ka-line)!important}
.benefit-bar b,.hk-proof b,.trust b{color:var(--ka-black)!important}
.benefit-bar small,.hk-proof span,.trust small{color:#595959!important}

/* ---------- Pricing / plan cards ---------- */
.plan-card,.hk-pricing .plan-card,.public-body .plan-card{background:#fff!important;border:1px solid var(--ka-line)!important;box-shadow:0 8px 26px #0a0a0a06!important}
.plan-card:hover{border-color:var(--ka-orange)!important;transform:translateY(-4px)!important;box-shadow:0 16px 40px #ea580c17!important}
.plan-card.popular,.hk-pricing .plan-card.popular,.public-body .plan-card.popular{border:2px solid var(--ka-orange)!important;box-shadow:0 18px 44px #ea580c1f!important;background:#fff!important}
.plan-card.free-plan{border-color:#c9d9ff!important;background:#fff!important}
.plan-tag.popular{background:var(--ka-orange)!important;color:#fff!important}
.plan-tag.free{background:var(--ka-blue-soft)!important;color:var(--ka-blue)!important}
.plan-card .btn,.hk-pricing .plan-card .btn,.public-body .plan-card .btn{background:var(--ka-orange)!important;color:#fff!important}
.plan-card .btn:hover{background:var(--ka-orange-deep)!important}
.plan-card.popular .btn{background:var(--ka-orange-deep)!important}
.plan-features li:before,.card.featured ul li:before{color:var(--ka-blue)!important}
.card.featured{border:2px solid var(--ka-orange)!important;background:#fff!important}
.card.featured:before{background:var(--ka-orange)!important}
.card{background:#fff!important;border-color:var(--ka-line)!important}
.card:hover{border-color:var(--ka-orange)!important}
.hk-pricing-note{color:#595959!important}
.hk-faq-grid details{background:#fff!important;border-color:var(--ka-line)!important}
.hk-faq-grid summary:after{color:var(--ka-orange-deep)!important}
.hk-faq-grid p{color:#595959!important}
.hk-callout{background:var(--ka-orange-soft)!important;border:1px solid var(--ka-orange-line)!important;color:#9a3412!important}

/* ---------- Final CTA ---------- */
.hk-final-cta{background:var(--ka-orange-soft)!important;border:1px solid var(--ka-orange-line)!important;color:var(--ka-black)!important}
.hk-final-cta .hk-label{color:var(--ka-orange-deep)!important}
.hk-final-cta h2{color:var(--ka-black)!important}
.hk-final-cta p{color:#7c2d12!important}
.hk-final-cta .btn{background:var(--ka-orange)!important;color:#fff!important}

/* ---------- Domain search ---------- */
.domain-tabs a.active{color:var(--ka-orange-deep)!important;border-color:var(--ka-orange)!important}
.domain-price b,.domain-row-link,.hk-domain-price-row b{color:var(--ka-orange-deep)!important}
.hk-domain-shop,.hk-domain-results{background:#fff!important;border-color:var(--ka-line)!important}
.domain-search-bar input,.hk-domain-search input{border-color:#d4d4d4!important}
.domain-search-bar input:focus,.hk-domain-search input:focus{border-color:var(--ka-orange)!important;box-shadow:0 0 0 3px #f9731622!important}

/* ---------- Footer ---------- */
footer,.public-body footer,.hk-site-footer{background:#fff!important;color:#404040!important;border-top:1px solid var(--ka-line)!important}
footer a,.hk-site-footer a,.hk-footer-grid a{color:#404040!important}
footer a:hover,.hk-site-footer a:hover,.hk-footer-grid a:hover{color:var(--ka-orange-deep)!important}
footer strong,.hk-footer-brand{color:var(--ka-black)!important}
footer h3,.hk-footer-grid h3{color:var(--ka-black)!important}
footer small,.hk-footer-bottom span,.hk-footer-about p{color:#737373!important}
.hk-footer-support{color:var(--ka-orange-deep)!important}
.hk-footer-bottom{border-color:var(--ka-line)!important}

/* ---------- Authentication ---------- */
.auth-body,.auth-shell{background:#fff!important;color:var(--ka-black)!important}
.auth-body:before,.auth-body:after{display:none!important}
.auth-brand,.auth-brand b{color:var(--ka-black)!important}
.auth-brand b{color:var(--ka-orange-deep)!important}
.auth-stage{background:#fff!important;border:1px solid var(--ka-line)!important;box-shadow:0 24px 70px #0a0a0a0d!important}
.auth-card h1{color:var(--ka-black)!important}
.auth-aside,.hk-auth-aside{background:var(--ka-orange-soft)!important;color:var(--ka-black)!important}
.auth-aside:before,.hk-auth-aside:before{display:none!important}
.auth-aside h2,.hk-auth-aside h2{color:var(--ka-black)!important}
.auth-aside p,.hk-auth-aside p{color:#7c2d12!important}
.auth-aside .hk-auth-eyebrow{color:var(--ka-orange-deep)!important}
.hk-auth-benefits,.auth-perk{color:var(--ka-black)!important}
.auth-perk i{background:#fff!important;color:var(--ka-orange-deep)!important}
.hk-auth-aside-bottom{color:var(--ka-black)!important;border-top-color:var(--ka-orange-line)!important}
.hk-auth-aside-bottom span{color:#7c2d12!important}
.auth-foot{color:#737373!important}
.auth-foot a{color:var(--ka-orange-deep)!important}
.hk-auth-header nav a{color:#404040!important}
.hk-auth-stage .auth-card h1{color:var(--ka-black)!important}
.hk-auth-stage{border:1px solid var(--ka-line)!important;box-shadow:0 24px 70px #0a0a0a0d!important}
.hk-auth-stage .auth-security:before{color:var(--ka-ok)}
.hk-google-button:hover{border-color:var(--ka-orange)!important;background:#fffafa!important}
.hk-auth-switch a{color:var(--ka-orange-deep)!important}
.password-toggle{color:var(--ka-orange-deep)!important}

/* ---------- Account workspace ---------- */
.app-body{background:#fff!important}
.app-shell{background:#fff!important}
.app-sidebar{background:#fff!important;color:#333!important;border-right:1px solid var(--ka-line)}
.app-brand{color:var(--ka-black)!important}
.app-nav-label{color:#8c8c8c!important}
.app-nav-link{color:#404040!important}
.app-nav-link:hover{background:#fafafa!important;color:var(--ka-black)!important}
.app-nav-link.active,.app-nav a.active{background:var(--ka-orange-soft)!important;color:var(--ka-orange-deep)!important}
.app-nav-link.active .nav-icon{color:var(--ka-orange-deep)!important}
.sidebar-profile{border-top-color:var(--ka-line)!important}
.sidebar-profile b{color:var(--ka-black)!important}
.sidebar-profile small{color:#8c8c8c!important}
.sidebar-profile>a{color:#8c8c8c!important}
.sidebar-profile .avatar,.topbar-avatar{background:linear-gradient(135deg,var(--ka-orange),var(--ka-orange-deep))!important;color:#fff!important}
.sidebar-close,.sidebar-open{color:var(--ka-black)!important}
.app-stage{background:#fff!important}
.app-topbar{background:#fffffff5!important;border-bottom:1px solid var(--ka-line)!important}
.topbar-product{color:var(--ka-black)!important}
.app-topbar small{color:#8c8c8c!important}
.topbar-help{color:#404040!important}
.app-main .btn{background:var(--ka-orange)!important;border-radius:10px!important}
.app-main .btn:hover{background:var(--ka-orange-deep)!important}
.app-main .btn.secondary{background:#fff!important;border:1.5px solid var(--ka-orange)!important;color:var(--ka-orange-deep)!important}
.app-main .btn.secondary:hover{background:var(--ka-orange-soft)!important}
.app-main .btn.ghost{background:var(--ka-orange-soft)!important;color:var(--ka-orange-deep)!important}
.metric-card,.app-card,.app-table-wrap,.app-table-wrap .app-card{border-color:var(--ka-line)!important;box-shadow:none!important;background:#fff!important}
.metric-card small{color:#737373!important}
.metric-value{color:var(--ka-black)!important}
.metric-meta{color:#8c8c8c!important}
.metric-card.primary,.wallet-hero,.hk-wallet,.metric-card.primary .metric-value{background:linear-gradient(135deg,var(--ka-orange),var(--ka-orange-deep))!important;color:#fff!important;border:0!important}
.metric-card.primary small,.metric-card.primary .metric-meta{color:#ffedd5!important}
.metric-icon,.site-icon,.empty-state-icon{background:var(--ka-orange-soft)!important;color:var(--ka-orange-deep)!important}
.metric-card.primary .metric-icon{background:#ffffff26!important;color:#fff!important}
.card-head h2,.app-section-title,.page-heading h1{color:var(--ka-black)!important}
.card-head p,.page-heading p,.empty-state p{color:#737373!important}
.card-head a{color:var(--ka-orange-deep)!important}
.site-row{border-color:var(--ka-line)!important}
.site-row b{color:var(--ka-black)!important}
.site-row small{color:#8c8c8c!important}
.quick-link{border-color:var(--ka-line)!important;color:#333!important}
.quick-link:hover{border-color:var(--ka-orange)!important;background:var(--ka-orange-soft)!important}
.quick-link i{color:var(--ka-orange-deep)!important}
.panel-card{background:#fff!important;border:1px solid var(--ka-line)!important;color:var(--ka-black)!important}
.panel-card .card-head h2{color:var(--ka-black)!important}
.panel-card .card-head p,.panel-card .credential-label{color:#737373!important}
.panel-card .panel-credentials{background:#fafafa!important;border-color:var(--ka-line)!important;color:#404040!important}
.panel-card .panel-credentials code{background:#f0f0f0!important;color:#171717!important}
.panel-card .btn{background:var(--ka-orange)!important;color:#fff!important}
.panel-card .btn:hover{background:var(--ka-orange-deep)!important}
.panel-card .btn{color:#fff!important}
.panel-separation{background:var(--ka-orange-soft)!important;color:#9a3412!important}
.panel-url{color:var(--ka-orange-deep)!important}
.credential-value>code,.credential-value>input{background:#fff!important;color:#171717!important;border-color:#d4d4d4!important;-webkit-text-fill-color:#171717!important}
.credential-action{background:#f5f5f5!important;color:#171717!important;border-color:var(--ka-line)!important}
.credential-action:hover{background:var(--ka-orange-soft)!important}
.app-table th{background:#fafafa!important;color:#737373!important}
.app-table td{color:#333!important}
.app-sidebar-promo{background:var(--ka-orange-soft)!important;border:1px solid var(--ka-orange-line)!important;border-radius:14px!important}
.app-sidebar-promo strong{color:#9a3412!important}
.app-sidebar-promo span{color:var(--ka-orange-deep)!important}
.wallet-hero{border-radius:18px!important}
.wallet-hero small,.wallet-hero p{color:#ffedd5!important}
.wallet-balance{color:#fff!important}
.wallet-hero-icon{background:#ffffff26!important;border-color:#ffffff40!important;color:#fff!important}
.payment-note{background:var(--ka-blue-soft)!important;border-color:#c9d9ff!important;color:#1e3a8a!important}
.step:before{background:var(--ka-orange-soft)!important;color:var(--ka-orange-deep)!important}
.step:not(:last-child):after{background:var(--ka-line)!important}
.checkout-total{border-top-color:var(--ka-line)!important}
.summary-row{border-top-color:var(--ka-line)!important;color:#595959!important}
.summary-row b{color:var(--ka-black)!important}
.status-dot{color:var(--ka-ok)}
.app-mobile-dock{background:#fff!important;border-top:1px solid var(--ka-line)!important}
.app-mobile-dock a{color:#737373!important}
.app-mobile-dock a.active{color:var(--ka-orange-deep)!important}
.sidebar-scrim{background:#0a0a0ab0!important}

/* ---------- Portal wallet / shop panels ---------- */
.hk-wallet{color:#fff!important}
.hk-domain-shop{background:#fff!important;border:1px solid var(--ka-line)!important}

/* ---------- SEO / directory pages ---------- */
.ks-page,.ks-directory{color:var(--ka-black)!important}
.pill{background:var(--ka-blue-soft)!important;color:var(--ka-blue)!important}
.pill.active,.pill.approved{background:#e7f6ec!important;color:var(--ka-ok)!important}
.pill.failed,.pill.rejected{background:#fdeaea!important;color:#b91c1c!important}
.notice{background:var(--ka-orange-soft)!important;border-color:var(--ka-orange-line)!important;color:#9a3412!important}
.form input:focus,.form textarea:focus,.app-form input:focus,.checkout-form input:focus,.auth-form input:focus,.wallet-form input:focus,.wallet-form textarea:focus{border-color:var(--ka-orange)!important;box-shadow:0 0 0 3px #f9731618!important}
.faq .card p{color:#595959!important}
.field-help{color:#8c8c8c!important}
.flash{background:#e7f6ec!important;border-color:#b7e3c6!important;color:var(--ka-ok)!important}

/* ---------- Misc ---------- */
.hk-skip{background:var(--ka-black)!important;color:#fff!important}
.hk-title-dot{color:var(--ka-orange)!important}
.hk-dashboard-kicker{color:var(--ka-orange-deep)!important}
.floating-support,.support-widget{filter:saturate(1)}
::selection{background:var(--ka-orange)!important;color:#fff!important}