/* Prova A/B scheda PS, versione B (includes/ab-scheda.php). */
.dgs-abb-tags { display: flex; flex-wrap: wrap; gap: 5px; margin: -2px 0 12px; padding: 0 14px 0 58px; }
@media (max-width: 420px) { .dgs-abb-tags { padding-left: 46px; } }
.dgs-abb-tag { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.3;
  color: var(--dgs-text); background: color-mix(in srgb, var(--dgs-accent, #0070d1) 13%, transparent);
  border: 1px solid color-mix(in srgb, var(--dgs-accent, #0070d1) 28%, transparent); }
.dgs-abb-tag--best { color: var(--dgs-success, #16a34a); background: color-mix(in srgb, var(--dgs-success, #16a34a) 14%, transparent);
  border-color: color-mix(in srgb, var(--dgs-success, #16a34a) 40%, transparent); }
.single_add_to_cart_button.dgs-abb-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5em; }
.dgs-abb-btn__price { font-weight: 800; padding-left: .5em; border-left: 1px solid rgba(255,255,255,.45); }

.dgs-abb-tag--top { color: #d97706; background: color-mix(in srgb, #f59e0b 16%, transparent); border-color: color-mix(in srgb, #f59e0b 45%, transparent); }
.dgs-abb-off { display: none !important; }
.dgs-abb-console { margin: 0 0 14px; }
.dgs-abb-console__q { margin: 0 0 8px; font-size: 15px; font-weight: 800; color: var(--dgs-text); }
.dgs-abb-console__row { display: flex; gap: 10px; }
.dgs-abb-console__btn { flex: 1; padding: 12px 10px; border-radius: 12px; font: inherit; font-size: 16px; font-weight: 800; cursor: pointer;
  color: var(--dgs-text); background: var(--dgs-surface, transparent); border: 2px solid color-mix(in srgb, var(--dgs-accent, #0070d1) 35%, transparent); }
.dgs-abb-console__btn[aria-pressed="true"] { background: var(--dgs-accent, #0070d1); border-color: var(--dgs-accent, #0070d1); color: #fff; }
.dgs-abb-tags--common { padding: 0; margin: 0 0 12px; }
.dgs-abb-tags--tile { padding: 0 12px; margin-top: 0; }
.dgs-abb-tags--tile .dgs-abb-tag { white-space: nowrap; }
.dgs-abb-console__note { margin: 10px 0 0; font-size: 14px; font-weight: 600; color: var(--dgs-warning, #d97706); }
