/* 
   ==========================================================================
   [12] Mobile Accordion
   ========================================================================== 
*/

@media (max-width: 768px) {
    .accordion-mobile .glass-card {
        padding: 20px !important;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .accordion-mobile .glass-card h3,
    .accordion-mobile .glass-card h4 {
        margin-bottom: 0 !important;
        display: flex;
        align-items: center;
        font-size: 1.1rem;
    }

    .accordion-mobile .glass-card h3::after,
    .accordion-mobile .glass-card h4::after {
        content: '+';
        font-family: monospace;
        font-size: 1.5rem;
        color: var(--gold-primary);
        font-weight: 300;
        transition: transform 0.3s ease;
        margin-left: auto;
        padding-left: 15px;
    }

    .accordion-mobile .glass-card.active h3::after,
    .accordion-mobile .glass-card.active h4::after {
        content: '-';
        transform: rotate(0deg);
    }

    .accordion-mobile .glass-card p,
    .accordion-mobile .glass-card ul,
    .accordion-mobile .glass-card .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
        opacity: 0.8;
        margin-top: 0;
    }

    .accordion-mobile .glass-card.active p,
    .accordion-mobile .glass-card.active ul,
    .accordion-mobile .glass-card.active .accordion-content {
        margin-top: 15px;
        max-height: 500px;
        /* Arbitrary large height */
    }
}