/* Color Overrides - Change green to #620D0F */

/* Header top background - change to maroon */
.header-top {
    background: linear-gradient(135deg, #620D0F 0%, #4a0a0c 100%) !important;
}

/* Navigation hover colors with opacity - more specific selectors */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus,
nav .navbar-nav .nav-link:hover,
nav .navbar-nav .nav-link:focus {
    color: rgba(98, 13, 15, 0.7) !important;
}

.navbar-nav .nav-link::after,
.navbar .navbar-nav .nav-link::after,
nav .navbar-nav .nav-link::after {
    background: rgba(98, 13, 15, 0.7) !important;
}

.navbar-nav .nav-link:hover::after,
.navbar .navbar-nav .nav-link:hover::after,
nav .navbar-nav .nav-link:hover::after {
    background: rgba(98, 13, 15, 0.7) !important;
}

/* Override specific green colors from header.blade.php */
[style*="#27ae60"] {
    color: #620D0F !important;
    background: #620D0F !important;
}

/* Button colors - Change all green buttons to #620D0F - AGGRESSIVE OVERRIDES */
.btn-success,
.btn-primary,
.btn-outline-primary,
.btn.btn-success,
.btn.btn-primary,
.btn.btn-outline-primary,
a.btn-success,
a.btn-primary,
a.btn-outline-primary,
button.btn-success,
button.btn-primary,
button.btn-outline-primary,
*[class*="btn-success"],
*[class*="btn-primary"] {
    background-color: #620D0F !important;
    border-color: #620D0F !important;
    color: white !important;
    background-image: none !important;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn.btn-success:hover,
.btn.btn-primary:hover,
.btn.btn-outline-primary:hover,
a.btn-success:hover,
a.btn-primary:hover,
a.btn-outline-primary:hover,
button.btn-success:hover,
button.btn-primary:hover,
button.btn-outline-primary:hover,
*[class*="btn-success"]:hover,
*[class*="btn-primary"]:hover {
    background-color: rgba(98, 13, 15, 0.9) !important;
    border-color: rgba(98, 13, 15, 0.9) !important;
    color: white !important;
    background-image: none !important;
}

/* Slider/Home page read now buttons */
a.btn-primary,
button.btn-primary,
.btn.btn-primary {
    background-color: #620D0F !important;
    border-color: #620D0F !important;
}

/* Service icons */
.our-services .service-col .serv-detail i {
    background-color: #620D0F !important;
}

/* Any remaining green elements */
.text-success {
    color: #620D0F !important;
}

/* Override any CSS with specific green hex codes */
*[style*="#4ecd66"],
*[style*="#27ae60"],
*[style*="#28a745"] {
    background-color: #620D0F !important;
    color: #620D0F !important;
    border-color: #620D0F !important;
}

/* Active menu highlighting - ensure the active page shows properly */
.navbar-nav .nav-item.active:not(.dropdown) .nav-link,
.navbar-nav .nav-item.active:not(.dropdown) > .nav-link {
    color: #620D0F !important;
    font-weight: 600 !important;
}

.navbar-nav .nav-item.active:not(.dropdown) .nav-link::after,
.navbar-nav .nav-item.active:not(.dropdown) > .nav-link::after {
    width: 30px !important;
    background: #620D0F !important;
}

/* Ensure dropdown items (Programs) are never marked as active unless explicitly set */
.navbar-nav .nav-item.dropdown .nav-link {
    color: #333 !important;
    font-weight: 500 !important;
}

/* Remove active state from non-active items */
.navbar-nav .nav-item:not(.active) .nav-link {
    color: #333 !important;
    font-weight: 500 !important;
}

.navbar-nav .nav-item:not(.active) .nav-link::after {
    width: 0 !important;
}

/* Professional Dropdown Arrow for Programs menu */
.navbar-nav .dropdown .nav-link,
.navbar-nav .nav-item.dropdown .nav-link {
    position: relative !important;
    padding-right: 20px !important;
}

.navbar-nav .dropdown .nav-link::after,
.navbar-nav .nav-item.dropdown .nav-link::after {
    content: '' !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid #333 !important;
    background: transparent !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    pointer-events: none !important;
}

/* Smooth arrow rotation on hover */
.navbar-nav .dropdown .nav-link:hover::after,
.navbar-nav .nav-item.dropdown .nav-link:hover::after,
.navbar-nav .dropdown:hover .nav-link::after,
.navbar-nav .nav-item.dropdown:hover .nav-link::after {
    border-top-color: rgba(98, 13, 15, 0.7) !important;
    transform: translateY(-50%) rotate(180deg) !important;
}

/* Arrow when dropdown is active/open */
.navbar-nav .dropdown.show .nav-link::after,
.navbar-nav .nav-item.dropdown.show .nav-link::after {
    transform: translateY(-50%) rotate(180deg) !important;
    border-top-color: #620D0F !important;
}

/* Return to normal when not hovering and not open */
.navbar-nav .dropdown:not(.show):not(:hover) .nav-link::after,
.navbar-nav .nav-item.dropdown:not(.show):not(:hover) .nav-link::after {
    transform: translateY(-50%) rotate(0deg) !important;
    border-top-color: #333 !important;
}

/* Dropdown Menu Auto-Show on Hover */
.navbar-nav .dropdown:hover .dropdown-menu,
.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    transition: all 0.3s ease !important;
}

/* Dropdown Menu Default Hidden State */
.navbar-nav .dropdown .dropdown-menu,
.navbar-nav .nav-item.dropdown .dropdown-menu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: all 0.3s ease !important;
}

