/*
Theme Name: Compunet Express Refresh
Theme URI: https://compunetexpress.com/
Description: A modern, responsive child theme for Compunet Express, built to work with the existing Divi installation.
Author: OpenAI
Template: Divi
Version: 1.0.0
Text Domain: compunet-express-refresh
*/
/* Compunet Express Dark Mode */
body.dark-mode {
    background: #121a27 !important;
    color: #e8edf5 !important;
}

body.dark-mode .site-header,
body.dark-mode .site-footer,
body.dark-mode main,
body.dark-mode .service-card,
body.dark-mode .contact-card {
    background-color: #182638 !important;
    color: #e8edf5 !important;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode p,
body.dark-mode li {
    color: #e8edf5;
}

body.dark-mode a:not(.button) {
    color: #f3a13f;
}

#theme-toggle {
    cursor: pointer;
    margin-left: 10px;
}

/* Keep desktop navigation on one line */
@media (min-width: 1100px) {
    .site-header .header-inner {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 14px;
    }

    .site-header .brand {
        flex-shrink: 0;
    }

    #primary-navigation {
        flex: 1 1 auto;
        min-width: 0;
    }

    #primary-navigation ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 12px;
    }

    #primary-navigation a {
        white-space: nowrap;
        font-size: 13px;
    }

    .header-action,
    #theme-toggle {
        flex-shrink: 0;
    }
}

/* Dark mode - main Divi content */
body.dark-mode,
body.dark-mode #main-content,
body.dark-mode #main-content .et_pb_section {
    background-color: #182638 !important;
    color: #e8edf5 !important;
}

body.dark-mode #main-content .et_pb_text,
body.dark-mode #main-content .et_pb_text p,
body.dark-mode #main-content h1,
body.dark-mode #main-content h2,
body.dark-mode #main-content h3,
body.dark-mode #main-content h4,
body.dark-mode #main-content li {
    color: #e8edf5 !important;
}

body.dark-mode #main-content a:not(.et_pb_button) {
    color: #f3a13f !important;
}

/* Dark mode - Divi section backgrounds */
body.dark-mode #page-container,
body.dark-mode #main-content,
body.dark-mode #main-content .et_pb_section {
    background-color: #182638 !important;
}

/* Dark mode - section text */
body.dark-mode #main-content .et_pb_text,
body.dark-mode #main-content .et_pb_text_inner,
body.dark-mode #main-content .et_pb_module_header,
body.dark-mode #main-content h1,
body.dark-mode #main-content h2,
body.dark-mode #main-content h3,
body.dark-mode #main-content p {
    color: #e8edf5 !important;
}

/* Dark mode - links */
body.dark-mode #main-content a:not(.et_pb_button) {
    color: #f3a13f !important;
}

/* Dark mode - homepage services section */
body.dark-mode .services-section {
    background-color: #182638 !important;
}

body.dark-mode .services-section .section-heading h2,
body.dark-mode .services-section .section-heading p {
    color: #e8edf5 !important;
}

body.dark-mode .services-section .eyebrow {
    color: #f3a13f !important;
}

body.dark-mode .services-section .service-card {
    background-color: #243750 !important;
    color: #e8edf5 !important;
}

body.dark-mode .services-section .service-card h3,
body.dark-mode .services-section .service-card p {
    color: #e8edf5 !important;
}

/* Dark mode - testimonial card */
body.dark-mode .intro-card,
body.dark-mode .intro-card-mark {
    background-color: #243750 !important;
    color: #e8edf5 !important;
}

body.dark-mode .intro-card h3,
body.dark-mode .intro-card p {
    color: #e8edf5 !important;
}

/* Dark mode - homepage trust strip */
body.dark-mode .trust-strip {
    background-color: #1f293d !important;
    color: #e8edf5 !important;
}

body.dark-mode .trust-strip strong,
body.dark-mode .trust-strip span {
    color: #e8edf5 !important;
}

/* Improve appointment button readability in dark mode */
body.dark-mode .hero-section .button-primary {
    background-color: #e99a32 !important;
    color: #172238 !important;
    border-color: #e99a32 !important;
}

body.dark-mode .hero-section .button-primary:hover {
    background-color: #ffffff !important;
    color: #172238 !important;
}

/* Force readable appointment button in dark mode */
html body.dark-mode main .hero-section a.button.button-primary {
    background-color: #e99a32 !important;
    background-image: none !important;
    color: #172238 !important;
    -webkit-text-fill-color: #172238 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    border: 1px solid #e99a32 !important;
}

html body.dark-mode main .hero-section a.button.button-primary:hover {
    background-color: #ffffff !important;
    color: #172238 !important;
    -webkit-text-fill-color: #172238 !important;
}

/* Dark mode - header action buttons match navigation */
body.dark-mode .site-header a[href*="request-a-secure-upload-link"],
body.dark-mode .site-header #theme-toggle {
    background: transparent !important;
    color: #e99a32 !important;
    border: 1px solid #e99a32 !important;
    box-shadow: none !important;
}

