/* Header: only text and border change. Keep the original white surface in
   all states, including the visual editor's edit/preview highlighting. */
.ve-edit-mode header nav .links a,
.ve-preview-mode header nav .links a,
header nav .links a,
header nav #lang {
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  background: #fdfcf999 !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: color 180ms ease, border-color 180ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
  header nav .links a:hover,
  header nav #lang:hover {
    color: #5e778b;
    border-color: #718ca3;
  }
}

header nav .links a:focus-visible,
header nav #lang:focus,
header nav #lang:focus-visible {
  color: #48647b;
  border-color: #56748d;
}

header nav .links a:active,
header nav #lang:active {
  color: #48647b;
  border-color: #56748d;
}

/* Keep the native language picker readable and anchored in place. */
header nav #lang option {
  color: #1e3447;
  background-color: #fdfcf9;
}

@media (prefers-reduced-motion: reduce) {
  .ve-edit-mode header nav .links a,
  .ve-preview-mode header nav .links a,
  header nav .links a,
  header nav #lang {
    transition: none !important;
  }
}

/* Shared public/editor button feedback. No click interception or delayed navigation. */
:is(.actions .btn, .form-actions .btn, #whatsappSubmit, .product-actions button) {
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transform-origin: center;
  transition: transform 200ms cubic-bezier(.2,.65,.3,1),
    background-color 200ms ease, color 200ms ease,
    border-color 200ms ease, box-shadow 200ms ease;
}

/* Hover belongs to mouse/trackpad devices, not touch-only phones and tablets. */
@media (hover: hover) and (pointer: fine) {
  :is(.actions .btn, .form-actions .btn, .product-actions button:not(.inquiry-add)):not(:disabled):hover {
    background-color: #294e70;
    box-shadow: 0 6px 16px rgb(16 54 92 / 15%);
    transform: translateY(-2px);
  }

  :is(#whatsappSubmit, .product-actions .inquiry-add):not(:disabled):hover {
    background-color: #edf0f2;
    border-color: #718ca3;
    color: #10365c;
    box-shadow: 0 4px 12px rgb(16 54 92 / 10%);
    transform: translateY(-2px);
  }
}

:is(.actions .btn, .form-actions .btn, #whatsappSubmit, .product-actions button):focus-visible {
  outline: 2px solid #718ca3;
  outline-offset: 4px;
}

/* Native :active gives immediate feedback without changing existing click handlers. */
:is(.actions .btn, .form-actions .btn, .product-actions button:not(.inquiry-add)):not(:disabled):active {
  background-color: #0b2948;
  box-shadow: inset 0 2px 5px rgb(0 0 0 / 12%);
  transform: translateY(0) scale(.98);
  transition-duration: 80ms;
}

:is(#whatsappSubmit, .product-actions .inquiry-add):not(:disabled):active {
  background-color: #e2e8ed;
  border-color: #617f98;
  color: #10365c;
  box-shadow: inset 0 1px 4px rgb(16 54 92 / 10%);
  transform: translateY(0) scale(.97);
  transition-duration: 80ms;
}

/* Retain color/focus feedback while removing movement for motion-sensitive users. */
@media (prefers-reduced-motion: reduce) {
  :is(.actions .btn, .form-actions .btn, #whatsappSubmit, .product-actions button),
  :is(.actions .btn, .form-actions .btn, #whatsappSubmit, .product-actions button):not(:disabled):hover,
  :is(.actions .btn, .form-actions .btn, #whatsappSubmit, .product-actions button):not(:disabled):active {
    transition: none;
    transform: none;
  }
}