/* Charcoal and gold palette for the existing 7METER layout. */
:root {
  color-scheme: dark;
  --fierce-bg: #0b0a08;
  --fierce-panel: #171511;
  --fierce-panel-raised: #211e17;
  --fierce-gold: #efbf45;
  --fierce-gold-hover: #ffda62;
  --fierce-accent: #f6c64b;
  --fierce-on-gold: #171006;
  --fierce-text: #fff6e3;
  --fierce-muted: #c5baa3;
  --fierce-line: #4a4030;
}

html {
  background: var(--fierce-bg);
}

body.fierce-theme,
.fierce-theme [class*="color-background"],
.fierce-theme .color-inverse,
.fierce-theme .color-accent-1,
.fierce-theme .color-accent-2 {
  --color-background: 23, 21, 17;
  --gradient-background: #171511;
  --color-foreground: 255, 246, 227;
  --color-shadow: 0, 0, 0;
  --color-button: 239, 191, 69;
  --color-button-text: 23, 16, 6;
  --color-secondary-button: 33, 30, 23;
  --color-secondary-button-text: 255, 246, 227;
  --color-link: 246, 198, 75;
  --color-badge-foreground: 255, 246, 227;
  --color-badge-background: 33, 30, 23;
  --color-badge-border: 246, 198, 75;
  --color-primary-bt-bg: #efbf45;
  --color-primary-bt-label: #171006;
  --color-primary-bt-outline: #f6c64b;
  --color-primary-bt-hover: #ffda62;
  --color-secondary-bt-bg: #211e17;
  --color-secondary-bt-label: #fff6e3;
  --color-secondary-bt-outline: #f6c64b;
  --color-secondary-bt-hover: #4a4030;
  --color-link-dynamic-label: #f6c64b;
  --color-link-dynamic-hover: #ffffff;
  --color-tertiary-dynamic-label: #f6c64b;
  --color-tertiary-dynamic-hover: #ffffff;
  --payment-terms-background-color: #171511;
}

body.fierce-theme {
  background: radial-gradient(ellipse at 95% 0%, rgba(239, 191, 69, .2), transparent 38%),
    radial-gradient(ellipse at 0% 35%, rgba(239, 191, 69, .08), transparent 38%),
    var(--fierce-bg) !important;
  color: var(--fierce-text) !important;
}

.fierce-theme ::selection {
  background: var(--fierce-gold);
  color: var(--fierce-on-gold);
}

.fierce-theme :focus-visible {
  outline: 2px solid var(--fierce-accent) !important;
  outline-offset: 4px;
}

.fierce-theme #MainContent,
.fierce-theme .shopify-section,
.fierce-theme .product,
.fierce-theme .product__info-wrapper,
.fierce-theme .product__media-wrapper {
  background: transparent !important;
  color: var(--fierce-text);
}

.fierce-theme :is(h1, h2, h3, h4, h5, h6),
.fierce-theme .product__title,
.fierce-theme .actual_price_bold,
.fierce-theme .net-monthly-pricing--pdp > span,
.fierce-theme .net-monthly-pricing--pdp > span > span,
.fierce-theme .apl_lob_title,
.fierce-theme .price-item,
.fierce-theme .form__label,
.fierce-theme .form__label__bold,
.fierce-theme .selectedColor,
.fierce-theme .accordion__title,
.fierce-theme .footer-block__heading,
.fierce-theme .footer_content_heading {
  color: var(--fierce-text) !important;
  text-shadow: none !important;
}

.fierce-theme .product__text,
.fierce-theme .skuAndBarcode,
.fierce-theme .skuAndBarcode span,
.fierce-theme .skuAndBarcode label,
.fierce-theme .apl_lob_price,
.fierce-theme .my-store-locator__info,
.fierce-theme .accordion__content,
.fierce-theme .monthly_pricing_segment_1,
.fierce-theme .monthly_pricing_segment_2,
.fierce-theme .care-info,
.fierce-theme .pickup-availability-info,
.fierce-theme .pickup-availability-info p,
.fierce-theme .free_shipping_msg,
.fierce-theme .free_shipping_msg_2 {
  color: var(--fierce-muted) !important;
}

.fierce-theme a {
  color: var(--fierce-accent);
  text-shadow: none !important;
}

.fierce-theme a:hover {
  color: #fff;
}

.fierce-theme .net-monthly-pricing__modal-trigger,
.fierce-theme .product_tag_display,
.fierce-theme .apl_label_attr {
  color: var(--fierce-accent) !important;
}

/* Give navigation and drawers solid dark surfaces. */
.fierce-theme #shopify-section-announcement_bar_slider {
  background: #211a0d !important;
  border-bottom: 1px solid rgba(246, 198, 75, .3);
}

