/* assets/styles/minimal-ui-overrides.css */

/* Global font lock to the Archive category style family */
html,
body,
button,
input,
textarea,
select {
  font-family: var(--font-main);
}

body,
body * {
  font-family: var(--font-main) !important;
}

/* Text-only button system (remove boxed/square controls globally) */
:where(
  button,
  [type='button'],
  [type='submit'],
  [type='reset'],
  .nav-ctl,
  .auth-btn,
  .auth-btn-social,
  .checkout-btn,
  .checkout-action-btn,
  .modal-cta-btn,
  .mob-cta-btn,
  .icon-action-btn,
  .card-add-btn,
  .action-btn,
  .cookie-btn,
  .close-policy-btn,
  .gallery-back-btn,
  .cart-close,
  .modal-close,
  .back-link,
  .view-btn,
  .filter-btn,
  .remove-btn,
  .biz-toggle-btn,
  .text-link
) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--text-color) !important;
  padding: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  font-family: var(--font-main) !important;
  font-size: clamp(12px, 0.86vw, 16px);
  font-weight: 560 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2;
  text-transform: none !important;
  text-decoration: none !important;
  cursor: pointer;
  opacity: 0.92;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  transition:
    opacity 0.2s ease,
    color 0.2s ease,
    text-decoration-color 0.2s ease;
}

:where(
  button,
  [type='button'],
  [type='submit'],
  [type='reset'],
  .nav-ctl,
  .auth-btn,
  .auth-btn-social,
  .checkout-btn,
  .checkout-action-btn,
  .modal-cta-btn,
  .mob-cta-btn,
  .icon-action-btn,
  .card-add-btn,
  .action-btn,
  .cookie-btn,
  .close-policy-btn,
  .gallery-back-btn,
  .cart-close,
  .modal-close,
  .back-link,
  .view-btn,
  .filter-btn,
  .remove-btn,
  .biz-toggle-btn,
  .text-link
):hover {
  background: transparent !important;
  color: var(--text-color) !important;
  opacity: 0.68;
}

:where(.view-btn.active, .filter-btn.active, .nav-ctl.active, .checkout-action-btn.active) {
  opacity: 1 !important;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
}

:where(button, [role='button']):focus-visible,
:where(.back-link, .gallery-back-btn, .modal-close, .cart-close, .close-policy-btn):focus-visible {
  outline: 1px solid rgba(var(--text-color-rgb), 0.55);
  outline-offset: 2px;
}

:where(button, [type='button'], [type='submit'], [type='reset'])[disabled] {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}

.view-toggle-container {
  gap: 10px !important;
}

/* Keep close/remove symbols visible and clean */
.modal-close,
.cart-close,
.remove-btn {
  font-size: clamp(16px, 1.2vw, 20px) !important;
  line-height: 1 !important;
}