/* ═══════════════════════════════════════════════════════
   RESIDENTIAL PROXIES PRICING — Page-specific styles
   Blue theme. Supplements pricing.css + modules/pricing.css
   ═══════════════════════════════════════════════════════ */

/* ─── Page wrapper ─── */
.resi-pr {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ─── Breadcrumb (hero) ─── */
.resi-pr__breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    margin-bottom: 1.375rem;
    font-size: 0.8rem;
    flex-wrap: wrap;
}

.resi-pr__breadcrumb a {
    color: rgba(255,255,255,0.42);
    text-decoration: none;
    transition: color 0.15s ease;
}

.resi-pr__breadcrumb a:hover {
    color: rgba(255,255,255,0.72);
}

.resi-pr__breadcrumb svg {
    color: rgba(255,255,255,0.2);
    flex-shrink: 0;
}

.resi-pr__breadcrumb span {
    color: rgba(255,255,255,0.65);
    font-weight: 500;
}

/* ═══════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .resi-pr__breadcrumb {
        font-size: 0.75rem;
        gap: 0.3rem;
    }
}

@media (max-width: 480px) {
    .resi-pr__breadcrumb {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* ─── Reduced motion ─── */
@media (prefers-reduced-motion: reduce) {
    .resi-pr__breadcrumb a {
        transition: none !important;
    }
}