/* ======================================= */
/* 1. Global & Typography Styles */
/* ======================================= */

/* Ensures a clean box model across the site */
* {
    box-sizing: border-box;
}

body {
    /* Marathi text often looks best with a clean, standard font */
    font-family: Arial, "Noto Sans Devanagari", sans-serif;
    background-color: #f8f9fa; /* Light grey background */
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600; /* Bolder headings */
}

/* Customizing the main container for proper spacing */
.container {
    max-width: 1200px; /* Limits the width for better readability on large screens */
}

/* ======================================= */
/* 2. Header and Navigation Styles */
/* ======================================= */

header .font-weight-bold {
    /* Style for 'महाराष्ट्र शासन' */
    color: #5a5a5a;
    font-size: 1.1rem;
}

/* Style for the main Gram Panchayat name */
.text-success {
    color: #007bff !important; /* Changing the primary theme color to blue for a more official look */
    font-size: 2rem;
    font-weight: 700;
}

/* Style for the Deputy text 'डिजिटल सेवा, सुलभ प्रशासन' */
.text-muted {
    font-size: 0.9rem;
}

/* Main Navigation Bar Styles */
.navbar-nav .nav-link {
    color: #333 !important;
    font-weight: 600;
    transition: background-color 0.3s, color 0.3s;
    border-radius: 5px;
}

.navbar-nav .nav-link:hover {
    background-color: #e9ecef;
    color: #007bff !important;
}

/* Active home button style */
.nav-item.active .btn-warning {
    background-color: #ffc107 !important; /* Yellow-orange color for highlighting home */
    color: #333 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* ======================================= */
/* 3. Notice Board & Slider Section */
/* ======================================= */

.card.border-primary {
    border: 1px solid #007bff !important;
}

.card-header.bg-primary {
    /* Blue header for Notice Board */
    background-color: #007bff !important;
    border-bottom: 1px solid #0056b3;
    font-size: 1.1rem;
    font-weight: 700;
}

/* Styling individual notice items */
.list-group-item {
    border: none; /* Remove borders between items */
    border-bottom: 1px dashed #eee; /* Add a subtle dashed separator */
    padding: 8px 10px !important;
}

.list-group-item:last-child {
    border-bottom: none;
}

/* Scrollbar styling for a cleaner look */
.card-body[style*="overflow-y: auto"]::-webkit-scrollbar {
    width: 6px;
}

.card-body[style*="overflow-y: auto"]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* Image Slider Captions */
.carousel-caption {
    background-color: rgba(0, 0, 0, 0.6) !important;
    padding: 10px;
    border-radius: 5px;
}

/* ======================================= */
/* 4. Feature Blocks (Citizen Services, etc.) */
/* ======================================= */

/* General styling for the feature boxes */
.col-md-4 a.card {
    transition: transform 0.3s, box-shadow 0.3s;
    border: none;
    border-radius: 10px;
    padding: 20px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.col-md-4 a.card:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Specific color adjustments */
.bg-info {
    background-color: #28a745 !important; /* Use a strong green for services */
}

.bg-success {
    background-color: #dc3545 !important; /* Use red for financial transparency (critical info) */
}

.bg-warning {
    background-color: #17a2b8 !important; /* Use cyan/teal for schemes */
    color: white !important;
}

.bg-warning p {
    color: #fff !important;
}

/* ======================================= */
/* 5. Footer Styling */
/* ======================================= */

footer {
    background-color: #343a40 !important;
    border-top: 5px solid #ffc107; /* Yellow line separating footer */
    font-size: 0.85rem;
}