/* Custom CSS Variables - Oya deepuwa */
:root {
  --primary-color: #0b2a63;
  --secondary-color: #2b5797;
  --accent-color: #0a7f26;

  --primary-dark: #0b2348;
  --primary-soft: #edf4ff;
  --accent-soft: #eef9f1;

  --bg-soft-green: #eef9f1;
  --accent-hover: #126d31;
  --bg-white: #ffffff;
  --bg-light: #f7faff;
  --bg-blue-soft: #f1f6ff;

  --text-dark:#14376f;
  --text-muted: #64748b;
  --text-white: #ffffff;

  --border-color: #dbe4f0;
  --shadow-soft: 0 16px 38px rgba(11, 42, 99, 0.12);
  --shadow-card: 0 10px 26px rgba(11, 42, 99, 0.08);
  --border-radius-sm: 10px;
  --border-radius-md: 18px;
  --border-radius-lg: 28px;
  --transition: all 0.3s ease;
  
  --bg-section: #FFF1EC;
}

/* Hero Section (Uda thiyena Blue background eka) */
.sitemap-hero {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);
    padding-top: 60px;
    padding-bottom: 120px; /* Cards walata ida thiyanna */
}

/* Card Styles */
.sitemap-card {
    background-color: var(--bg-white);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-card);
    transition: var(--transition);
    height: 100%;
    border: 1px solid rgba(11, 42, 99, 0.05);
}

.sitemap-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-soft);
    border-color: var(--bg-soft-green);
}

.sitemap-title {
    color: var(--text-dark);
    font-size: 1.1rem;
}

/* Card Icons */
.sitemap-title i {
    color: var(--primary-color) !important;
}

/* Links List Styles (Image eke wage ".." danna) */
.sitemap-list li {
    margin-bottom: 12px;
}

.sitemap-list a {
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.95rem;
    transition: var(--transition);
    display: flex;
    align-items: center;
}

/* Image eke thiyena wage links issharaha thiyena chuti chuk chuk kalla (..) */
.sitemap-list a::before {
    content: "..";
    margin-right: 8px;
    color: var(--text-muted);
    opacity: 0.5;
    letter-spacing: -1px;
    font-weight: bold;
    position: relative;
    top: -3px;
}

.sitemap-list a:hover {
    color: var(--accent-color);
}

.sitemap-list a:hover::before {
    color: var(--accent-color);
    opacity: 1;
}

/* Bottom Locations Box */
.sitemap-locations {
    background-color: var(--bg-section);
    border-radius: var(--border-radius-lg);
}

.sitemap-location-title {
    color: var(--text-dark);
    font-size: 1rem;
    display: flex;
    align-items: center;
}

/* Chuti green dot eka */
.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.status-dot.green {
    background-color: var(--accent-color);
}