/* 
   RSP Campaign Theme - Minimal Custom CSS
   Bootstrap handles responsiveness
*/

:root {
    --primary: #1ea6dc;
    --primary-dark: #148bb9;
    --secondary: #0f4c81;
    --orange: #FF6B00;
}

/* Override Bootstrap primary color */
.text-primary {
    color: var(--primary) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.btn-primary {
    background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;
    border: none !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--primary-dark), var(--secondary)) !important;
    transform: translateY(-2px);
}

.btn-outline-primary {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary) !important;
    color: white !important;
}

.border-primary {
    border-color: var(--primary) !important;
}

/* Custom secondary dark for footer */
.bg-secondary-dark {
    background-color: #082433;
}

.text-secondary {
    color: var(--secondary) !important;
}

/* Body */
body {
    font-family: "Poppins", sans-serif;
    line-height: 1.8;
}

/* Hero Section */
.hero-section {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    padding-top: 80px;
}

.hero-img {
    max-width: 380px;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));
}

@media (max-width: 991px) {
    .hero-img {
        max-width: 280px;
    }
}

/* Orange badge */
.bg-orange {
    background-color: var(--orange) !important;
}

/* Section tag */
.section-tag {
    color: var(--orange);
    letter-spacing: 1px;
}

/* Card hover effect */
.issue-card {
    transition: transform 0.3s ease;
}

.issue-card:hover {
    transform: translateY(-5px);
}

/* Footer social hover */
footer a:hover {
    color: var(--primary) !important;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}