/* Carreh — universal button / pill tap polish. Additive and layout-safe:
   only adds pointer cursor, kills the mobile 300ms tap delay + grey flash,
   and gives a subtle press/hover response. No sizes or positions change. */

/* Kill the default grey tap flash; use a soft brand tint instead. */
a[href], button, label, [role="button"], [data-mag],
input, select, textarea {
  -webkit-tap-highlight-color: rgba(31, 107, 61, 0.14);
}

/* Anything that behaves like a button/pill: pointer + no tap delay + smooth. */
button, [role="button"], [data-mag],
input[type="submit"], input[type="button"], input[type="reset"],
.btn, .btn-gold, .dc-drawer-cta,
a[style*="border-radius:100px"], a[style*="border-radius: 100px"],
a[style*="border-radius:999"], a[style*="border-radius: 999"] {
  cursor: pointer;
  touch-action: manipulation;
  transition: transform 0.14s ease, filter 0.14s ease, box-shadow 0.14s ease;
}

/* Press feedback — a small, tactile scale-down on tap/click. */
button:active, [role="button"]:active, [data-mag]:active,
input[type="submit"]:active, input[type="button"]:active,
.btn:active, .btn-gold:active, .dc-drawer-cta:active,
a[style*="border-radius:100px"]:active, a[style*="border-radius: 100px"]:active,
a[style*="border-radius:999"]:active, a[style*="border-radius: 999"]:active {
  transform: scale(0.97);
}

/* Gentle lift on real hover devices only (never on touch). */
@media (hover: hover) {
  [data-mag]:hover,
  a[style*="border-radius:100px"]:hover, a[style*="border-radius: 100px"]:hover,
  a[style*="border-radius:999"]:hover, a[style*="border-radius: 999"]:hover {
    filter: brightness(1.04);
  }
}

/* Comfortable minimum tap target for the two burger buttons on the flagship
   pages (they were a touch small on phones). */
.dc-burger, #dcBurger { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }