/*
 * Local, reversible graphite and logo-orange palette test.
 * Remove the theme-brand-test class from tpl_head.tpl to switch it off.
 */
.theme-brand-test {
  --main_color: #ff9800;
  --brand-ink: #1e242c;
  --brand-ink-strong: #20242b;
  --brand-muted: #66707a;
  --brand-orange: #ff9800;
  --brand-orange-dark: #d96a00;
  --brand-orange-deep: #b95300;
  --brand-orange-soft: #fff3e2;
  --brand-surface: #fbfaf8;
  --brand-card: #ffffff;
  --brand-line: #e8e1d8;
  --brand-line-strong: #d9d0c5;
  --brand-shadow: 0 18px 44px rgba(30, 36, 44, 0.10);
  --brand-shadow-hover: 0 24px 54px rgba(30, 36, 44, 0.16);
  --commerce-ink: var(--brand-ink);
  --commerce-muted: var(--brand-muted);
  --commerce-canvas: var(--brand-surface);
  --commerce-brand: var(--brand-orange-dark);
  --commerce-brand-dark: var(--brand-orange-deep);
  --commerce-accent: var(--brand-orange);
  --commerce-line: var(--brand-line);
  --commerce-soft: var(--brand-orange-soft);
  --commerce-shadow: var(--brand-shadow);
  --commerce-shadow-hover: var(--brand-shadow-hover);
  background: var(--brand-surface);
  color: var(--brand-ink);
}

/* Header and global content */
.theme-brand-test .site-header {
  --header-ink: var(--brand-ink);
  --header-muted: var(--brand-muted);
  --header-line: var(--brand-line);
  --header-accent: var(--brand-orange);
}

.theme-brand-test .site-header__sticky {
  box-shadow: 0 1px 0 rgba(30, 36, 44, 0.08), 0 7px 24px rgba(30, 36, 44, 0.045);
}

.theme-brand-test .site-header__utility {
  color: #f8fafc;
}

.theme-brand-test .site-header__utility p {
  color: #dbe3ea;
}

.theme-brand-test .site-header__toggle:hover,
.theme-brand-test .site-header__toggle:focus-visible,
.theme-brand-test .site-header__nav-link:hover,
.theme-brand-test .site-header__nav-link:focus-visible,
.theme-brand-test .site-header__language-button:hover,
.theme-brand-test .site-header__language-button:focus-visible,
.theme-brand-test .site-header__dropdown-menu .dropdown-item:hover,
.theme-brand-test .site-header__dropdown-menu .dropdown-item:focus {
  background: var(--brand-orange-soft);
}

.theme-brand-test .site-header__catalogue {
  background: var(--brand-card);
}

.theme-brand-test .site-header__catalogue-links a {
  color: var(--brand-ink);
}

.theme-brand-test .site-header__catalogue-links a:hover,
.theme-brand-test .site-header__catalogue-links a:focus-visible {
  background: var(--brand-orange-soft);
}

.theme-brand-test .marketing-proof-row span,
.theme-brand-test .offer-selling-box {
  border-color: rgba(255, 152, 0, 0.26);
}

.theme-brand-test .contact-selling-box,
.theme-brand-test .offer-selling-box,
.theme-brand-test .page-content .marketing-callout,
.theme-brand-test .items-list-item:hover,
.theme-brand-test .items-list-item:focus-within {
  background: var(--brand-card);
}

.theme-brand-test .contact-selling-box,
.theme-brand-test .page-content .marketing-callout {
  border-left-color: var(--brand-orange);
}

.theme-brand-test .items-list-item {
  border-bottom-color: var(--brand-line);
}

.theme-brand-test .items-list-item:hover,
.theme-brand-test .items-list-item:focus-within {
  box-shadow: inset 4px 0 0 var(--brand-orange);
}

.theme-brand-test .items-list-tech {
  color: var(--brand-orange-dark);
}

.theme-brand-test .item-link:focus-visible,
.theme-brand-test a:focus-visible,
.theme-brand-test button:focus-visible {
  outline-color: rgba(255, 152, 0, 0.62);
}

