/* home.css — extracted from Views/Shared/Sections/ partials during Task 1 static refactor */

/* ────────────────────────────────────────────────────────────
   Services
   ──────────────────────────────────────────────────────────── */
#svc-accordion::-webkit-scrollbar { display: none; }
#svc-accordion { -ms-overflow-style: none; scrollbar-width: none; }
@media (min-width: 1024px) {
    #svc-accordion { height: 520px; min-height: 520px; }
    /* Collapsed card on desktop */
    .svc-card[data-state="collapsed"] {
        width: 68px; flex: 0 0 68px;
        background: var(--mfr-tint-9);
    }
    .svc-card[data-state="collapsed"] .svc-inner-expanded { opacity: 0; pointer-events: none; }
    .svc-card[data-state="collapsed"] .svc-inner-collapsed { opacity: 1; pointer-events: auto; }
    /* Expanded card on desktop */
    .svc-card[data-state="expanded"] {
        flex: 1 1 0%; min-width: 280px;
        background: var(--mfr-shade-7);
    }
    .svc-card[data-state="expanded"] .svc-inner-expanded { opacity: 1; pointer-events: auto; }
    .svc-card[data-state="expanded"] .svc-inner-collapsed { opacity: 0; pointer-events: none; }
}
/* Mobile: always show expanded style */
@media (max-width: 1023px) {
    .svc-card { width: 280px !important; flex: 0 0 280px !important; background: var(--mfr-shade-7) !important; }
    .svc-card .svc-inner-collapsed { opacity: 0 !important; pointer-events: none !important; }
    .svc-card .svc-inner-expanded { opacity: 1 !important; pointer-events: auto !important; }
    .svc-card img { opacity: 0.8 !important; }
}
.svc-inner-expanded, .svc-inner-collapsed {
    transition: opacity 0.4s ease;
    position: absolute; inset: 0;
}