/**
 * Akeno Interno — Frontend v3.4.1 — Premium Bento
 *
 * 3 Formatos: cards, pills, stacked
 * 3 Estilos cada: ver legendas abaixo
 *
 * Princípios de design:
 *  • Chip de ícone 40x40 com cor matching (não emoji solto)
 *  • Hierarquia: título 16px bold + subtitle 13px cinza
 *  • Sombra layered (close + ambient) para depth real
 *  • Hover: lift -3px + chip pulse + arrow translate
 *  • SVG arrow inline (não caractere unicode)
 *  • Border-radius generoso (16-20px) — soft & friendly
 */

/* ═══════════════════════════════════════════════════════════
   VARIÁVEIS DE TEMA — paleta Akeno
   ═══════════════════════════════════════════════════════════ */
.akeno-cards, .akeno-pills, .akeno-stacked {
  --ak-radius:        18px;
  --ak-chip-radius:   12px;
  --ak-gap:           12px;
  --ak-shadow-1:      0 1px 2px rgba(15, 23, 42, .04);
  --ak-shadow-2:      0 4px 16px rgba(15, 23, 42, .06);
  --ak-shadow-hover:  0 12px 28px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .06);
  --ak-ease:          cubic-bezier(.2, .8, .2, 1);
  --ak-text:          #0f172a;
  --ak-muted:         #64748b;
  --ak-border:        rgba(15, 23, 42, .06);
  --ak-focus:         #6366f1;
}

/* ═══════════════════════════════════════════════════════════
   RESET DEFENSIVO — anula sublinhados, bordas e backgrounds
   que temas WP costumam injetar em links e seus filhos
   ═══════════════════════════════════════════════════════════ */
.akeno-cards a,
.akeno-pills a,
.akeno-stacked a,
.akeno-cards a *,
.akeno-pills a *,
.akeno-stacked a *,
.akeno-cards a:hover,
.akeno-pills a:hover,
.akeno-stacked a:hover,
.akeno-cards a:focus,
.akeno-pills a:focus,
.akeno-stacked a:focus,
.akeno-cards a:visited,
.akeno-pills a:visited,
.akeno-stacked a:visited {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-shadow: none !important;
}

/* Spans internos: sem qualquer borda/linha */
.akeno-cards__title,
.akeno-cards__icon,
.akeno-cards__chip,
.akeno-pills__text,
.akeno-pills__icon,
.akeno-pills__chip,
.akeno-stacked__title,
.akeno-stacked__icon,
.akeno-stacked__chip {
  border: 0 !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
  background-image: none !important;
  text-shadow: none !important;
}

/* Box-sizing defensivo — temas WP variam o default */
.akeno-cards,
.akeno-pills,
.akeno-stacked,
.akeno-cards *,
.akeno-pills *,
.akeno-stacked * {
  box-sizing: border-box;
}

/* Garante que containers nunca estouram horizontalmente */
.akeno-cards,
.akeno-pills,
.akeno-stacked {
  width: 100%;
}

/* ── NOTA RODAPÉ — formato idêntico ao .rid-note do Rias ── */
.akeno-note {
  display: block !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #94a3b8 !important;
  margin: 8px auto 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-variant: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
  max-width: 920px !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* ── ARROW SVG (compartilhado) ──────────────────────────── */
.akeno-arrow-svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: block;
  transition: transform .25s var(--ak-ease);
}

/* ═══════════════════════════════════════════════════════════
   FORMATO 1: CARDS — Premium Bento (chip + título + subtitle)
   ═══════════════════════════════════════════════════════════ */
.akeno-cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
@media (min-width: 768px) {
  .akeno-cards { padding: 0; gap: 12px; }
}

.akeno-cards__btn {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: var(--ak-radius);
  text-decoration: none;
  background: #ffffff;
  color: var(--ak-text);
  border: 1px solid var(--ak-border);
  box-shadow: var(--ak-shadow-1), var(--ak-shadow-2);
  transition: transform .25s var(--ak-ease),
              box-shadow .25s var(--ak-ease),
              background .2s var(--ak-ease),
              border-color .2s var(--ak-ease);
  touch-action: manipulation;
  cursor: pointer;
  min-height: 68px;
}
.akeno-cards__btn:hover {
  transform: translateY(-3px);
  box-shadow: var(--ak-shadow-hover);
}
.akeno-cards__btn:hover .akeno-arrow-svg { transform: translateX(3px); }
.akeno-cards__btn:hover .akeno-cards__chip { transform: scale(1.06); }
.akeno-cards__btn:active { transform: translateY(-1px); transition-duration: .08s; }
.akeno-cards__btn:focus-visible {
  outline: 2px solid var(--ak-focus);
  outline-offset: 3px;
}