.fierce-theme .header-wrapper,
.fierce-theme .header-menu-wrapper,
.fierce-theme .header__submenu,
.fierce-theme .menu-drawer,
.fierce-theme .menu-drawer__navigation-container,
.fierce-theme .menu-drawer__utility-links,
.fierce-theme .mega-menu__content,
.fierce-theme .predictive-search,
.fierce-theme .search-modal,
.fierce-theme .cart-notification,
.fierce-theme .cart-drawer,
.fierce-theme .sticky-atc-bar,
.fierce-theme .my-store-locator-drawer {
  background: var(--fierce-panel) !important;
  border-color: var(--fierce-line) !important;
  color: var(--fierce-text) !important;
}

.fierce-theme .header__menu-item,
.fierce-theme .header__menu-item a,
.fierce-theme .header__icon,
.fierce-theme .menu-drawer__menu li,
.fierce-theme .menu-drawer__menu-item,
.fierce-theme #right_menu_items li a,
.fierce-theme #right_menu_mobile_items li a {
  color: var(--fierce-text) !important;
}

.fierce-theme .header__menu-item:hover a,
.fierce-theme .menu-drawer__menu-item:hover {
  color: var(--fierce-accent) !important;
}

.fierce-theme .apple_logo svg path {
  fill: var(--fierce-muted);
}

/* Gold calls to action, charcoal secondary actions. */
.fierce-theme .button,
.fierce-theme .register,
.fierce-theme .login,
.fierce-theme .checkout-btn,
.fierce-theme .product-form__submit,
.fierce-theme .modal__submit {
  background: linear-gradient(145deg, #ffe079, #d9a62e) !important;
  color: var(--fierce-on-gold) !important;
  border: 1px solid var(--fierce-accent) !important;
  box-shadow: 0 8px 24px rgba(239, 191, 69, .24), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
  text-shadow: none !important;
  font-weight: 800;
}

.fierce-theme .button:hover,
.fierce-theme .register:hover,
.fierce-theme .product-form__submit:hover,
.fierce-theme .modal__submit:hover {
  background: var(--fierce-gold-hover) !important;
}

.fierce-theme .login,
.fierce-theme .button--secondary,
.fierce-theme .ct-btn-alt {
  background: var(--fierce-panel-raised) !important;
  color: var(--fierce-accent) !important;
  border-color: #927130 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.fierce-theme .login:hover,
.fierce-theme .button--secondary:hover,
.fierce-theme .ct-btn-alt:hover {
  background: #30281a !important;
  border-color: var(--fierce-accent) !important;
}

.fierce-theme .button :is(span, a),
.fierce-theme .product-form__submit span,
.fierce-theme .register span,
.fierce-theme .login span {
  color: inherit !important;
}

.fierce-theme #apple-care-add .pdp-care-btn.btn.product-form__submit {
  color: var(--fierce-on-gold) !important;
}

.fierce-theme #apple-care-add .pdp-care-btn.btn.product-form__submit:hover {
  background: var(--fierce-gold-hover) !important;
}

.fierce-theme .login::before,
.fierce-theme .register::before {
  background: linear-gradient(90deg, transparent, rgba(246, 198, 75, .24), transparent) !important;
}

/* Variants and quantity retain their original interactions. */
.fierce-theme .product__info-container .product-form__input legend {
  color: var(--fierce-text) !important;
}

.fierce-theme .product__info-container input[type="radio"] + label[data-option="no-color"] {
  background: var(--fierce-panel-raised) !important;
  color: var(--fierce-text) !important;
  border: 2px solid var(--fierce-line) !important;
  box-shadow: none !important;
}

.fierce-theme .product__info-container input[type="radio"]:checked + label[data-option="no-color"] {
  background: var(--fierce-gold) !important;
  color: var(--fierce-on-gold) !important;
  border-color: var(--fierce-accent) !important;
  box-shadow: 0 0 18px rgba(239, 191, 69, .18) !important;
}

.fierce-theme .product__info-container input[type="radio"]:not(:checked) + label[data-option="no-color"]:hover {
  border-color: var(--fierce-accent) !important;
}

.fierce-theme .product__info-container input[type="radio"]:focus-visible + label[data-option="no-color"] {
  outline: 2px solid var(--fierce-accent) !important;
  outline-offset: 3px;
}

.fierce-theme .add-on-product-container1,
.fierce-theme .quantity {
  background: var(--fierce-panel) !important;
  border: 1px solid var(--fierce-line) !important;
  color: var(--fierce-text) !important;
}

.fierce-theme .add-on-product-container1 .care-info a {
  color: var(--fierce-accent) !important;
}

.fierce-theme .quantity::before,
.fierce-theme .quantity::after {
  box-shadow: none !important;
}

.fierce-theme .quantity__input {
  background: transparent !important;
  color: var(--fierce-text) !important;
}

