/**
 * Feature Content Blocks - Additional Styles
 * 
 * Static CSS extracted from inline styles in block render files.
 * This file is loaded conditionally when FC blocks are used.
 * 
 * @package Feature_Content
 * @since 2.3.1
 */

/* ===========================
   Pricing Table Block 
   =========================== */
@media (max-width: 768px) {
    .fc-pricing-table {
        grid-template-columns: 1fr !important;
    }

    .fc-pricing-table__plan--featured {
        transform: none !important;
    }
}

/* ===========================
   Links Block 
   =========================== */
.fc-links__item:hover {
    background: #e0e0e0 !important;
}

/* ===========================
   Notification Block 
   =========================== */
.fc-notification--collapsed .fc-notification__content p,
.fc-notification--collapsed .fc-notification__content a {
    display: none;
}

.fc-notification--collapsed .fc-notification__toggle {
    transform: rotate(-90deg);
}

/* ===========================
   Animated Counter Block 
   =========================== */
@media (max-width: 768px) {
    .fc-animated-counter {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .fc-animated-counter .fc-counter__item {
        border-right: none !important;
    }
}

@media (max-width: 480px) {
    .fc-animated-counter {
        grid-template-columns: 1fr !important;
    }
}