/* Dynamic Colors CSS - Applied from Admin Dashboard */

/* Header Styles - Gradient Background */
.navbar {
    background: var(--header-gradient) !important;
    background-image: var(--header-gradient) !important; /* Ensure gradient is applied */
}

.navbar .navbar-nav .nav-link {
    color: var(--header-text-color) !important;
}

.navbar .navbar-nav .nav-link:hover {
    color: var(--hover-color) !important;
}

.navbar-brand, .navbar-brand span {
    color: var(--header-text-color) !important;
}

.navbar-brand:hover, .navbar-brand:hover span {
    color: var(--hover-color) !important;
}

/* Footer Styles - Gradient Background */
.modern-footer {
    background: var(--footer-gradient) !important;
    color: var(--footer-text-color) !important;
}

.modern-footer h1, .modern-footer h2, .modern-footer h3, 
.modern-footer h4, .modern-footer h5, .modern-footer h6,
.modern-footer p, .modern-footer a, .modern-footer span, 
.modern-footer li, .modern-footer div {
    color: var(--footer-text-color) !important;
}

.modern-footer a:hover {
    color: var(--hover-color) !important;
}

/* Button Styles - Gradient Background */
.btn-primary, .btn-luxury, .custom-btn {
    background: var(--btn-gradient) !important;
    color: var(--btn-text-color) !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover, .btn-luxury:hover, .custom-btn:hover {
    background: var(--btn-gradient-hover) !important;
    color: var(--btn-text-color) !important;
    transform: translateY(-2px) !important;
}

/* Outline Button Styles */
.btn-outline-primary {
    border-color: var(--btn-bg-start) !important;
    color: var(--btn-bg-start) !important;
    background: transparent !important;
}

.btn-outline-primary:hover {
    background: var(--btn-gradient) !important;
    color: var(--btn-text-color) !important;
    border-color: var(--btn-bg-start) !important;
}

/* Accordion Button Styles */
.accordion-button {
    background: var(--btn-gradient) !important;
    color: var(--btn-text-color) !important;
    border: none !important;
}

.accordion-button:hover, .accordion-button:focus {
    background: var(--btn-gradient-hover) !important;
    color: var(--btn-text-color) !important;
}

/* Text and Link Styles - Gradient titles controlled by inline styles */

.section-subtitle {
    color: var(--section-subtitle-color, var(--hover-color)) !important;
}

a:hover {
    color: var(--hover-color) !important;
}

/* Golden Border - Uses Hover Color */
.golden-border {
    border: 3px solid var(--hover-color) !important;
    border-radius: 5px !important;

}

.golden-border:hover {
    border-color: var(--hover-color) !important;
    box-shadow: 0 0 15px rgba(197, 160, 89, 0.6), 0 0 25px rgba(197, 160, 89, 0.4) !important;
}
.without-border:hover {
/*    border-color: var(--hover-color) !important;*/
    box-shadow: 0 0 15px rgba(197, 160, 89, 0.6), 0 0 25px rgba(197, 160, 89, 0.4) !important;
}
/* Contact Form Styles */
.consultation-card {
    border-color: var(--btn-bg-start) !important;
}

.consultation-title {
    color: var(--header-text-color) !important;
}

.consultation-input:focus {
/*    border-bottom-color: var(--btn-bg-start) !important;
    color: var(--btn-bg-start) !important;*/
}

.consultation-input:hover {
    border-bottom-color: var(--hover-color) !important;
}

.consultation-btn {
    background: var(--btn-gradient) !important;
    color: var(--btn-text-color) !important;
}

.consultation-btn:hover {
    background: var(--btn-gradient-hover) !important;
    color: var(--btn-text-color) !important;
}

/* Location Direction Button */
.location-direction-btn {
    background: var(--btn-gradient) !important;
    color: var(--btn-text-color) !important;
    border: none !important;
}

.location-direction-btn:hover {
    background: var(--btn-gradient-hover) !important;
    color: var(--btn-text-color) !important;
}

/* Social Links */
.social-link:hover {
    color: var(--hover-color) !important;
    transform: translateY(-2px) !important;
}

/* Contact Info Links */
.contact-info-link:hover {
    color: var(--hover-color) !important;
}

/* Footer Links */
.footer-links a:hover {
    color: var(--hover-color) !important;
}

/* Universal Banner Styles */
.universal-banner img {
/*    border-color: var(--hover-color) !important;*/
}

.universal-banner:hover img {
/*    border-color: var(--hover-color) !important;*/
}
/* UNIVERSAL BUTTON HOVER FIX - KEEP SAME TEXT COLOR ON HOVER */
button, input[type="submit"], input[type="button"], input[type="reset"],
.btn, .btn-primary, .btn-secondary, .btn-success, .btn-danger, 
.btn-warning, .btn-info, .btn-light, .btn-dark, .btn-link,
.consultation-btn, .location-direction-btn, .custom-btn, .btn-luxury,
.map-direction-btn, .direction-link, .submit-btn, .form-btn {
/*    background: var(--btn-gradient) !important;
    background-image: var(--btn-gradient) !important;*/
    color: var(--btn-text-color) !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

/* HOVER STATES - KEEP SAME TEXT COLOR, ONLY CHANGE BACKGROUND */
button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover,
.btn:hover, .btn-primary:hover, .btn-secondary:hover, .btn-success:hover, .btn-danger:hover,
.btn-warning:hover, .btn-info:hover, .btn-light:hover, .btn-dark:hover, .btn-link:hover,
.consultation-btn:hover, .location-direction-btn:hover, .custom-btn:hover, .btn-luxury:hover,
.map-direction-btn:hover, .direction-link:hover, .submit-btn:hover, .form-btn:hover {
   
    text-decoration: none !important;
}

/* FOCUS AND ACTIVE STATES - KEEP SAME TEXT COLOR */
button:focus, input[type="submit"]:focus, input[type="button"]:focus,
.btn:focus, .btn-primary:focus, .consultation-btn:focus,
button:active, input[type="submit"]:active, input[type="button"]:active,
.btn:active, .btn-primary:active, .consultation-btn:active {
/*    background: var(--btn-gradient) !important;*/
    color: var(--btn-text-color) !important; /* SAME TEXT COLOR */
    outline: none !important;
}

/* OVERRIDE ANY BOOTSTRAP OR OTHER CSS THAT MIGHT CHANGE TEXT COLOR */
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: var(--btn-text-color) !important;
    background-color: var(--btn-gradient-hover) !important;
    border-color: transparent !important;
}

.btn-primary:focus, .btn-primary.focus {
    color: var(--btn-text-color) !important;
    background-color: var(--btn-gradient) !important;
    border-color: transparent !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}
/* SPECIFIC FIX FOR CONSULTATION BUTTON - NEVER CHANGE TEXT COLOR */
.consultation-btn, .consultation-btn:hover, .consultation-btn:focus, 
.consultation-btn:active, .consultation-btn:visited {
    color: var(--btn-text-color) !important;
    background: var(--btn-gradient) !important;
    background-image: var(--btn-gradient) !important;
}

.consultation-btn:hover {
    background: var(--btn-gradient-hover) !important;
    background-image: var(--btn-gradient-hover) !important;
    color: var(--btn-text-color) !important; /* FORCE SAME TEXT COLOR ON HOVER */
}


/* ===================================
   FOOTER PNG ICONS - DYNAMIC ACCENT COLOR
   =================================== */

/* Apply accent color to footer PNG icons */
.modern-footer .footer-icon {
    filter: brightness(0) saturate(100%) invert(58%) sepia(48%) saturate(456%) hue-rotate(8deg) brightness(92%) contrast(87%) !important;
}

.modern-footer .contact-item:hover .footer-icon {
    filter: brightness(0) saturate(100%) invert(58%) sepia(48%) saturate(456%) hue-rotate(8deg) brightness(102%) contrast(97%) !important;
}