/**
 * Animation Styles
 * Extracted from index.php lines 18286-18320
 * Contains LGU offering card animations and responsive styles
 */

.lgu-offering-card .offering-header:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.lgu-offering-card.expanded .offering-content {
    display: block !important;
    animation: slideDown 0.3s ease-out;
}

.lgu-offering-card.expanded .offering-header > div:last-child {
    transform: rotate(180deg);
}

@keyframes slideDown {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 2000px;
    }
}

@media (max-width: 768px) {
    .lgu-package-section h2 {
        font-size: 24px !important;
    }
    .lgu-package-section h3 {
        font-size: 20px !important;
    }
}