/*
Theme Name: Deen Dayal Jan Awas Yojana Theme
Theme URI: 
Author: AI Assistant
Author URI: 
Description: A custom theme for Deen Dayal Jan Awas Yojana with built-in referral and webhook processing.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deendayal-theme
*/

body {
    font-family: 'Poppins', sans-serif;
}

/* Colors */
.bg-light-blue {
    background-color: #bcd6ff;
}

.text-primary {
    color: #4285f4 !important;
}

.text-success {
    color: #00a651 !important;
}

.border-success {
    border-color: #00a651 !important;
}

.bg-success {
    background-color: #00a651 !important;
}

.text-danger {
    color: #d6336c !important;
}

/* Top bar */
.top-bar {
    background-color: #e6908d;
}

/* Main header */
.active-nav {
    border-bottom: 2px solid #4285f4;
}

/* Tabs */
.custom-tabs {
    border-bottom: 1px solid #dee2e6;
}

.custom-tabs .nav-link {
    border: none;
    background: transparent;
    color: #5ba4d9;
    font-weight: 500;
    padding: 10px 20px;
    margin-right: 10px;
    font-size: 18px;
}

.custom-tabs .nav-link:hover {
    color: #3d8fcb;
}

.custom-tabs .nav-link.active {
    color: #5f6b7a !important;
    border-bottom: 3px solid #2575fc !important;
}

/* Project Details List */
.project-details-list {
    font-size: 15px;
    line-height: 1.8;
}

/* Action Buttons */
.action-buttons-list li a {
    font-size: 16px;
    font-weight: 500;
    transition: all 0.2s;
}

.action-buttons-list li a:hover {
    text-decoration: underline !important;
}

/* Blinking text for Apply Online */
.blink-btn {
    animation: blink 1.5s infinite;
    background-color: #00a651;
    color: white;
    padding: 2px 10px;
    border-radius: 4px;
    font-weight: bold;
}

@keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* Sidebar Categories */
.cursor-pointer {
    cursor: pointer;
}

.category-header:hover {
    background-color: #008e45 !important;
}

.category-body li:hover {
    background-color: #f1f9f4;
}

.category-body a:hover {
    color: #a51d4d !important;
}

/* Helper for borders on larger screens */
@media (min-width: 992px) {
    .border-end-lg {
        border-right: 1px solid #dee2e6;
    }
}
@media (min-width: 768px) {
    .border-end-md {
        border-right: 1px solid #dee2e6;
    }
}