/* Homepage */
.theme-brand-test .home-page {
  --home-ink: var(--brand-ink);
  --home-muted: var(--brand-muted);
  --home-line: var(--brand-line);
  --home-surface: var(--brand-surface);
  --home-surface-strong: var(--brand-orange-soft);
  --home-accent: var(--brand-orange);
  --home-accent-dark: var(--brand-orange-dark);
}

.theme-brand-test .home-hero {
  background:
    radial-gradient(circle at 83% 15%, rgba(255, 152, 0, 0.26), transparent 25%),
    radial-gradient(circle at 12% 88%, rgba(255, 152, 0, 0.10), transparent 28%),
    var(--brand-ink-strong);
}

.theme-brand-test .home-hero__subtitle,
.theme-brand-test .home-contact p:not(.home-eyebrow) {
  color: #f8fafc !important;
}

.theme-brand-test .home-hero__lead {
  color: #dbe3ea !important;
}

.theme-brand-test .home-hero__proof li {
  color: #eef2f5;
}

.theme-brand-test .home-hero__proof i {
  color: #ffbd4a;
}

.theme-brand-test .home-button--dark,
.theme-brand-test .home-solution-card__arrow,
.theme-brand-test .home-contact {
  background: var(--brand-ink-strong);
}

.theme-brand-test .home-button--dark:hover,
.theme-brand-test .home-button--dark:focus-visible {
  background: #323b47;
}

