/* Dynamic Contact Section Styles - Controlled from Admin Panel */

/* ========================================
   CONTACT SECTION BACKGROUND
   ======================================== */

html body:not(.dark-mode):not([data-theme="dark"]) .contact-section-new,
body:not(.dark-mode):not([data-theme="dark"]) .contact-section-new,
.contact-section-new {
    background: #ffffff !important;
}

/* ========================================
   CONTACT INFO CARDS
   ======================================== */

/* Contact info card background */
html body:not(.dark-mode):not([data-theme="dark"]) .contact-info-card,
body:not(.dark-mode):not([data-theme="dark"]) .contact-info-card,
.contact-info-card {
    background: #ffffff !important;
}

/* Contact info icon background */
html body:not(.dark-mode):not([data-theme="dark"]) .contact-info-icon,
body:not(.dark-mode):not([data-theme="dark"]) .contact-info-icon,
.contact-info-icon {
    background: #eaeadc !important;
}

/* Contact info icon color */
html body:not(.dark-mode):not([data-theme="dark"]) .contact-info-icon i,
body:not(.dark-mode):not([data-theme="dark"]) .contact-info-icon i,
.contact-info-icon i {
    color: #c79e66 !important;
}

/* Contact info title */
html body:not(.dark-mode):not([data-theme="dark"]) .contact-info-title,
body:not(.dark-mode):not([data-theme="dark"]) .contact-info-title,
.contact-info-title {
    color: #1f2937 !important;
}

/* Contact info value */
html body:not(.dark-mode):not([data-theme="dark"]) .contact-info-value,
body:not(.dark-mode):not([data-theme="dark"]) .contact-info-value,
.contact-info-value {
    color: #6b7280 !important;
}

/* ========================================
   CONTACT FORM
   ======================================== */

/* Contact form wrapper background */
html body:not(.dark-mode):not([data-theme="dark"]) .contact-form-wrapper,
body:not(.dark-mode):not([data-theme="dark"]) .contact-form-wrapper,
.contact-form-wrapper {
    background: #ffffff !important;
}

/* Contact submit button */
html body:not(.dark-mode):not([data-theme="dark"]) .contact-submit-btn,
body:not(.dark-mode):not([data-theme="dark"]) .contact-submit-btn,
.contact-submit-btn {
    background: #c79e66 !important;
    color: #ffffff !important;
}

/* ========================================
   MAINTAIN HOVER EFFECTS
   ======================================== */

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