/**
 * ACE (middle) card — matches /campaign #king-deal King checkout card gold / premium treatment.
 * Scoped to #card2.card-king-gold on #checkout-cards and #test-bundles.
 */
#checkout-cards #card2.card-king-gold:hover,
#test-bundles #card2.card-king-gold:hover {
    transform: scale(1.05);
}
#checkout-cards #card2.card-king-gold.flipped:hover,
#test-bundles #card2.card-king-gold.flipped:hover {
    transform: rotateY(180deg) scale(1.05);
}

#checkout-cards #card2.card-king-gold .card-front,
#test-bundles #card2.card-king-gold .card-front {
    background: linear-gradient(160deg, #fffbeb 0%, #fef3c7 50%, #fff 100%);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(180, 83, 9, 0.4);
    border: 1px solid rgba(180, 83, 9, 0.25);
    border-radius: 14px;
}

/* Corner A + suit: page script sets inline color from suit (black vs red). No !important — gold frame/body design stays above. */
#checkout-cards #card2.card-king-gold .joker-corner.rank-corner .card-rank,
#test-bundles #card2.card-king-gold .joker-corner.rank-corner .card-rank {
    color: #92400e;
}
#checkout-cards #card2.card-king-gold .joker-corner.rank-corner .card-suit,
#test-bundles #card2.card-king-gold .joker-corner.rank-corner .card-suit {
    color: #b45309;
}

#checkout-cards #card2.card-king-gold #customText2 .tier-label,
#test-bundles #card2.card-king-gold #customText2 .tier-label {
    color: #92400e;
    opacity: 1;
}
#checkout-cards #card2.card-king-gold #customText2 .tier-audience,
#test-bundles #card2.card-king-gold #customText2 .tier-audience {
    color: #78716c;
}
#checkout-cards #card2.card-king-gold #customText2 h1,
#test-bundles #card2.card-king-gold #customText2 h1 {
    color: #1c1917;
}
#checkout-cards #card2.card-king-gold #customText2 .tagline,
#test-bundles #card2.card-king-gold #customText2 .tagline {
    color: #57534e;
}
#checkout-cards #card2.card-king-gold #customText2 .big-number,
#test-bundles #card2.card-king-gold #customText2 .big-number {
    color: #b91c1c;
    font-family: 'Times New Roman', Times, serif;
}
#checkout-cards #card2.card-king-gold #customText2 .card-feature-list,
#test-bundles #card2.card-king-gold #customText2 .card-feature-list {
    color: #1c1917;
}
#checkout-cards #card2.card-king-gold #customText2 .card-feature-list li::before,
#test-bundles #card2.card-king-gold #customText2 .card-feature-list li::before {
    color: #92400e;
}

#checkout-cards #card2.card-king-gold .card-back,
#test-bundles #card2.card-king-gold .card-back {
    background: linear-gradient(135deg, #000 0%, #1a1500 45%, #78350f 100%) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}
#checkout-cards #card2.card-king-gold .card-back.black,
#test-bundles #card2.card-king-gold .card-back.black {
    background: linear-gradient(135deg, #000 0%, #1a1500 45%, #78350f 100%) !important;
}
#checkout-cards #card2.card-king-gold .card-back.black .card-back-pattern,
#test-bundles #card2.card-king-gold .card-back.black .card-back-pattern {
    background: transparent !important;
    background-color: transparent !important;
}
#checkout-cards #card2.card-king-gold .card-back-pattern::before,
#test-bundles #card2.card-king-gold .card-back-pattern::before {
    border-color: rgba(251, 191, 36, 0.2) !important;
}
#checkout-cards #card2.card-king-gold .card-back .dice-pattern,
#test-bundles #card2.card-king-gold .card-back .dice-pattern {
    color: #fbbf24;
}
#checkout-cards #card2.card-king-gold .card-back .branding-area,
#test-bundles #card2.card-king-gold .card-back .branding-area {
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(251, 191, 36, 0.25);
    box-shadow: none;
}
#checkout-cards #card2.card-king-gold .card-back .branding-logo,
#test-bundles #card2.card-king-gold .card-back .branding-logo {
    color: #fef3c7;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
}
#checkout-cards #card2.card-king-gold .card-back .branding-tagline,
#test-bundles #card2.card-king-gold .card-back .branding-tagline {
    color: rgba(254, 243, 199, 0.9);
}
#checkout-cards #card2.card-king-gold .card-back .dice-pip,
#test-bundles #card2.card-king-gold .card-back .dice-pip {
    color: #fbbf24;
    opacity: 0.35;
    box-shadow: 0 0 8px rgba(251, 191, 36, 0.4);
}