/* Dark mode - button hover */
body.dark-mode .site-header a[href*="request-a-secure-upload-link"]:hover,
body.dark-mode .site-header #theme-toggle:hover {
    background: #e99a32 !important;
    color: #172238 !important;
    border-color: #e99a32 !important;
}

/* Dark mode - Request Upload Link button */
body.dark-mode .site-header a[href*="request-a-secure-upload-link"] {
    background: transparent !important;
    color: #e99a32 !important;
    border: 1px solid #e99a32 !important;
    box-shadow: none !important;
}

/* Hover effect */
body.dark-mode .site-header a[href*="request-a-secure-upload-link"]:hover {
    background: #e99a32 !important;
    color: #172238 !important;
    border-color: #e99a32 !important;
}

/* Dark Mode - Secure Upload Form */
body.dark-mode .portal-form-wrap,
body.dark-mode .fluentform,
body.dark-mode .ff-el-group {
    background-color: #1f293d !important;
    color: #e8edf5 !important;
}

body.dark-mode .portal-form-wrap,
body.dark-mode .fluentform {
    border-color: #d99a35 !important;
}

body.dark-mode .fluentform label {
    color: #e8edf5 !important;
}

body.dark-mode .fluentform input,
body.dark-mode .fluentform select,
body.dark-mode .fluentform textarea {
    background-color: #293750 !important;
    color: #ffffff !important;
    border: 1px solid #53647c !important;
}

body.dark-mode .fluentform input::placeholder,
body.dark-mode .fluentform textarea::placeholder {
    color: #c4cedd !important;
}

body.dark-mode .fluentform .ff-btn-submit {
    background-color: #e6a23b !important;
    color: #172238 !important;
}

/* Dark mode - Fluent Forms outer card */
body.dark-mode .fluentform_wrapper {
    background: #1f293d !important;
    color: #e8edf5 !important;
    border: 1px solid #53647c !important;
    border-radius: 10px !important;
    padding: 18px !important;
}

body.dark-mode .fluentform_wrapper label {
    color: #e8edf5 !important;
}

body.dark-mode .fluentform_wrapper input,
body.dark-mode .fluentform_wrapper select,
body.dark-mode .fluentform_wrapper textarea {
    background: #293750 !important;
    color: #ffffff !important;
    border-color: #53647c !important;
}

/* Dark mode - Secure Upload Request Form */
body.dark-mode #secure-upload-request .request-form-wrap,
body.dark-mode #secure-upload-request form.upload-request-form {
    background-color: #1f293d !important;
    color: #e8edf5 !important;
    border: 1px solid #53647c !important;
    border-radius: 10px !important;
}

body.dark-mode #secure-upload-request .upload-request-form label {
    color: #e8edf5 !important;
}

body.dark-mode #secure-upload-request .upload-request-form input,
body.dark-mode #secure-upload-request .upload-request-form select,
body.dark-mode #secure-upload-request .upload-request-form textarea {
    background-color: #293750 !important;
    color: #ffffff !important;
    border: 1px solid #53647c !important;
}

body.dark-mode #secure-upload-request .upload-request-form button {
    background-color: #e6a23b !important;
    color: #172238 !important;
}

/* Dark Mode - Contact Information Card */
body.dark-mode .contact-details {
    background-color: #1f293d !important;
    color: #e8edf5 !important;
    border: 1px solid #53647c !important;
}

body.dark-mode .contact-details * {
    color: #e8edf5 !important;
}

body.dark-mode .contact-details a {
    color: #e6a23b !important;
}

body.dark-mode .contact-details .contact-label {
    color: #e6a23b !important;
}

/* Dark Mode - Hero Upload Button */
body.dark-mode .hero-actions .button-light {
    background-color: #1f293d !important;
    color: #e6a23b !important;
    border: 1px solid #e6a23b !important;
}

body.dark-mode .hero-actions .button-light:hover {
    background-color: #3b5275 !important;
    color: #ffffff !important;
    border-color: #8da9d1 !important;
    transition: all 0.25s ease;
}

/* Dark mode - Contact Us button */
body.dark-mode #main-content .contact-section .button-primary {
    background-color: #dbeafe !important;
    color: #172238 !important;
    border: 1px solid #dbeafe !important;
}

/* Hover effect */
body.dark-mode #main-content .contact-section .button-primary:hover {
    background-color: #bfdbfe !important;
    color: #172238 !important;
    border-color: #bfdbfe !important;
}

/* Tax Preparation - Dark Mode Buttons */
body.dark-mode .et_pb_button {
    background-color: #e6a23b !important;
    color: #172238 !important;
    border-color: #e6a23b !important;
}

/* Hover effect */
body.dark-mode .et_pb_button:hover {
    background-color: #f8c66a !important;
    color: #172238 !important;
    border-color: #f8c66a !important;
}

/* Footer logo - Dark Mode */
body.dark-mode .footer-brand img {
    background-color: #F1F3F6 !important;
    padding: 8px !important;
    border-radius: 6px !important;
}