/**
 * Hover & interactive states — readable contrast everywhere (light theme)
 */

/* ========== Tags — underline only (see shop-geom-tags.css) ========== */
.section--shop-preview .shop-home__tags .shop-tag,
.section--shop-preview .shop-home__tags .shop-tag:hover {
  background: transparent !important;
  color: var(--ink, #1a1a1a) !important;
}

/* ========== Catalog mobile pills ========== */
.catalog-page .catalog-mobile-nav__pill {
  color: var(--ink, #1a1a1a) !important;
  background: transparent !important;
  border-color: rgba(26, 26, 26, 0.2) !important;
  clip-path: none !important;
}

.catalog-page .catalog-mobile-nav__pill .ti,
.catalog-page .catalog-mobile-nav__pill .catalog-mobile-nav__n {
  color: var(--ink, #1a1a1a) !important;
  opacity: 0.65;
}

.catalog-page .catalog-mobile-nav__pill:hover:not(.is-active) {
  background: rgba(26, 26, 26, 0.06) !important;
  color: var(--ink, #1a1a1a) !important;
}

.catalog-page .catalog-mobile-nav__pill:hover:not(.is-active) .ti,
.catalog-page .catalog-mobile-nav__pill:hover:not(.is-active) .catalog-mobile-nav__n {
  color: var(--ink, #1a1a1a) !important;
}

.catalog-page .catalog-mobile-nav__pill.is-active,
.catalog-page .catalog-mobile-nav__pill.is-active:hover {
  background: var(--ink, #1a1a1a) !important;
  color: #f6f1ea !important;
  border-color: var(--ink, #1a1a1a) !important;
}

.catalog-page .catalog-mobile-nav__pill.is-active .ti,
.catalog-page .catalog-mobile-nav__pill.is-active .catalog-mobile-nav__n,
.catalog-page .catalog-mobile-nav__pill.is-active:hover .ti,
.catalog-page .catalog-mobile-nav__pill.is-active:hover .catalog-mobile-nav__n {
  color: #f6f1ea !important;
  opacity: 0.85;
}

/* ========== Product prev/next siblings ========== */
.product-page .product-sibling-nav__link {
  color: var(--ink, #1a1a1a) !important;
  background: #ffffff !important;
  border-color: rgba(26, 26, 26, 0.12) !important;
}

.product-page .product-sibling-nav__link .ti,
.product-page .product-sibling-nav__dir {
  color: var(--ink, #1a1a1a) !important;
  opacity: 0.7;
}

.product-page .product-sibling-nav__label {
  color: var(--catalog-muted, #4a4844) !important;
  opacity: 1 !important;
}

.product-page .product-sibling-nav__title {
  color: var(--ink, #1a1a1a) !important;
}

@media (hover: hover) {
  .product-page .product-sibling-nav__link:hover,
  .product-page .product-sibling-nav__link:focus-visible {
    background: var(--ink, #1a1a1a) !important;
    color: #f6f1ea !important;
    outline: none;
  }

  .product-page .product-sibling-nav__link:hover .ti,
  .product-page .product-sibling-nav__link:hover .product-sibling-nav__dir,
  .product-page .product-sibling-nav__link:hover .product-sibling-nav__label,
  .product-page .product-sibling-nav__link:hover .product-sibling-nav__title,
  .product-page .product-sibling-nav__link:focus-visible .ti,
  .product-page .product-sibling-nav__link:focus-visible .product-sibling-nav__dir,
  .product-page .product-sibling-nav__link:focus-visible .product-sibling-nav__label,
  .product-page .product-sibling-nav__link:focus-visible .product-sibling-nav__title {
    color: #f6f1ea !important;
    opacity: 1 !important;
  }
}

/* ========== Services & process ========== */
.section--cream .service-item:hover,
.section--cream .service-item__link:hover,
.section--cream .process-step:hover {
  background: var(--ink, #1a1a1a) !important;
  color: var(--linen, #faf7f2) !important;
}

.section--cream .service-item:hover .service-icon .ti,
.section--cream .service-item__link:hover .service-icon .ti,
.section--cream .service-item:hover .service-index,
.section--cream .service-item__link:hover .service-index,
.section--cream .service-item:hover .service-label,
.section--cream .service-item__link:hover .service-label,
.section--cream .process-step:hover .process-icon .ti,
.section--cream .process-step:hover .process-num,
.section--cream .process-step:hover > span:last-child {
  color: var(--linen, #faf7f2) !important;
}

.section--cream .service-item:hover .service-line,
.section--cream .service-item__link:hover .service-line {
  background: var(--linen, #faf7f2) !important;
}

/* ========== Materials ========== */
.section--gray .material-item:hover,
.section--grey-band .material-item:hover,
#materials .material-item:hover {
  background: rgba(26, 26, 26, 0.07) !important;
  color: var(--ink, #1a1a1a) !important;
}

.section--gray .material-item:hover .ti,
#materials .material-item:hover .ti {
  color: var(--ink, #1a1a1a) !important;
}

/* ========== Catalog sidebar ========== */
.catalog-page .catalog-sidebar__list a {
  color: var(--ink, #1a1a1a) !important;
}

.catalog-page .catalog-sidebar__list a:hover:not(.is-active),
.catalog-page .catalog-sidebar__subs a:hover:not(.is-active) {
  background: rgba(26, 26, 26, 0.06) !important;
  color: var(--ink, #1a1a1a) !important;
  border-color: rgba(26, 26, 26, 0.14) !important;
}

.catalog-page .catalog-sidebar__list a:hover:not(.is-active) *,
.catalog-page .catalog-sidebar__subs a:hover:not(.is-active) * {
  color: var(--ink, #1a1a1a) !important;
}

.catalog-page .catalog-sidebar__list a.is-active,
.catalog-page .catalog-sidebar__subs a.is-active,
.catalog-page .catalog-sidebar__list a.is-active:hover,
.catalog-page .catalog-sidebar__subs a.is-active:hover {
  background: var(--ink, #1a1a1a) !important;
  color: #f6f1ea !important;
  border-color: var(--ink, #1a1a1a) !important;
}

.catalog-page .catalog-sidebar__list a.is-active *,
.catalog-page .catalog-sidebar__subs a.is-active * {
  color: #f6f1ea !important;
}

/* ========== Catalog filters ========== */
.catalog-page .work-filter {
  color: var(--ink, #1a1a1a) !important;
  background: #fff !important;
}

.catalog-page .work-filter:hover:not(.is-active) {
  background: rgba(26, 26, 26, 0.06) !important;
  color: var(--ink, #1a1a1a) !important;
}

.catalog-page .work-filter.is-active,
.catalog-page .work-filter.is-active:hover {
  background: var(--ink, #1a1a1a) !important;
  color: #f6f1ea !important;
}

.catalog-page .work-filter.is-active .ti {
  color: #f6f1ea !important;
}

/* ========== Product cards ========== */
.catalog-page .shop-card__surface:hover,
.catalog-page .shop-card__surface:hover .shop-card__cat,
.catalog-page .shop-card__surface:hover .shop-card__sub,
.catalog-page .shop-card__surface:hover .shop-card__title,
.catalog-page .shop-card__surface:hover .shop-card__title a,
.catalog-page .shop-card__surface:hover .shop-card__excerpt,
.catalog-page .shop-card__surface:hover .shop-card__cta,
.catalog-page .shop-card__surface:hover .ti,
.catalog-page .shop-card__link:hover,
.catalog-page .shop-card__link:hover .shop-card__cat,
.catalog-page .shop-card__link:hover .shop-card__sub,
.catalog-page .shop-card__link:hover .shop-card__title,
.catalog-page .shop-card__link:hover .shop-card__excerpt,
.catalog-page .shop-card__link:hover .shop-card__cta,
.catalog-page .shop-card__link:hover .ti {
  color: #f6f1ea !important;
}

.catalog-page .shop-card__link:hover .shop-card__sub {
  border-color: currentColor;
}

.catalog-page .shop-card__cat:hover,
.catalog-page .shop-card__sub:hover {
  color: #f6f1ea !important;
}

/* Category tile hover: shop-categories.css (@media hover: hover) */

/* ========== Stats, contact, FAQ ========== */
.page-home .stats-band__cell:hover {
  background: var(--ink, #1a1a1a) !important;
  color: var(--linen, #faf7f2) !important;
}

.page-home .stats-band__cell:hover * {
  color: var(--linen, #faf7f2) !important;
}

.section--cream .contact-panel__chip:hover {
  background: var(--ink, #1a1a1a) !important;
  color: var(--linen, #faf7f2) !important;
}

.section--cream .contact-panel__chip:hover .ti {
  color: var(--linen, #faf7f2) !important;
}

.faq-new__item summary:hover {
  color: var(--catalog-muted, #4a4844) !important;
  background: transparent !important;
}

/* ========== Buttons on catalog/product (light pages) ========== */
.product-page .product-cta .btn:not(.btn--outline),
.product-page .product-cta .btn:not(.btn--outline):hover {
  background: var(--ink, #1a1a1a) !important;
  color: #f6f1ea !important;
  border-color: var(--ink, #1a1a1a) !important;
}

.product-page .product-cta .btn--outline {
  background: #ffffff !important;
  color: var(--ink, #1a1a1a) !important;
  border-color: rgba(26, 26, 26, 0.35) !important;
}

.catalog-page .btn:hover,
.product-page .btn:hover {
  box-shadow: none !important;
  transform: none !important;
}

.catalog-page .btn:not(.btn--outline):hover,
.product-page .btn:not(.btn--outline):hover {
  background: var(--ink, #1a1a1a) !important;
  color: #f6f1ea !important;
}

.catalog-page .btn--outline:hover,
.product-page .btn--outline:hover {
  background: var(--ink, #1a1a1a) !important;
  color: #f6f1ea !important;
  border-color: var(--ink, #1a1a1a) !important;
}

/* ========== Shop links & back bar ========== */
.shop-home__link:hover,
.shop-back-link:hover {
  color: var(--ink, #1a1a1a) !important;
}

.product-page .shop-back-bar__main:hover,
.product-page .shop-back-bar__secondary:hover {
  color: var(--ink, #1a1a1a) !important;
}

/* ========== Slider caption tags ========== */
.slider-band__tag:hover {
  background: var(--ink, #1a1a1a) !important;
  color: var(--linen, #faf7f2) !important;
  border-color: var(--ink, #1a1a1a) !important;
}

/* ========== Touch: no stuck hover colors ========== */
@media (hover: none) {
  .catalog-page .shop-card__surface:hover,
  .catalog-page .shop-card__link:hover {
    background: #ffffff !important;
    color: var(--ink, #1a1a1a) !important;
  }

  .catalog-page .shop-card__surface:hover .shop-card__title,
  .catalog-page .shop-card__surface:hover .shop-card__title a,
  .catalog-page .shop-card__surface:hover .shop-card__excerpt,
  .catalog-page .shop-card__surface:hover .shop-card__cta {
    color: var(--ink, #1a1a1a) !important;
  }

  .shop-tag:hover,
  .catalog-page .catalog-mobile-nav__pill:hover {
    background: #ffffff !important;
    color: var(--ink, #1a1a1a) !important;
  }

  .catalog-page .catalog-mobile-nav__pill.is-active {
    background: var(--ink, #1a1a1a) !important;
    color: #f6f1ea !important;
  }
}

/* ========== Product icon bar — fill only, no icon underline ========== */
.product-page .product-icon-bar__btn,
.product-page .product-icon-bar__btn .ti {
  text-decoration: none !important;
}

.product-page .product-icon-bar__btn:hover,
.product-page .product-icon-bar__btn:focus-visible {
  transform: none !important;
}