/* Chip do ícone */
.akeno-cards__chip {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ak-chip-radius);
  transition: transform .25s var(--ak-ease), background .2s var(--ak-ease);
  font-size: 22px;
  line-height: 1;
}
.akeno-cards__icon {
  display: block;
  line-height: 1;
}

/* Título — agora direct child do botão */
.akeno-cards__title {
  flex: 1;
  min-width: 0;
  font-weight: 700;
  font-size: 15.5px;
  line-height: 1.3;
  color: var(--ak-text);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.akeno-cards__arrow {
  flex-shrink: 0;
  color: var(--ak-muted);
  margin-left: 4px;
  display: flex;
  align-items: center;
}

/* ── Cards × Estilo: INVERSE (default) — indigo soft ──── */
.akeno-cards--inverse .akeno-cards__btn {
  background: #ffffff;
  border-color: rgba(99, 102, 241, .15);
}
.akeno-cards--inverse .akeno-cards__chip {
  background: #eef2ff;
  color: #4f46e5;
}
.akeno-cards--inverse .akeno-cards__btn:hover {
  border-color: rgba(99, 102, 241, .35);
}
.akeno-cards--inverse .akeno-cards__btn:hover .akeno-cards__chip {
  background: #6366f1;
  color: #ffffff;
}
.akeno-cards--inverse .akeno-cards__btn:hover .akeno-cards__arrow { color: #6366f1; }

/* ── Cards × Estilo: CTA — emerald vivo ─────────────── */
.akeno-cards--cta .akeno-cards__btn {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 4px 14px rgba(16, 185, 129, .25), 0 1px 2px rgba(16, 185, 129, .15);
}
.akeno-cards--cta .akeno-cards__title    { color: #ffffff; }
.akeno-cards--cta .akeno-cards__subtitle { color: rgba(255, 255, 255, .82); }
.akeno-cards--cta .akeno-cards__chip {
  background: rgba(255, 255, 255, .22);
  color: #ffffff;
  backdrop-filter: blur(6px);
}
.akeno-cards--cta .akeno-cards__arrow { color: rgba(255, 255, 255, .85); }
.akeno-cards--cta .akeno-cards__btn:hover {
  box-shadow: 0 12px 32px rgba(16, 185, 129, .38), 0 4px 8px rgba(16, 185, 129, .2);
}

/* ── Cards × Estilo: SOFT — amber/coral premium ─────── */
.akeno-cards--soft .akeno-cards__btn {
  background: #fffbeb;
  border-color: rgba(217, 119, 6, .15);
}
.akeno-cards--soft .akeno-cards__chip {
  background: #fef3c7;
  color: #b45309;
}
.akeno-cards--soft .akeno-cards__btn:hover {
  background: #fef3c7;
  border-color: rgba(217, 119, 6, .35);
}
.akeno-cards--soft .akeno-cards__btn:hover .akeno-cards__chip {
  background: #f59e0b;
  color: #ffffff;
}
.akeno-cards--soft .akeno-cards__btn:hover .akeno-cards__arrow { color: #b45309; }

/* ═══════════════════════════════════════════════════════════
   FORMATO 2: PILLS — compactas com chip pequeno
   ═══════════════════════════════════════════════════════════ */
.akeno-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 12px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
@media (min-width: 768px) {
  .akeno-pills { padding: 0; gap: 10px; }
}

.akeno-pills__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 8px;
  border-radius: 100px;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  transition: transform .2s var(--ak-ease),
              box-shadow .2s var(--ak-ease),
              background .2s var(--ak-ease),
              color .2s var(--ak-ease),
              border-color .2s var(--ak-ease);
  cursor: pointer;
  touch-action: manipulation;
  border: 1px solid var(--ak-border);
}
.akeno-pills__btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--ak-shadow-hover);
}
.akeno-pills__btn:hover .akeno-arrow-svg { transform: translateX(3px); }
.akeno-pills__btn:focus-visible {
  outline: 2px solid var(--ak-focus);
  outline-offset: 3px;
}

.akeno-pills__chip {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  font-size: 15px;
  line-height: 1;
  transition: background .2s var(--ak-ease), color .2s var(--ak-ease);
}
.akeno-pills__icon  { line-height: 1; }
.akeno-pills__text  { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 240px; }
.akeno-pills__arrow {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: -2px;
}
.akeno-pills__arrow .akeno-arrow-svg { width: 14px; height: 14px; }

/* ── Pills × Estilo: INVERSE (default) — branco crisp ─── */
.akeno-pills--inverse .akeno-pills__btn {
  background: #ffffff;
  color: var(--ak-text);
}
.akeno-pills--inverse .akeno-pills__chip {
  background: #eef2ff;
  color: #4f46e5;
}
.akeno-pills--inverse .akeno-pills__btn:hover {
  background: #6366f1;
  color: #ffffff;
  border-color: #6366f1;
}
.akeno-pills--inverse .akeno-pills__btn:hover .akeno-pills__chip {
  background: rgba(255, 255, 255, .22);
  color: #ffffff;
}

/* ── Pills × Estilo: CTA — emerald gradient ─────────── */
.akeno-pills--cta .akeno-pills__btn {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 3px 10px rgba(16, 185, 129, .25);
}
.akeno-pills--cta .akeno-pills__chip {
  background: rgba(255, 255, 255, .22);
  color: #ffffff;
}
.akeno-pills--cta .akeno-pills__btn:hover {
  box-shadow: 0 10px 24px rgba(16, 185, 129, .38);
}

/* ── Pills × Estilo: OUTLINE — só borda elegante ────── */
.akeno-pills--outline .akeno-pills__btn {
  background: transparent;
  color: #4f46e5;
  border: 1.5px solid rgba(99, 102, 241, .35);
}
.akeno-pills--outline .akeno-pills__chip {
  background: rgba(99, 102, 241, .1);
  color: #4f46e5;
}
.akeno-pills--outline .akeno-pills__btn:hover {
  background: #6366f1;
  color: #ffffff;
  border-color: #6366f1;
}
.akeno-pills--outline .akeno-pills__btn:hover .akeno-pills__chip {
  background: rgba(255, 255, 255, .22);
  color: #ffffff;
}

@media (max-width: 500px) {
  .akeno-pills          { flex-direction: column; align-items: stretch; gap: 8px; }
  .akeno-pills__btn     { width: 100%; justify-content: space-between; }
  .akeno-pills__text    { max-width: none; flex: 1; }
}

/* ═══════════════════════════════════════════════════════════
   FORMATO 3: STACKED — Lista premium estilo iOS Settings refinada
   ═══════════════════════════════════════════════════════════ */
.akeno-stacked {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 980px;
  margin: 0 auto;
  border-radius: var(--ak-radius);
  overflow: hidden;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  box-shadow: var(--ak-shadow-1), var(--ak-shadow-2);
}

.akeno-stacked__btn {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  text-decoration: none;
  color: var(--ak-text);
  transition: background .2s var(--ak-ease);
  cursor: pointer;
  touch-action: manipulation;
  position: relative;
}
.akeno-stacked__btn:hover .akeno-arrow-svg { transform: translateX(3px); }
.akeno-stacked__btn:focus-visible {
  outline: 2px solid var(--ak-focus);
  outline-offset: -2px;
  z-index: 1;
}

.akeno-stacked__chip {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 20px;
  line-height: 1;
  transition: transform .2s var(--ak-ease);
}
.akeno-stacked__icon { line-height: 1; }

.akeno-stacked__title {
  flex: 1;
  min-width: 0;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.akeno-stacked__arrow {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  color: var(--ak-muted);
}

/* Items separados por gap sutil (sem linha) — fica como "células" iOS 17 */
.akeno-stacked {
  background: rgba(15, 23, 42, .06);
  gap: 1px;
}
.akeno-stacked__btn { background: #ffffff; }

/* ── Stacked × Estilo: DEFAULT — fundo branco neutro ──── */
.akeno-stacked--default {
  background: #ffffff;
  border: 1px solid var(--ak-border);
}
.akeno-stacked--default .akeno-stacked__chip {
  background: #f1f5f9;
  color: #475569;
}
.akeno-stacked--default .akeno-stacked__btn:hover { background: #f8fafc; }
.akeno-stacked--default .akeno-stacked__btn:hover .akeno-stacked__chip { transform: scale(1.06); }
.akeno-stacked--default .akeno-stacked__arrow {
  background: #eef2ff;
  color: #4f46e5;
}

/* ── Stacked × Estilo: BLUE — indigo tint ─────────────── */
.akeno-stacked--blue {
  background: #ffffff;
  border: 1px solid rgba(99, 102, 241, .12);
}
.akeno-stacked--blue .akeno-stacked__chip {
  background: #eef2ff;
  color: #4f46e5;
}
.akeno-stacked--blue .akeno-stacked__btn:hover {
  background: linear-gradient(90deg, #eef2ff 0%, #ffffff 100%);
}
.akeno-stacked--blue .akeno-stacked__btn:hover .akeno-stacked__chip {
  background: #6366f1;
  color: #ffffff;
}
.akeno-stacked--blue .akeno-stacked__arrow {
  background: #6366f1;
  color: #ffffff;
}

/* ── Stacked × Estilo: ELEVATED — premium escuro ──── */
.akeno-stacked--elevated {
  background: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .04);
}
.akeno-stacked--elevated .akeno-stacked__chip {
  background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
  color: #334155;
}
.akeno-stacked--elevated .akeno-stacked__btn:hover { background: #f8fafc; }
.akeno-stacked--elevated .akeno-stacked__btn:hover .akeno-stacked__chip {
  background: linear-gradient(135deg, #1e293b, #0f172a);
  color: #ffffff;
}
.akeno-stacked--elevated .akeno-stacked__arrow {
  background: #f1f5f9;
  color: #475569;
}

/* ═══════════════════════════════════════════════════════════
   LEGADO — variants antigas (mapeadas via PHP, CSS preservado)
   ═══════════════════════════════════════════════════════════ */
.akeno-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 12px;
}
.akeno-button {
  display: block;
  text-decoration: none;
  border: 1px solid rgba(99, 102, 241, .25);
  border-radius: 16px;
  padding: 14px;
  background: #fff;
  color: #4f46e5;
  box-shadow: 0 6px 18px rgba(99, 102, 241, 0.06);
  transition: transform 0.06s ease, background 0.15s ease, color 0.15s ease;
  touch-action: manipulation;
}
.akeno-button:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(99, 102, 241, 0.15); }
.akeno-inner { display: flex; align-items: center; justify-content: space-between; font-weight: 800; }
.akeno-icon { margin-right: 10px; font-size: 1.1em; flex-shrink: 0; }
.akeno-text { display: flex; align-items: center; gap: 10px; flex: 1; }
.akeno-caret { opacity: 0.75; flex-shrink: 0; }

.variant-inverse .akeno-button { background: #fff; color: #4f46e5; }
.variant-primary .akeno-button { background: #6366f1; color: #fff; border-color: #6366f1; }
.variant-cta .akeno-button { background: #10b981; color: #fff; border-color: #10b981; }
.variant-secondary .akeno-button { background: #111827; color: #fff; border-color: #111827; }
.variant-outline .akeno-button { background: transparent; color: #4f46e5; border-color: #4f46e5; }
.variant-pill .akeno-button { border-radius: 999px; background: #fff; color: #0f172a; border-color: #cbd5e1; }
.variant-gradient .akeno-button { background: linear-gradient(90deg, #6366f1, #8b5cf6); color: #fff; border-color: transparent; }
.variant-shadow .akeno-button { background: #fff; color: #0f172a; border-color: #e5e7eb; box-shadow: 0 12px 30px rgba(0,0,0,0.1); }
.variant-soft .akeno-button { background: #fffbeb; color: #b45309; border-color: #fef3c7; }
.variant-flat .akeno-button { border-color: transparent; background: #f1f5f9; color: #0f172a; }
.variant-accent .akeno-button { background: #8b5cf6; color: #fff; border-color: #8b5cf6; }
.variant-horizontal .akeno-wrapper { flex-direction: row; flex-wrap: wrap; gap: 10px; }
.variant-horizontal .akeno-button { flex: 1 1 30%; }
.variant-large .akeno-button { padding: 18px; font-size: 1.08rem; }

/* ═══════════════════════════════════════════════════════════
   RESPONSIVIDADE MOBILE — todos os tamanhos
   ═══════════════════════════════════════════════════════════ */

/* ── Tablets pequenos / mobile grande (≤640px) ──────────── */
@media (max-width: 640px) {
  .akeno-cards { gap: 8px; }
  .akeno-cards__btn { padding: 12px 14px; gap: 12px; min-height: 56px; }
  .akeno-cards__chip { width: 40px; height: 40px; font-size: 20px; }
  .akeno-cards__title { font-size: 15px; }

  .akeno-stacked__btn { padding: 13px 14px; gap: 12px; }
  .akeno-stacked__chip { width: 36px; height: 36px; font-size: 18px; }
  .akeno-stacked__title { font-size: 14.5px; }
  .akeno-stacked__arrow { width: 26px; height: 26px; }
  .akeno-stacked__arrow .akeno-arrow-svg { width: 14px; height: 14px; }
}

/* ── Mobile padrão (≤480px — iPhone SE2/Pixel/Galaxy) ───── */
@media (max-width: 480px) {
  .akeno-cards { gap: 8px; padding: 0 10px; }
  .akeno-cards__btn { padding: 11px 12px; gap: 11px; min-height: 52px; border-radius: 16px; }
  .akeno-cards__chip { width: 38px; height: 38px; font-size: 19px; border-radius: 10px; }
  .akeno-cards__title { font-size: 14.5px; line-height: 1.3; }
  .akeno-cards__arrow .akeno-arrow-svg { width: 16px; height: 16px; }

  .akeno-stacked__btn { padding: 12px; gap: 10px; }
  .akeno-stacked__chip { width: 34px; height: 34px; font-size: 17px; border-radius: 9px; }
  .akeno-stacked__title { font-size: 14px; }
  .akeno-stacked__arrow { width: 24px; height: 24px; }
}

/* ── Mobile pequeno (≤380px — iPhone SE 1, Galaxy fold) ── */
@media (max-width: 380px) {
  .akeno-cards { padding: 0 8px; }
  .akeno-cards__btn { padding: 10px; gap: 10px; min-height: 48px; }
  .akeno-cards__chip { width: 36px; height: 36px; font-size: 18px; }
  .akeno-cards__title { font-size: 14px; }
  .akeno-cards__arrow { margin-left: 0; }

  .akeno-pills { padding: 0 8px; gap: 6px; }
  .akeno-pills__btn { padding: 7px 14px 7px 7px; font-size: 13px; }
  .akeno-pills__chip { width: 24px; height: 24px; font-size: 13px; }

  .akeno-stacked__btn { padding: 11px; gap: 9px; }
  .akeno-stacked__chip { width: 32px; height: 32px; font-size: 16px; }
  .akeno-stacked__title { font-size: 13.5px; }
  .akeno-stacked__arrow { width: 22px; height: 22px; }
}

/* ── Mobile mínimo (≤320px — iPhone SE 1 antigo) ────────── */
@media (max-width: 320px) {
  .akeno-cards__btn { padding: 9px 10px; gap: 8px; min-height: 46px; }
  .akeno-cards__chip { width: 32px; height: 32px; font-size: 16px; }
  .akeno-cards__title { font-size: 13.5px; }

  .akeno-stacked__btn { padding: 10px; gap: 8px; }
  .akeno-stacked__chip { width: 28px; height: 28px; font-size: 14px; }

  .akeno-pills__btn { padding: 6px 12px 6px 6px; }
  .akeno-pills__chip { width: 22px; height: 22px; font-size: 12px; }
}

/* Reduz hover lift em mobile (touch device) */
@media (hover: none) {
  .akeno-cards__btn:hover,
  .akeno-pills__btn:hover { transform: none !important; }
  .akeno-cards__btn:active { transform: scale(.985) !important; transition-duration: .08s !important; }
  .akeno-pills__btn:active { transform: scale(.96) !important; transition-duration: .08s !important; }
  .akeno-stacked__btn:active { background: rgba(99, 102, 241, .06) !important; }
}

/* ═══════════════════════════════════════════════════════════
   ACESSIBILIDADE & PRINT
   ═══════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  .akeno-cards__btn,
  .akeno-pills__btn,
  .akeno-stacked__btn,
  .akeno-cards__chip,
  .akeno-stacked__chip,
  .akeno-arrow-svg,
  .akeno-button { transition: none !important; }
  .akeno-cards__btn:hover,
  .akeno-pills__btn:hover,
  .akeno-button:hover { transform: none !important; }
  .akeno-cards__btn:hover .akeno-arrow-svg,
  .akeno-pills__btn:hover .akeno-arrow-svg,
  .akeno-stacked__btn:hover .akeno-arrow-svg { transform: none !important; }
}

@media (prefers-contrast: high) {
  .akeno-cards__btn,
  .akeno-pills__btn,
  .akeno-stacked,
  .akeno-button { border-width: 2px; }
}

@media print {
  .akeno-cards__btn,
  .akeno-pills__btn,
  .akeno-stacked__btn,
  .akeno-button { box-shadow: none; border: 1px solid #000; background: #fff; color: #000; }
  .akeno-cards__chip, .akeno-pills__chip, .akeno-stacked__chip { background: transparent; }
  .akeno-note { display: none; }
}

/* RTL */
[dir='rtl'] .akeno-arrow-svg { transform: scaleX(-1); }
[dir='rtl'] .akeno-cards__btn:hover .akeno-arrow-svg,
[dir='rtl'] .akeno-pills__btn:hover .akeno-arrow-svg,
[dir='rtl'] .akeno-stacked__btn:hover .akeno-arrow-svg { transform: scaleX(-1) translateX(3px); }