/* =====================================================================
   Blackjack Academy – Custom CSS
   Extends Tailwind with site-specific rules that can't be CDN-only
   ===================================================================== */

/* Scrollbar hide utility */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* ── Mega Menu ──────────────────────────────────────────────────────── */

/* Nav items: static so mega panel positions from header */
.bja-nav-item {
    position: static;
}

/* Panel: absolute from sticky header — works with WP admin bar */
.bja-mega-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 2px solid #f4f4f5;
    box-shadow: 0 24px 48px -12px rgba(0,0,0,0.15);
    z-index: 199;
}

@keyframes bja-mega-in {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Show when JS adds .is-open to the nav item */
.bja-nav-item.is-open > .bja-mega-panel,
.bja-nav-item:focus-within > .bja-mega-panel {
    display: block;
    animation: bja-mega-in 0.18s ease forwards;
}

/* ── Search Bar (dropdown from header) ──────────────────────────────── */
.bja-search-bar {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #f4f4f5;
    border-bottom: 1px solid #e4e4e7;
    box-shadow: 0 8px 24px -4px rgba(0,0,0,0.08);
    z-index: 198;
}
.bja-search-bar.hidden { display: none; }
.bja-search-icon-left {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: #a1a1aa;
    pointer-events: none;
}

/* Chevron rotate + link color when open */
.bja-nav-item.is-open .bja-nav-chevron,
.bja-nav-item:focus-within .bja-nav-chevron {
    transform: rotate(180deg);
}
.bja-nav-item.is-open > .bja-nav-link {
    color: #059669;
}


/* ── Mobile menu ────────────────────────────────────────────────────── */

.bja-mobile-sub {
    overflow: hidden;
}

.bja-mobile-cat-btn.is-open .bja-mobile-arrow {
    transform: rotate(180deg);
}

/* ── Prose overrides for article content ────────────────────────────── */
/* Unified spacing: 2rem (32px) between all content elements */
.bja-prose h2 {
    font-size: 1.875rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.025em;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: #18181b;
}
.bja-prose h3 {
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.025em;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    color: #18181b;
}
/* Scope to direct children of .bja-article only — prevents cascade into .bja-sc shortcode components */
.bja-prose .bja-article > p {
    margin-bottom: 2rem;
    line-height: 2;
    color: #3f3f46;
    font-size: 1.0625rem;
}
.bja-prose a { color: #059669; font-weight: 700; }
.bja-prose a:hover { color: #047857; }
.bja-prose strong { color: #18181b; }
.bja-prose img { border-radius: 1rem; box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); }
.bja-prose .bja-article > ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 2rem; }
.bja-prose .bja-article > ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 2rem; }
.bja-prose .bja-article > ul > li,
.bja-prose .bja-article > ol > li { margin-bottom: 0.5rem; color: #3f3f46; }
.bja-prose blockquote {
    border-left: 4px solid #10b981;
    padding: 0.75rem 1.5rem;
    background: #ecfdf5;
    border-radius: 0 1rem 1rem 0;
    margin: 2rem 0;
    font-style: italic;
}

/* ── bja-prose on dark page background (page.php uses bg-zinc-950) ─── */
.bja-page-content .bja-prose h2,
.bja-page-content .bja-prose h3 { color: #e4e4e7; }
.bja-page-content .bja-prose p  { color: #a1a1aa; }
.bja-page-content .bja-prose strong { color: #f4f4f5; }
.bja-page-content .bja-prose li { color: #a1a1aa; }
.bja-page-content .bja-prose blockquote {
    background: rgba(16, 185, 129, 0.08);
    color: #d4d4d8;
}
/* Table fix: content tables use light Tailwind classes; override for dark page */
.bja-page-content table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 0.75rem;
    overflow: hidden;
    font-size: 0.875rem;
    margin-bottom: 2rem;
}
.bja-page-content table thead tr,
.bja-page-content table tr.bg-zinc-100 { background: #27272a !important; }
.bja-page-content table tbody tr,
.bja-page-content table tr.bg-zinc-50  { background: #18181b !important; }
.bja-page-content table tbody tr:nth-child(even) { background: #1f1f23 !important; }
.bja-page-content table th { color: #a1a1aa !important; text-align: left; }
.bja-page-content table td { color: #d4d4d8 !important; }
.bja-page-content table tr { border-color: #3f3f46 !important; }

/* ── Block: axiom ───────────────────────────────────────────────────── */
.bja-block-axiom {
    border-left: 8px solid #10b981;
    padding: 3rem 2.5rem;
    background: #f4f4f5;
    border-radius: 0 3rem 3rem 0;
    margin: 2rem 0;
    transition: transform 0.2s ease;
}
.bja-block-axiom:hover { transform: translateX(-0.5rem); }

/* ── Block: technical-snapshot ─────────────────────────────────────── */
.bja-block-snapshot {
    background: #18181b;
    border: 1px solid #3f3f46;
    border-radius: 2.5rem;
    padding: 3rem;
    margin: 2rem 0;
    transition: border-color 0.3s ease;
}
.bja-block-snapshot:hover { border-color: rgba(16,185,129,0.3); }

/* ── Block: myth-reality ────────────────────────────────────────────── */
.bja-block-myth-reality {
    border: 1px solid #e4e4e7;
    border-radius: 2.5rem;
    overflow: hidden;
    box-shadow: 0 20px 40px -15px rgb(0 0 0 / 0.1);
    margin: 2rem 0;
}

/* ── Block: proscons ────────────────────────────────────────────────── */
.bja-block-proscons {
    border: 1px solid #e4e4e7;
    border-radius: 2.5rem;
    overflow: hidden;
    border-left: 4px solid #10b981;
    border-right: 4px solid #f43f5e;
    margin: 2rem 0;
    box-shadow: 0 10px 30px -10px rgb(0 0 0 / 0.08);
}

/* ── Playing Card Component ─────────────────────────────────────────── */
/* Standard playing card ratio 5:7 (2.5" × 3.5")
   Card standard: white bg, rounded corners, bold number TL + BR (rotated),
   BJ Academy 4-suit Lucide SVG logo centred.
   Override card size with --bja-card-w on a parent or the card itself.  */
.bja-card {
    --bja-card-w: 72px;
    width: var(--bja-card-w);
    aspect-ratio: 5 / 7;
    background: #ffffff;
    border-radius: calc(var(--bja-card-w) * 0.11);
    box-shadow:
        0 0 0 1px rgba(0,0,0,0.06),
        0 2px 6px  rgba(0,0,0,0.10),
        0 8px 24px rgba(0,0,0,0.10);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    user-select: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.bja-card:hover {
    transform: translateY(-4px) rotate(-1deg);
    box-shadow:
        0 0 0 1px rgba(0,0,0,0.08),
        0 8px 20px  rgba(0,0,0,0.14),
        0 20px 40px rgba(0,0,0,0.12);
}

/* Number labels */
.bja-card-tl,
.bja-card-br {
    position: absolute;
    font-weight: 900;
    color: #0f172a;
    line-height: 1;
    font-size: calc(var(--bja-card-w) * 0.38);
    letter-spacing: -0.03em;
    font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.bja-card-tl { top: 7%; left: 9%; }
.bja-card-br { bottom: 7%; right: 9%; transform: rotate(180deg); }

/* Centre logo */
.bja-card-logo {
    width: 48%;
    height: auto;
    display: block;
    flex-shrink: 0;
}

/* Face-down (back) card – shared structure */
.bja-card-back {
    border-radius: calc(var(--bja-card-w) * 0.11);
    box-shadow:
        inset 0 0 0 3px rgba(255,255,255,0.10),
        0 0 0 1px rgba(0,0,0,0.08),
        0 2px 6px rgba(0,0,0,0.15),
        0 8px 24px rgba(0,0,0,0.15);
}
/* Blue variant */
.bja-card-back-blue {
    background:
        repeating-linear-gradient(
            45deg,
            rgba(255,255,255,0.07) 0px,
            rgba(255,255,255,0.07) 1px,
            transparent 1px,
            transparent 8px
        ),
        repeating-linear-gradient(
            -45deg,
            rgba(255,255,255,0.07) 0px,
            rgba(255,255,255,0.07) 1px,
            transparent 1px,
            transparent 8px
        ),
        #1d4ed8;
}
/* Red casino variant */
.bja-card-back-red {
    background:
        repeating-linear-gradient(
            45deg,
            rgba(255,255,255,0.07) 0px,
            rgba(255,255,255,0.07) 1px,
            transparent 1px,
            transparent 8px
        ),
        repeating-linear-gradient(
            -45deg,
            rgba(255,255,255,0.07) 0px,
            rgba(255,255,255,0.07) 1px,
            transparent 1px,
            transparent 8px
        ),
        linear-gradient(150deg, #c0140c 0%, #991b1b 55%, #7a1515 100%);
}
.bja-card-back .bja-card-logo {
    opacity: 0.20;
    filter: brightness(0) invert(1);
}

/* Size variants */
.bja-card-sm { --bja-card-w: 56px; }
.bja-card-lg { --bja-card-w: 96px; }

/* ── Post card hover (learn-more / archive grid) ────────────────────── */
.bja-post-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.bja-post-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.15);
}

/* ── Navigation active state ────────────────────────────────────────── */
.bja-nav-active { color: #10b981; }

/* ── Animations (unique — duplicates removed) ──────────────────────── */
@keyframes shake {
    10%, 90% { transform: translate3d(-1px, 0, 0); }
    20%, 80% { transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
    40%, 60% { transform: translate3d(4px, 0, 0); }
}
.animate-shake { animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both; }

.bja-flip-card { perspective: 800px; }
.bja-flip-inner {
    transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
    transform-style: preserve-3d;
    position: relative;
}
.bja-flip-card:hover .bja-flip-inner { transform: rotateY(180deg); }
.bja-flip-front, .bja-flip-back { backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.bja-flip-back { transform: rotateY(180deg); position: absolute; inset: 0; }

/* ── Unified shortcode spacing inside articles ─────────────────────── */
.bja-prose .bja-article .bja-sc { margin-top: 2rem !important; margin-bottom: 2rem !important; }

/* ── Responsive: line clamp ─────────────────────────────────────────── */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Scroll-margin for anchor links ─────────────────────────────────── */
h2[id], h3[id] { scroll-margin-top: 6rem; }

/* ── Casino live link block ─────────────────────────────────────────── */
.bja-live-link-block {
    border: 1px solid rgba(16,185,129,0.3);
    border-radius: 1.5rem;
    padding: 1.5rem;
    margin: 2rem 0;
    background: linear-gradient(135deg, rgba(16,185,129,0.05) 0%, transparent 100%);
}
.bja-live-link-block .bja-live-link-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #10b981;
    font-weight: 900;
    text-decoration: none;
    transition: color 0.2s;
}
.bja-live-link-block .bja-live-link-btn:hover { color: #059669; }
.bja-live-link-block .bja-rg-notice {
    font-size: 0.75rem;
    color: #71717a;
    margin-top: 0.75rem;
    border-top: 1px solid rgba(255,255,255,0.06);
    padding-top: 0.75rem;
}
.bja-live-link-block .bja-rg-notice a { color: #f43f5e; font-weight: 700; }

/* =====================================================================
   Mobile Responsiveness (consolidated)
   ===================================================================== */
html, body { overflow-x: hidden; max-width: 100%; }
img, video, iframe { max-width: 100%; }

.bja-article { overflow-x: hidden; }
.bja-article table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bja-article pre  { overflow-x: auto; }

.bja-block-matrix table { min-width: 400px; }

.bja-article .bja-hero-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (max-width: 640px) {
    .bja-prose h2 { font-size: 1.5rem; margin-top: 2rem; }
    .bja-prose h3 { font-size: 1.25rem; margin-top: 1.5rem; }
    .bja-prose .bja-article > p { font-size: 1rem; line-height: 1.875; }
    .bja-block-snapshot { padding: 1.75rem 1.5rem; border-radius: 1.5rem; }
    .bja-block-axiom { padding: 1.75rem 1.5rem; border-radius: 0 2rem 2rem 0; }
    .bja-sc { max-width: 100%; overflow-x: hidden; box-sizing: border-box; }
    .bja-live-link-block { max-width: 100%; box-sizing: border-box; }

    /* Shortcode padding — tighter on mobile */
    .bja-sc > div:last-child { padding-left: 1rem; padding-right: 1rem; }

    /* Cards — smaller on mobile */
    .bja-card { --bja-card-w: 52px; }

    /* Quiz buttons — stack and full width on mobile */
    .bja-quiz-btn { padding: 0.5rem 1rem; font-size: 0.75rem; }

    /* Table overflow — horizontal scroll */
    .bja-sc table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 0.8rem; }
    .bja-sc th, .bja-sc td { padding: 0.5rem 0.75rem; white-space: nowrap; }

    /* Comparison / payout matrix — allow scroll */
    .bja-sc .overflow-x-auto { -webkit-overflow-scrolling: touch; }

    /* Timeline text */
    .bja-sc p.text-sm { font-size: 0.8125rem; }

    /* Coaches corner / axiom text */
    .bja-sc p.text-lg, .bja-sc p.text-xl { font-size: 1rem; line-height: 1.6; }

    /* Snapshot lines — allow wrapping */
    .bja-sc .font-mono { word-break: break-word; }

    /* Stat card — stack on mobile */
    .bja-sc .grid-cols-3 { grid-template-columns: 1fr; }

    /* FAQ panel text */
    .bja-sc .text-base { font-size: 0.9375rem; }
}

/* =====================================================================
   Mobile Menu Overlay
   ===================================================================== */
.bja-mobile-menu-overlay {
    display: none !important;
    flex-direction: column;
}
.bja-mobile-menu-overlay.is-open {
    display: flex !important;
    animation: mobileMenuIn 0.25s ease forwards;
}
@keyframes mobileMenuIn {
    from { opacity: 0; transform: translateX(100%); }
    to   { opacity: 1; transform: translateX(0);    }
}

/* =====================================================================
   Animations & Hover Effects
   ===================================================================== */

/* Floating card suits animation */
@keyframes bjaFloat {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    33%       { transform: translateY(-8px) rotate(2deg); }
    66%       { transform: translateY(-4px) rotate(-1deg); }
}
.bja-float { animation: bjaFloat 4s ease-in-out infinite; }
.bja-float-delay-1 { animation-delay: 0.5s; }
.bja-float-delay-2 { animation-delay: 1s; }
.bja-float-delay-3 { animation-delay: 1.5s; }

/* Glow pulse on CTA */
@keyframes bjaPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(16,185,129,0.4); }
    50%       { box-shadow: 0 0 0 8px rgba(16,185,129,0); }
}
.bja-cta-btn:hover { animation: bjaPulse 1.5s ease-in-out infinite; }

/* Card flip effect for mastery blocks */
@keyframes bjaFlipIn {
    from { transform: rotateY(90deg); opacity: 0; }
    to   { transform: rotateY(0deg);  opacity: 1; }
}
.bja-flip-in { animation: bjaFlipIn 0.4s ease forwards; }

/* Shimmer loading / highlight */
@keyframes bjaShimmer {
    0%   { background-position: -200% center; }
    100% { background-position:  200% center; }
}
.bja-shimmer {
    background: linear-gradient(90deg, transparent 25%, rgba(16,185,129,0.08) 50%, transparent 75%);
    background-size: 200% auto;
    animation: bjaShimmer 2.5s linear infinite;
}

/* Suit icon hover spin */
.bja-suit-icon { transition: transform 0.4s ease; }
a:hover .bja-suit-icon { transform: rotate(135deg); }

/* Brand link hover */
.bja-brand-link { transition: opacity 0.2s ease; }
.bja-brand-link:hover { opacity: 0.85; }

/* Nav link hover underline animation */
.bja-nav-link { position: relative; }
.bja-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    height: 2px;
    background: #10b981;
    border-radius: 2px;
    transition: left 0.2s ease, right 0.2s ease;
}
.bja-nav-link:hover::after { left: 8px; right: 8px; }

/* Card hover 3D tilt */
.bja-card-3d {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-style: preserve-3d;
}
.bja-card-3d:hover {
    transform: translateY(-6px) perspective(800px) rotateX(3deg);
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.15);
}

/* Mega card hover */
.bja-mega-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Block enter animation */
@keyframes bjaBlockIn {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}
.bja-block-animate {
    animation: bjaBlockIn 0.4s ease forwards;
}

/* Emerald glow on block hover */
.bja-block-snapshot:hover,
.bja-block-axiom:hover {
    box-shadow: 0 0 0 2px rgba(16,185,129,0.2);
}

/* Newsletter section */
.bja-newsletter-section { position: relative; overflow: hidden; }
.bja-newsletter-section::before {
    content: '\2660 \2665 \2663 \2666';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8rem;
    opacity: 0.03;
    letter-spacing: 1rem;
    pointer-events: none;
    color: white;
}

/* Email input focus glow */
.bja-email-input:focus {
    box-shadow: 0 0 0 3px rgba(16,185,129,0.15);
}

/* Submit button */
.bja-submit-btn {
    transition: all 0.2s ease;
}
.bja-submit-btn:hover {
    transform: translateY(-1px);
}
.bja-submit-btn:active {
    transform: translateY(0);
}

/* ── GTranslate Language Switcher ────────────────────────────────────
   Styles both the desktop (.bja-lang-switcher) and mobile
   (.bja-lang-switcher-mobile) wrappers. Covers both rendering modes:
   dropdown (<select>) and flag list (<a> tags).
   ─────────────────────────────────────────────────────────────────── */
.bja-lang-switcher,
.bja-lang-switcher-mobile {
    font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.bja-lang-switcher .gtranslate_wrapper,
.bja-lang-switcher-mobile .gtranslate_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

/* ── Dropdown (select) variant ─── */
.bja-lang-switcher .gtranslate_wrapper select,
.bja-lang-switcher-mobile .gtranslate_wrapper select {
    appearance: none;
    -webkit-appearance: none;
    font-size: 10px;
    font-weight: 700;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #52525b;
    border: 1.5px solid #e4e4e7;
    border-radius: 9999px;
    padding: 6px 26px 6px 12px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5'%3E%3Cpath d='M0 0l4.5 5L9 0z' fill='%2371717a'/%3E%3C/svg%3E") no-repeat right 9px center;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
    white-space: nowrap;
}
.bja-lang-switcher .gtranslate_wrapper select:hover {
    border-color: #10b981;
    color: #059669;
}

/* ── Flag / link list variant ─── */
.bja-lang-switcher .gtranslate_wrapper a,
.bja-lang-switcher-mobile .gtranslate_wrapper a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 700;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #52525b;
    text-decoration: none;
    padding: 5px 9px;
    border-radius: 8px;
    border: 1.5px solid transparent;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.bja-lang-switcher .gtranslate_wrapper a:hover {
    color: #059669;
    background: #f0fdf4;
    border-color: #a7f3d0;
}

/* ── Mobile dark-bg variant ─── */
.bja-lang-switcher-mobile .gtranslate_wrapper select {
    color: #a1a1aa;
    border-color: #3f3f46;
    background-color: #27272a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5'%3E%3Cpath d='M0 0l4.5 5L9 0z' fill='%23a1a1aa'/%3E%3C/svg%3E");
}
.bja-lang-switcher-mobile .gtranslate_wrapper a {
    color: #a1a1aa;
}
.bja-lang-switcher-mobile .gtranslate_wrapper a:hover {
    color: #10b981;
    background: rgba(16,185,129,0.10);
    border-color: rgba(16,185,129,0.25);
}

/* Flag images inside links */
.bja-lang-switcher .gtranslate_wrapper img,
.bja-lang-switcher-mobile .gtranslate_wrapper img {
    width: 16px;
    height: auto;
    border-radius: 2px;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
}

/* Hide Google branding if it appears */
.bja-lang-switcher .goog-te-gadget-simple,
.bja-lang-switcher-mobile .goog-te-gadget-simple {
    border: none !important;
    background: transparent !important;
}

/* =====================================================================
   Reduced Motion — respect user accessibility preference
   ===================================================================== */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    .bja-float, .bja-float-delay-1, .bja-float-delay-2, .bja-float-delay-3,
    .bja-cta-btn:hover, .bja-shimmer, .bja-flip-in, .bja-block-animate { animation: none !important; }
    .bja-mobile-menu-overlay.is-open { animation: none !important; }
    .bja-nav-item.is-open > .bja-mega-panel { animation: none !important; }
    .bja-flip-card:hover .bja-flip-inner { transform: none !important; }
    .bja-post-card, .bja-card, .bja-card-3d, .bja-mega-card,
    .bja-submit-btn, .bja-brand-link, .bja-suit-icon { transition: none !important; }
}