.theme-brand-test .home-hero__preview {
  background: linear-gradient(155deg, #ffffff 0%, #fff3e2 100%);
}

.theme-brand-test .home-hero__preview-status {
  background: var(--brand-orange-soft);
  color: var(--brand-orange-deep);
}

.theme-brand-test .home-hero__preview-window {
  background: #25303a;
}

.theme-brand-test .home-hero__preview-chart {
  background: linear-gradient(180deg, #f7f8f9, #ffffff);
  border-color: var(--brand-line);
}

.theme-brand-test .home-hero__preview-panel,
.theme-brand-test .home-path {
  background: #f5f6f7;
}

.theme-brand-test .home-hero__preview-panel span {
  background: #ccd2d8;
}

.theme-brand-test .home-hero__preview-list div {
  border-top-color: #e9edf0;
}

.theme-brand-test .home-hero__preview-list i,
.theme-brand-test .home-guide-card i,
.theme-brand-test .home-product-card__footer > span {
  color: var(--brand-muted);
}

.theme-brand-test .home-solution-card:hover,
.theme-brand-test .home-solution-card:focus-visible {
  border-color: #ffca80;
  box-shadow: 0 16px 35px rgba(30, 36, 44, 0.10);
}

.theme-brand-test .home-solution-card__number {
  color: #9aa3ad;
}

.theme-brand-test .home-solution-card__icon,
.theme-brand-test .home-benefit-card > span {
  background: var(--brand-orange-soft);
}

.theme-brand-test .home-product-card__link {
  border-color: var(--brand-line);
}

.theme-brand-test .home-product-card__link:hover,
.theme-brand-test .home-product-card__link:focus-visible,
.theme-brand-test .home-guide-card a:hover,
.theme-brand-test .home-guide-card a:focus-visible {
  box-shadow: 0 16px 32px rgba(30, 36, 44, 0.12);
}

.theme-brand-test .home-product-card__image {
  background: linear-gradient(145deg, #f5f6f7, #ffffff);
}

.theme-brand-test .home-product-card__footer > span {
  background: #f5f6f7;
}

.theme-brand-test .home-benefit-card,
.theme-brand-test .home-guide-card a {
  background: var(--brand-card);
}

.theme-brand-test .home-guide-card__image {
  background: #f5f6f7;
}

.theme-brand-test .home-guide-card__image-placeholder,
.theme-brand-test .home-guide-card__content > i {
  color: var(--brand-muted);
}

.theme-brand-test .home-path {
  border-bottom-color: var(--brand-line);
  border-top-color: var(--brand-line);
}

.theme-brand-test .home-path__content > p {
  color: #4f5b66;
}

.theme-brand-test .home-guide-card a:hover,
.theme-brand-test .home-guide-card a:focus-visible {
  border-color: #ffcf8c;
}

/* Catalogue, product, cart and checkout */
.theme-brand-test .commerce-catalogue,
.theme-brand-test .commerce-page {
  --commerce-ink: var(--brand-ink);
  --commerce-muted: var(--brand-muted);
  --commerce-canvas: var(--brand-surface);
  --commerce-brand: var(--brand-orange-dark);
  --commerce-brand-dark: var(--brand-orange-deep);
  --commerce-accent: var(--brand-orange);
  --commerce-line: var(--brand-line);
  --commerce-soft: var(--brand-orange-soft);
  --commerce-shadow: var(--brand-shadow);
  --commerce-shadow-hover: var(--brand-shadow-hover);
}

.theme-brand-test .commerce-button--primary {
  box-shadow: 0 9px 18px rgba(217, 106, 0, 0.22);
}

.theme-brand-test .commerce-button--primary:hover,
.theme-brand-test .commerce-button--primary:focus-visible {
  box-shadow: 0 12px 24px rgba(185, 83, 0, 0.28);
}

.theme-brand-test .commerce-catalogue__hero,
.theme-brand-test .commerce-page__hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 152, 0, 0.15), transparent 27rem),
    linear-gradient(135deg, #ffffff 0%, #fff3e2 100%);
  border-bottom-color: var(--brand-line);
}

.theme-brand-test .commerce-catalogue__hero::after,
.theme-brand-test .commerce-page__hero::after {
  border-color: rgba(255, 152, 0, 0.16);
}

.theme-brand-test .commerce-button--secondary {
  border-color: var(--brand-line-strong);
}

.theme-brand-test .commerce-mini-cart {
  background: var(--brand-card);
  border-color: var(--brand-line);
}

.theme-brand-test .commerce-mini-cart:hover,
.theme-brand-test .commerce-mini-cart:focus-visible,
.theme-brand-test .commerce-mini-cart[aria-expanded="true"] {
  background: var(--brand-orange-soft);
  border-color: #ffca80;
  box-shadow: 0 6px 16px rgba(255, 152, 0, 0.14);
}

.theme-brand-test .commerce-product-card__media,
.theme-brand-test .commerce-cart-drawer__image,
.theme-brand-test .commerce-cart-item__media,
.theme-brand-test .commerce-product-page .shop_single_natabmenu .zoomimg_wrapper,
.theme-brand-test .commerce-checkout__product .cart_list img {
  background: #f7f8f9;
  border-color: var(--brand-line);
}

.theme-brand-test .commerce-product-card__tech,
.theme-brand-test .commerce-catalogue__footer-content,
.theme-brand-test .commerce-page__hero-copy,
.theme-brand-test .commerce-product-description p,
.theme-brand-test .commerce-product-description li,
.theme-brand-test .commerce-product-purchase__benefits li {
  color: #4f5b66;
}

.theme-brand-test .commerce-product-heading {
  background: var(--brand-card);
  box-shadow: 0 7px 20px rgba(30, 36, 44, 0.05);
}

.theme-brand-test .commerce-product-purchase__price {
  background: linear-gradient(135deg, var(--brand-orange-soft), #ffffff);
}

.theme-brand-test .commerce-product-purchase__benefits {
  background: #f7f8f9;
  border-color: #ffcf8c;
}

.theme-brand-test .commerce-product-purchase__features .badge {
  background: var(--brand-card) !important;
  border-color: var(--brand-line) !important;
  color: #4f5b66 !important;
}

.theme-brand-test .commerce-product-purchase__cart {
  background: var(--brand-card);
}

.theme-brand-test .commerce-checkout-progress li {
  color: #7c8791;
}

.theme-brand-test .commerce-checkout-progress li:not(:last-child)::after {
  background: #d8dee3;
}

.theme-brand-test .commerce-checkout-progress li > span {
  background: #eef1f3;
  color: #59636d;
}

.theme-brand-test .commerce-checkout-progress li.is-current > span {
  box-shadow: 0 0 0 5px rgba(255, 152, 0, 0.14);
}

.theme-brand-test .commerce-cart__items,
.theme-brand-test .commerce-summary,
.theme-brand-test .commerce-product-gallery,
.theme-brand-test .commerce-product-description,
.theme-brand-test .commerce-product-terms,
.theme-brand-test .commerce-confirmation__order {
  box-shadow: 0 7px 20px rgba(30, 36, 44, 0.05);
}

.theme-brand-test .commerce-cart-item,
.theme-brand-test .commerce-product-card__footer,
.theme-brand-test .commerce-confirmation__table td {
  border-color: var(--brand-line);
}

.theme-brand-test .commerce-checkout .form-control {
  border-color: var(--brand-line-strong);
}

.theme-brand-test .commerce-checkout .form-control::placeholder {
  color: #8a939c;
}

.theme-brand-test .commerce-checkout .form-control:hover,
.theme-brand-test .commerce-checkout__choice:hover {
  border-color: #ffbd4a;
}

.theme-brand-test .commerce-checkout .form-control:focus,
.theme-brand-test .commerce-checkout .form-check-input:focus {
  box-shadow: 0 0 0 4px rgba(255, 152, 0, 0.16);
}

.theme-brand-test .commerce-checkout .form-check-input {
  border-color: #aeb7bf;
}

.theme-brand-test .commerce-checkout__choice {
  border-color: var(--brand-line);
}

.theme-brand-test .commerce-checkout__choice:hover {
  background: var(--brand-card);
}

@supports selector(:has(*)) {
  .theme-brand-test .commerce-checkout__choice:has(.form-check-input:checked) {
    background: var(--brand-orange-soft);
    box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.10);
  }
}

.theme-brand-test .commerce-confirmation__icon {
  background: var(--brand-orange-soft);
}

.theme-brand-test .commerce-catalogue :is(a, button):focus-visible,
.theme-brand-test .commerce-page :is(a, button, input, textarea, select):focus-visible,
.theme-brand-test .commerce-mini-cart:focus-visible,
.theme-brand-test .commerce-cart-drawer :is(a, button):focus-visible {
  outline-color: rgba(255, 152, 0, 0.65);
}

/* Guides */
.theme-brand-test .guides-page {
  --guide-ink: var(--brand-ink);
  --guide-muted: var(--brand-muted);
  --guide-line: var(--brand-line);
  --guide-accent: var(--brand-orange);
  background: var(--brand-surface);
}

.theme-brand-test .guides-page :is(a, button, input):focus-visible {
  outline-color: var(--brand-orange-dark);
}

.theme-brand-test .guides-note-mark,
.theme-brand-test .guides-search-control,
.theme-brand-test .guides-cta {
  border-color: var(--brand-line);
}

.theme-brand-test .guides-search button:hover,
.theme-brand-test .guides-button:hover {
  background: var(--brand-ink-strong);
}

.theme-brand-test .guides-topics a:hover {
  border-color: #ffca80;
}

.theme-brand-test .guide-card:hover {
  box-shadow: 0 10px 30px rgba(30, 36, 44, 0.09);
}

.theme-brand-test .guide-card-image {
  background: var(--brand-orange-soft);
}

.theme-brand-test .guide-card-placeholder,
.theme-brand-test .guide-card-topic,
.theme-brand-test .guides-empty > span {
  color: #59636d;
}

.theme-brand-test .guide-card-bottom {
  border-top-color: var(--brand-line);
}

.theme-brand-test .guides-empty {
  border-color: var(--brand-line-strong);
}

.theme-brand-test .guide-article-cta {
  background: #fffaf3;
}

.theme-brand-test .guide-article-cta__link:hover {
  background: var(--brand-ink-strong);
}

.theme-brand-test .guides-article-wrap .seo-guide-content th {
  background: #f3f4f6;
}

/* Legacy mobile controls still used by some older views. */
@media (max-width: 768px) {
  .theme-brand-test .menu-toggle #menu-btn {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
  }
}