/*
 * country-sitemap.css
 * Styles for the /country-sitemap page (Top Agencies by Country & Category).
 * Included via @push('head') in resources/views/pages/country-sitemap.blade.php
 */

/* Hero banner background */
.cs-hero-bg {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #4c1d95 70%, #5b21b6 100%);
}

/* Country card */
.cs-card {
    background: #fff;
    border-radius: 1.25rem;
    border: 1px solid #e5e7eb;
    transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.cs-card:hover {
    box-shadow: 0 8px 32px -4px rgba(109, 40, 217, 0.12);
    border-color: #c4b5fd;
    transform: translateY(-2px);
}

/* Category link: full-width "Top X agencies in Y" row */
.cs-cat-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 0.75rem;
    background: #f5f3ff;
    color: #5b21b6;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid #ddd6fe;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    text-decoration: none;
    width: 100%;
}
.cs-cat-link:hover {
    background: #ede9fe;
    color: #4c1d95;
    border-color: #a78bfa;
    box-shadow: 0 2px 8px rgba(109, 40, 217, 0.08);
}

/* Agency count badge */
.cs-badge-count {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 999px;
    background: #8b5cf6;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    flex-shrink: 0;
}

/* Alphabet jump-nav button */
.alpha-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #374151;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    text-decoration: none;
}
.alpha-btn:hover {
    background: #7c3aed;
    color: #fff;
    border-color: #7c3aed;
}

/* Stats card (hero glassmorphism) */
.stat-card {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 1rem;
    padding: 1.25rem 1.75rem;
    text-align: center;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}