/* =============================================
   contact-dark.css — Dark theme for Contact page
   Matches the dark aesthetic of the homepage.
   ============================================= */

/* ---------- Page base ---------- */
body.page-contact,
body.page-contact #wrapper {
    background-color: #111 !important;
    color: #ccc !important;
}

/* ---------- Subheader (Contact banner) ---------- */
#subheader {
    background-color: #1a1a1a;
    background-image: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),
        url('../images/background/subheader-9.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
}

#subheader h1 {
    color: #fff !important;
}

#subheader .crumb li,
#subheader .crumb li a {
    color: #ccc !important;
}

#subheader .crumb li a:hover {
    color: #FAB702 !important;
}

/* ---------- Content area ---------- */
#content {
    background-color: #111 !important;
}

/* ---------- Headings & text ---------- */
body.page-contact h1,
body.page-contact h2,
body.page-contact h3,
body.page-contact h4,
body.page-contact h5,
body.page-contact h6 {
    color: #f0f0f0 !important;
}

body.page-contact p,
body.page-contact address span,
body.page-contact address {
    color: #bbb !important;
}

body.page-contact a {
    color: #FAB702;
}

body.page-contact a:hover {
    color: #fff;
}

/* ---------- Contact form ---------- */
#contact_form .form-control {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
    color: #ddd !important;
    border-radius: 4px;
}

#contact_form .form-control::placeholder {
    color: #666 !important;
}

#contact_form .form-control:focus {
    border-color: #FAB702 !important;
    box-shadow: 0 0 0 2px rgba(250, 183, 2, 0.2) !important;
    background-color: #222 !important;
}

#contact_form textarea.form-control {
    min-height: 160px;
}

/* Submit button */
#contact_form .btn-line,
#send_message {
    border-color: #FAB702 !important;
    color: #FAB702 !important;
    background: transparent !important;
    transition: all 0.3s ease;
}

#contact_form .btn-line:hover,
#send_message:hover {
    background: #FAB702 !important;
    color: #111 !important;
}

/* ---------- Sidebar / Contact Info ---------- */
#sidebar .widget h3 {
    color: #f0f0f0 !important;
    border-bottom: 1px solid #333;
    padding-bottom: 8px;
}

#sidebar address span {
    color: #bbb !important;
    display: block;
    margin-bottom: 6px;
}

#sidebar address strong {
    color: #FAB702 !important;
}

/* ---------- Map iframe tint ---------- */
.map-container {
    filter: invert(90%) hue-rotate(180deg);
    opacity: 0.85;
}

/* ---------- Footer ---------- */
footer {
    background-color: #0d0d0d !important;
    color: #888 !important;
    border-top: 1px solid #222;
}

footer h3 {
    color: #f0f0f0 !important;
}

footer p,
footer address span,
footer .widget p {
    color: #888 !important;
}

footer a {
    color: #aaa !important;
}

footer a:hover {
    color: #FAB702 !important;
}

footer .subfooter {
    background-color: #080808 !important;
    color: #666 !important;
    border-top: 1px solid #1a1a1a;
}

footer .subfooter .social-icons a {
    color: #666 !important;
}

footer .subfooter .social-icons a:hover {
    color: #FAB702 !important;
}

/* ---------- Error / success messages ---------- */
.error {
    color: #ff6b6b !important;
}

.success {
    color: #6bffb8 !important;
}