/* Store palette. Change the four brand colors in Appearance > Customize.
   Color-only rules: preserve the responsive layout and product photography. */
:root {
  --kb-blue:var(--kb-brand-blue,#0059af);
  --kb-teal:var(--kb-brand-accent,#1eb2aa);
  --kb-deep:color-mix(in srgb,var(--kb-blue) 82%,#00172e);
  --kb-accent-ink:color-mix(in srgb,var(--kb-teal) 50%,#002c32);
  --kb-text:#25282c;
  --kb-muted:#596674;
  --kb-border:#dfe7ee;
  --kb-light:#f2f7fc;
  --kb-tint-blue:color-mix(in srgb,var(--kb-blue) 7%,white);
  --kb-tint-teal:color-mix(in srgb,var(--kb-teal) 10%,white);
  --kb-tint-yellow:color-mix(in srgb,var(--kb-brand-yellow,#eec22a) 13%,white);
}
body.kodang-store{background:#fff;color:var(--kb-text)}
a:hover{color:var(--kb-deep)}
.kb-header{border-top-color:var(--kb-blue);background:#fff;box-shadow:0 3px 12px #0059af14}
.kb-topbar{background:var(--kb-blue)!important;color:#fff}
.kb-topbar .kb-logo{color:#fff!important;border-left-color:var(--kb-teal)}
.kb-topbar .kb-search{background:#fff;border-color:#dce7f1}
.kb-topbar .kb-search input{color:var(--kb-text)}
.kb-topbar .kb-search input::placeholder{color:#657687}
.kb-topbar .kb-search button{color:#657687!important}
.kb-topbar .kb-cart,.kb-topbar .kb-header-heart,.kb-topbar .kb-language-control{color:#fff!important}
.kb-topbar .kb-account{background:var(--kb-teal);color:#00353b!important}
.kb-topbar .kb-account:hover{background:#c9f0ed;color:#00353b!important}
.kb-topbar .kb-language-control select.gt_selector{color:var(--kb-blue);background:#fff;border-color:#dce7f1}
.kb-cart-count{background:var(--kb-brand-yellow);color:#19334c;border-color:var(--kb-blue)}
.kb-nav{background:#fff;border-bottom:1px solid var(--kb-border)}
.kb-nav a,.kb-nav button,.kb-menu-toggle{color:var(--kb-text)!important}
.kb-nav a:hover,.kb-nav button:hover{color:var(--kb-blue)!important}
.kb-home.is-current:after{background:var(--kb-teal)}
.kb-category-panel{background:#fff;border-color:var(--kb-border)}
.kb-category-panel a{color:var(--kb-blue)}

/* Home promotions keep light reading surfaces with blue and mint accents. */
.kb-promo-fair.e-con{background:var(--kb-tint-blue)!important;color:var(--kb-text)!important;border-color:#d4e4f5;border-bottom-color:var(--kb-teal)}
.kb-promo-fair:before{background:color-mix(in srgb,var(--kb-teal) 27%,white)}
.kb-promo-fair .elementor-heading-title,.kb-promo-new .elementor-heading-title{color:var(--kb-blue)!important}
.kb-promo-fair .kb-promo-kicker,.kb-promo-new .kb-promo-kicker{color:var(--kb-accent-ink)!important}
.kb-promo-new.e-con{background:var(--kb-tint-teal)!important;border-color:#d3e8e5;color:var(--kb-text)!important}
.kb-promo-budget.e-con{background:var(--kb-tint-yellow)!important;color:var(--kb-text)!important}
.kb-promo-budget .elementor-heading-title{color:var(--kb-blue)!important}
.kb-promo-budget .kb-promo-kicker{color:#67551e!important}
.kb-promo-fair .kb-promo-button .elementor-button,.kb-promo-new .kb-promo-button .elementor-button,.kb-promo-budget .kb-promo-button .elementor-button{background:var(--kb-blue)!important;color:#fff!important}
.kb-promo .kb-promo-button .elementor-button:hover{background:var(--kb-deep)!important}
.kb-quick-links a>span{background:var(--kb-tint-blue);border-color:#9abce0;color:var(--kb-blue)}
.kb-quick-links a:hover>span{background:var(--kb-tint-teal);border-color:var(--kb-teal);color:var(--kb-accent-ink)}
.kb-section-heading h2,.kb-store-strip h2,.kb-categories-section>.elementor-widget-heading .elementor-heading-title{color:var(--kb-blue)!important}
.kb-section-heading h2:before,.kb-store-strip h2:before{background:var(--kb-teal)}
.kb-section-heading>a{color:var(--kb-blue)}
.kb-shelf-cream{background:var(--kb-tint-yellow)}
.kb-shelf-blue{background:var(--kb-tint-blue)}
.kb-card .price,.kb-card-bottom .price,.single-product .summary>.price{color:var(--kb-blue)!important}
.kb-card .price del{color:#717171}
.kb-card .kb-add{background:var(--kb-blue)!important}
.kb-card .kb-add:hover{background:var(--kb-deep)!important}
.kb-card .kb-add.added{background:#28785e!important}
.kb-discount{background:var(--kb-brand-red)!important;color:#fff!important}
.kb-condition{background:var(--kb-tint-teal)!important;color:var(--kb-accent-ink)!important}
.kb-card-store{color:var(--kb-blue)!important}
.kb-book-title{color:var(--kb-text)}
.kb-author,.kb-card-type{color:var(--kb-muted)}
.kb-store-tile{border-color:var(--kb-border);border-top-color:var(--kb-blue);color:var(--kb-text)}
.kb-store-tile:nth-child(2n){border-top-color:var(--kb-teal)}
.kb-store-tile:hover{border-color:var(--kb-blue);box-shadow:0 5px 18px #0059af14}
.kb-editorial.e-con{background:var(--kb-tint-blue)!important;border-color:var(--kb-border);border-left-color:var(--kb-teal)}
.kb-editorial .elementor-heading-title,.kb-editorial-note .elementor-heading-title{color:var(--kb-blue)!important}
.kb-editorial .elementor-button{background:var(--kb-blue)!important;color:#fff!important}
.kb-eyebrow{color:var(--kb-accent-ink)!important}
.kb-category-button .elementor-button{color:var(--kb-blue)!important;border-color:#c6dbee}
.kb-category-button .elementor-button:hover{background:var(--kb-tint-blue)!important}
.kb-help-native.e-con{background:var(--kb-tint-teal);color:var(--kb-accent-ink)}
.kb-help-native:nth-child(2){background:var(--kb-tint-yellow);color:#67551e}
.kb-help-native:nth-child(3){background:var(--kb-tint-blue);color:var(--kb-blue)}

/* Pale grey footer and blue links, matching the reference's neutral base. */
.kb-trustbar{background:var(--kb-tint-blue)!important;color:#42566b!important;border-color:var(--kb-border)}
.kb-trustbar svg{color:var(--kb-blue)}
.kb-footer{background:#f6f6f6!important;color:#505860!important}
.kb-footer h3,.kb-footer .kb-logo{color:var(--kb-blue)!important}
.kb-footer a,.kb-footer p,.kb-footer small{color:#505860!important}
.kb-footer a:hover{color:var(--kb-blue)!important}
.kb-footer .kb-payment-label{color:#505860;border-color:#b9c7d3}
.kb-footer a.kb-footer-account{background:var(--kb-blue)!important;color:#fff!important;border-color:var(--kb-blue)}
.kb-footer a.kb-footer-account:hover{background:var(--kb-deep)!important;color:#fff!important}
.kb-copyright{background:#ededed!important;color:#596674!important;border-color:#dedede}
.kb-privacy-footer{background:#f6f6f6;color:#596674}
.kb-contact-details,.kb-map-card,.kb-rights-form{background:var(--kb-light);border-color:var(--kb-border)}
.kb-map-placeholder{background:#e9f0f7}
.kb-article-art,.kb-article-card:nth-child(2n) .kb-article-art{background:var(--kb-tint-blue);color:var(--kb-blue)}
.kb-article-card:nth-child(3n) .kb-article-art{background:var(--kb-tint-teal);color:var(--kb-accent-ink)}
.kb-article-filters a{border-color:var(--kb-border)}
.kb-page-content th{background:var(--kb-tint-blue)}
.kb-page-content h2,.kb-content-page>h1,.kb-filters h2{color:var(--kb-blue)}
.kb-catalog-filter-heading h2{color:var(--kb-blue)}
.kb-filter-actions .button{background:var(--kb-blue);border-color:var(--kb-blue);color:#fff}
.kb-filter-actions .button:hover{background:var(--kb-deep);border-color:var(--kb-deep)}
.kb-page-content p,.kb-filters>a{color:var(--kb-muted)}
.kb-cookie-banner,.kb-cookie-dialog{border-color:var(--kb-border);color:var(--kb-text)}
.kb-cookie-actions button{background:#fff;color:var(--kb-blue);border-color:var(--kb-blue)}
.kb-cookie-actions button:hover{background:var(--kb-tint-blue);color:var(--kb-deep)}
.kb-cookie-actions button.kb-cookie-accept{background:var(--kb-blue);color:#fff}
.single-product .summary .single_add_to_cart_button,.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--kb-blue)!important;color:#fff!important}
.single-product .summary .single_add_to_cart_button:hover,.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:var(--kb-deep)!important}
.kb-ask-product:hover{background:var(--kb-tint-blue)!important}
.woocommerce-tabs ul.tabs li.active a{color:var(--kb-blue)}
.woocommerce-tabs ul.tabs li.active{border-color:var(--kb-teal)}

/* Customer messaging and the staff's primary controls share the palette. */
#kb-chat-toggle,#kb-chat-panel header,.kb-chat-compose button,.kb-chat-message.from-customer{background:var(--kb-blue);color:#fff}
#kb-chat-toggle:hover,.kb-chat-compose button:hover{background:var(--kb-deep)}
#kb-chat-unread{background:var(--kb-brand-yellow);color:#19334c}
.kb-chat-greeting,.kb-chat-message.from-staff{background:var(--kb-tint-blue);color:#244969}
.kb-desk-body a,.kb-desk-body .desk-brand{color:var(--kb-blue)}
.desk-brand-mark,.kb-desk-body .desk-solid,.kb-desk-body .button-primary{background:var(--kb-blue);border-color:var(--kb-blue);color:#fff}
.kb-desk-body .desk-solid:hover,.kb-desk-body .button-primary:hover{background:var(--kb-deep)}
.kb-desk-body .desk-action{background:var(--kb-tint-blue);color:var(--kb-blue);border-color:#c9dcef}
.kb-desk-body .action-chat{background:var(--kb-tint-teal);color:var(--kb-accent-ink);border-color:#b9dedb}
.kb-desk-body .action-orders{background:var(--kb-tint-yellow);color:#67551e;border-color:#e9dfbd}
.kb-desk-body .desk-action.is-active{background:var(--kb-blue);border-color:var(--kb-blue);color:#fff}
.kb-desk-body .kb-thread.is-selected{background:var(--kb-tint-blue);border-color:var(--kb-blue)}
.desk-chart i{background:var(--kb-blue)}
.kb-staff-alerts button,.kb-translation-feedback button{background:var(--kb-blue);color:#fff}
.kb-front-worknav a,.kb-selection-tools strong,.kb-category-summary{color:var(--kb-blue)}
.kb-front-editor .button-primary{background:var(--kb-blue);border-color:var(--kb-blue);color:#fff}

/* Both WordPress login and the customer account login use the same colors. */
body.kb-auth-page,body.kb-auth-native{--auth-blue:var(--kb-blue);--auth-ink:#253449;--auth-muted:#596674;background-color:#f5f8fc;background-image:radial-gradient(ellipse at 5% 0%,var(--kb-tint-blue) 0,transparent 48%),radial-gradient(ellipse at 95% 100%,var(--kb-tint-teal) 0,transparent 45%)}
.kb-auth-brand h2,.kb-auth-intro h2,.kb-auth-logo-fallback,.kb-auth-shell a{color:var(--kb-blue)}
.kb-auth-eyebrow{color:var(--kb-accent-ink)}
.kb-auth-values i{background:var(--kb-teal)}
.kb-auth-native #login #wp-submit,.kb-auth-account-card .button{background:var(--kb-blue);border-color:var(--kb-blue);color:#fff}
.kb-auth-native #login #wp-submit:hover,.kb-auth-account-card .button:hover{background:var(--kb-deep);border-color:var(--kb-deep)}
.kb-auth-native #login input[type=checkbox],.kb-auth-account-card input[type=checkbox]{accent-color:var(--kb-blue)}
.kb-auth-tabs button[aria-selected=true]{color:var(--kb-blue)}
body:not(.wp-admin) :focus-visible{outline-color:var(--kb-blue)}
.kb-topbar :focus-visible,.kb-topbar .kb-logo:focus-visible{outline-color:var(--kb-brand-yellow)}
.kb-nav :focus-visible{outline-color:var(--kb-blue)}
::selection{background:#bfe7ed;color:#13354e}