/* NUCLEAR OPTION - Override ALL green colors by hex code */
* {
    color: inherit !important;
}

/* Dropdown Menu Background Fix - More Aggressive */
.dropdown-item:hover,
.dropdown-menu .dropdown-item:hover,
.navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:hover,
nav .dropdown-menu .dropdown-item:hover {
    background: rgba(98, 13, 15, 0.8) !important;
    background-color: rgba(98, 13, 15, 0.8) !important;
    color: white !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

/* Dropdown Menu Default State - Normal Background */
.dropdown-item,
.dropdown-menu .dropdown-item,
.navbar-nav .dropdown-menu .dropdown-item,
.navbar .dropdown-menu .dropdown-item,
nav .dropdown-menu .dropdown-item {
    background: transparent !important;
    background-color: transparent !important;
    color: #666 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

/* Menu Background Hover Fix with Corner Radius */
.navbar-nav .nav-item:hover,
.navbar-nav .dropdown:hover,
.navbar-nav .nav-item:hover .nav-link,
.navbar-nav .dropdown:hover .nav-link {
    background-color: rgba(98, 13, 15, 0.1) !important;
    background: rgba(98, 13, 15, 0.1) !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

/* Override any inline styles or competing CSS - Only for hover states */
.dropdown-item:hover[style*="background"],
.dropdown-item:hover[style*="#27ae60"],
.nav-item:hover[style*="background"],
.nav-link:hover[style*="background"] {
    background: rgba(98, 13, 15, 0.8) !important;
    background-color: rgba(98, 13, 15, 0.8) !important;
    border-radius: 8px !important;
}

*[style*="#27ae60"] *,
*[style*="#4ecd66"] *,
*[style*="#28a745"] * {
    color: #620D0F !important;
    background-color: #620D0F !important;
    border-color: #620D0F !important;
}

/* Enhanced Read More Button Styling with Bright Shadow */
.btn-outline-primary,
.btn-outline-light,
.btn.btn-outline-primary,
.btn.btn-outline-light,
a.btn-outline-primary,
a.btn-outline-light {
    background-color: #620D0F !important;
    border-color: #620D0F !important;
    color: white !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(98, 13, 15, 0.3) !important;
}

.btn-outline-primary:hover,
.btn-outline-light:hover,
.btn.btn-outline-primary:hover,
.btn.btn-outline-light:hover,
a.btn-outline-primary:hover,
a.btn-outline-light:hover {
    background-color: rgba(98, 13, 15, 0.9) !important;
    border-color: rgba(98, 13, 15, 0.9) !important;
    color: white !important;
    box-shadow: 0 8px 25px rgba(98, 13, 15, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* Force override any remaining green backgrounds */
.bg-success,
.text-success,
.border-success {
    background-color: #620D0F !important;
    color: white !important;
    border-color: #620D0F !important;
}

/* Override Bootstrap success variants */
.alert-success,
.badge-success,
.list-group-item-success {
    background-color: #620D0F !important;
    border-color: #620D0F !important;
    color: white !important;
}

/* Override any CSS custom properties */
:root {
    --success: #620D0F !important;
    --green: #620D0F !important;
    --bs-success: #620D0F !important;
    --primary: #620D0F !important;
    --bs-primary: #620D0F !important;
}

/* Logo Sizing - Make bigger without affecting menu bar height */
.logo-responsive,
.navbar-brand img,
.logo-container img,
img[alt*="Nursi Foundation"] {
    height: 80px !important;
    width: auto !important;
    max-height: 80px !important;
    object-fit: contain !important;
    transform: scale(1.2) !important;
}

/* Ensure navbar height stays consistent */
.navbar {
    min-height: auto !important;
}

.navbar-brand {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-right: 1rem !important;
}

/* FOOTER STYLING - Specific Colors */
.footer {
    background: #2D1311 !important;
    background-color: #2D1311 !important;
}

/* Footer Container - Remove gray background around footer */
.mt-5.p-4.bg-dark,
.bg-dark.text-white.text-center,
div.mt-5.p-4.bg-dark.text-white.text-center {
    background: #2A1412 !important;
    background-color: #2A1412 !important;
}

/* Footer Text and Icons Default State */
.footer h5,
.footer p,
.footer a,
.footer li,
.footer span,
.footer .footer-logo h3,
.footer .footer-logo p,
.footer-section h5,
.footer-description,
.footer-links a,
.footer-links li {
    color: #FFFDB5 !important;
}

/* Footer Icons Default State */
.footer-links i,
.footer i {
    color: #FFFDB5 !important;
}

/* Footer Links Hover State - Both text and icons */
.footer-links li:hover,
.footer-links li:hover a,
.footer-links li:hover i,
.footer a:hover,
.footer a:hover i {
    color: #C9BCB1 !important;
    transition: all 0.3s ease !important;
}

/* Facebook Icon Specific Styling */
.social-icons a,
.footer .social-icons a,
a[href*="facebook"] {
    background: transparent !important;
    border: 2px solid #FFFDB5 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.social-icons i,
.footer .social-icons i,
a[href*="facebook"] i {
    color: #FFFDB5 !important;
    background: transparent !important;
    transition: all 0.3s ease !important;
}

/* Facebook Icon Hover State */
.social-icons a:hover,
.footer .social-icons a:hover,
a[href*="facebook"]:hover {
    background: #FFFDB5 !important;
    border: 2px solid #FFFDB5 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 5px 15px rgba(255, 253, 181, 0.4) !important;
}

.social-icons a:hover i,
.footer .social-icons a:hover i,
a[href*="facebook"]:hover i {
    color: #620D0F !important;
}

/* Footer Green Lines - Change to Light Yellow - SPECIFIC TARGETING ONLY */
.footer-section h5::after,
.footer .footer-section h5::after {
    background: #FFFDBD !important;
    background-color: #FFFDBD !important;
}

/* Footer section underlines only */
.footer hr {
    border-color: #FFFDBD !important;
    background-color: #FFFDBD !important;
}

/* AGGRESSIVE ANTI-GREEN OVERRIDE - Prevent any green flicker - Only on hover */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* Default state should be normal */
.dropdown-item,
.nav-link {
    background-color: transparent !important;
}

/* Only override green on hover states */
*[style*="#27ae60"]:hover,
.dropdown-item:hover,
.nav-link:hover {
    background: rgba(98, 13, 15, 0.8) !important;
    background-color: rgba(98, 13, 15, 0.8) !important;
    border-radius: 8px !important;
    color: white !important;
}