/* Coronary & Complex Page Specific Overrides */

/* Flip Cards (Calcified Forte) */
.flip-card {
    perspective: 1000px;
    background-color: transparent;
}

.flip-card-inner {
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* Elastic bounce */
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Hide scrollbar for the mobile horizontal scroller */
.hide-scroll::-webkit-scrollbar {
    display: none;
}

.hide-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Accordion Custom overrides */
.accordion-button:not(.collapsed) {
    background-color: var(--color-bg-soft) !important;
    color: var(--color-primary-dark) !important;
    box-shadow: none;
}

.accordion-button:focus {
    border-color: var(--color-accent-gold);
    box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25);
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234A7C59'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23284A33'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

/* Gold Gradient cross-link banner */
.bg-gradient-gold {
    background: linear-gradient(135deg, #FFDF73 0%, var(--color-accent-gold) 100%);
    transition: filter 0.3s ease;
}

.bg-gradient-gold:hover {
    filter: brightness(1.1);
}

.group-hover-gold-surge svg {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.4s;
}

.group:hover .group-hover-gold-surge svg {
    transform: translateX(10px) rotate(45deg);
    background-color: var(--color-bg-white) !important;
    color: var(--color-primary-dark) !important;
}

/* Medical Translation Table Customizations */
.medical-translation-table th {
    border-bottom: 2px solid var(--color-accent-gold);
}

.medical-translation-table tr:hover td {
    color: var(--color-primary-dark);
}