.fierce-theme .quantity__button {
  background: var(--fierce-panel-raised) !important;
  color: var(--fierce-text) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.fierce-theme .quantity__button svg path {
  fill: currentColor !important;
  fill-opacity: 1;
}

.fierce-theme .quantity__button:hover {
  background: var(--fierce-gold) !important;
  color: var(--fierce-on-gold) !important;
}

.fierce-theme .field__input,
.fierce-theme .select__select,
.fierce-theme .modal__input,
.fierce-theme .nosubmit_form,
.fierce-theme .my-store-locator-drawer__search-distance-select {
  background-color: var(--fierce-panel-raised) !important;
  color: var(--fierce-text) !important;
  border-color: var(--fierce-line) !important;
}

.fierce-theme input.nosubmit {
  color: var(--fierce-text) !important;
}

.fierce-theme input::placeholder,
.fierce-theme #Search-In-Modal input[type="search"]::placeholder {
  color: var(--fierce-muted) !important;
  opacity: 1;
}

/* Keep icon controls quiet and legible. */
.fierce-theme .header__icon,
.fierce-theme .search__button,
.fierce-theme .reset__button,
.fierce-theme .btn_close,
.fierce-theme .modal__close,
.fierce-theme .slider-button,
.fierce-theme .slick-arrow {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--fierce-text) !important;
}

.fierce-theme .nav-left-arrow,
.fierce-theme .nav-right-arrow {
  background: var(--fierce-panel-raised) !important;
  color: var(--fierce-text) !important;
  border-color: var(--fierce-line) !important;
}

.fierce-theme .nav-left-arrow svg path,
.fierce-theme .nav-right-arrow svg path {
  fill: currentColor;
}

/* Article and FAQ surfaces cover legacy inline white backgrounds. */
.fierce-theme .article-container,
.fierce-theme .glow-wrap,
.fierce-theme .popup-box,
.fierce-theme .modal__content,
.fierce-theme .modal__inner,
.fierce-theme .product-popup-modal__content {
  background: var(--fierce-panel) !important;
  border-color: #6b5429 !important;
  color: var(--fierce-text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .36) !important;
}

.fierce-theme .article-container :is(p, li),
.fierce-theme .article-container blockquote {
  color: var(--fierce-muted) !important;
}

.fierce-theme .article-container a {
  color: var(--fierce-accent) !important;
}

.fierce-theme .article-container blockquote {
  background: var(--fierce-panel-raised) !important;
  border-left-color: var(--fierce-accent) !important;
}

.fierce-theme .article-container::after {
  background: linear-gradient(120deg, transparent, rgba(246, 198, 75, .08), transparent) !important;
}

.fierce-theme #faq-emulator .glow-inner {
  background: var(--fierce-panel) !important;
  color: var(--fierce-text) !important;
  box-shadow: none !important;
}

.fierce-theme #faq-emulator .glow-inner > div {
  color: var(--fierce-text) !important;
}

.fierce-theme #faq-emulator .glow-inner > div > div,
.fierce-theme .mw-faq-item,
.fierce-theme .mw-review {
  background: var(--fierce-panel-raised) !important;
  border-color: var(--fierce-line) !important;
  color: var(--fierce-text) !important;
}

.fierce-theme #faq-emulator .glow-inner h2 {
  color: var(--fierce-text) !important;
}

.fierce-theme #faq-emulator .glow-inner > div > div > div:last-child,
.fierce-theme .mw-faq-answer,
.fierce-theme .mw-review p {
  color: var(--fierce-muted) !important;
}

.fierce-theme .glow-wrap::before {
  background: #efbf45 !important;
  opacity: .18;
}

.fierce-theme table :is(td, th) {
  color: var(--fierce-text) !important;
  border-color: var(--fierce-line) !important;
}

.fierce-theme #artikel-emulator .content-table td {
  background: var(--fierce-panel-raised) !important;
}

.fierce-theme #artikel-emulator .content-table th {
  background: #302617 !important;
}

.fierce-theme .footer,
.fierce-theme nav.detail-sidebar {
  background: #100e0b !important;
  border-color: var(--fierce-line) !important;
  color: var(--fierce-text) !important;
}

.fierce-theme .footer_content_list,
.fierce-theme .footer .list-menu__item,
.fierce-theme .footer__copyright,
.fierce-theme .copyright__content {
  color: var(--fierce-muted) !important;
}

.fierce-theme .footer .accordion2,
.fierce-theme .footer .accordion2::after {
  color: var(--fierce-text) !important;
  border-color: var(--fierce-line) !important;
}

.fierce-theme .footer a:hover {
  color: var(--fierce-accent) !important;
}

.fierce-theme .meter7-fixed-footer {
  background: #14110c !important;
  border: 1px solid #6b5429 !important;
  border-top: 2px solid var(--fierce-accent) !important;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, .5) !important;
}

.fierce-theme .meter7-fixed-footer a {
  background: var(--fierce-panel-raised) !important;
  color: var(--fierce-text) !important;
  border: 1px solid var(--fierce-line) !important;
  box-shadow: none !important;
  font-weight: 800;
}

.fierce-theme .meter7-fixed-footer a:nth-child(3),
.fierce-theme .meter7-fixed-footer a:hover {
  background: var(--fierce-gold) !important;
  border-color: var(--fierce-accent) !important;
  color: var(--fierce-on-gold) !important;
}

.fierce-theme #rain-canvas {
  opacity: .22 !important;
}