/**
* Theme Name: Conexi Child
* Description: This is a child theme of Conexi, generated by Merlin WP.
* Author: <a href="https://themeforest.net/user/tonatheme/portfolio">tonatheme</a>
* Template: conexi
* Version: 2.0.0
*/

/* ============================================
   TASK 1: Color Override — Yellow → #4AA3DF
   ============================================ */

/* Complianz Cookie Banner — Override CSS Variables */
:root {
    --cmplz_button_accept_background_color: #4AA3DF !important;
    --cmplz_button_accept_border_color: #4AA3DF !important;
    --cmplz_button_accept_text_color: #ffffff !important;
    --cmplz_button_deny_text_color: #4AA3DF !important;
    --cmplz_button_deny_border_color: #4AA3DF !important;
    --cmplz_button_settings_text_color: #4AA3DF !important;
    --cmplz_button_settings_border_color: #4AA3DF !important;
    --cmplz_slider_active_color: #4AA3DF !important;
}

/* Hamburger menu icon color (mobile) */
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after,
.hamburger .line,
.navbar-toggle .icon-bar,
.menu-toggle span,
.toggle-inner span,
.toggle-inner span::before,
.toggle-inner span::after {
    background-color: #4AA3DF !important;
}

/* Generic link colors */
a { color: #4AA3DF; }
a:hover { color: #3b8ec7; }

/* Elementor inline yellow overrides */
.elementor-element [style*="color: #f0c931"],
.elementor-element [style*="color:#f0c931"],
.elementor-element [style*="color: #e8bf2d"],
.elementor-element [style*="color:#e8bf2d"],
.elementor-element [style*="color: #e2d734"],
.elementor-element [style*="color:#e2d734"] {
    color: #4AA3DF !important;
}
.elementor-element [style*="background-color: #f0c931"],
.elementor-element [style*="background-color:#f0c931"],
.elementor-element [style*="background-color: #e8bf2d"],
.elementor-element [style*="background-color:#e8bf2d"],
.elementor-element [style*="background-color: #e2d734"],
.elementor-element [style*="background-color:#e2d734"] {
    background-color: #4AA3DF !important;
}

/* Phone number accent */
.header-info a[href^="tel"],
.top-bar a[href^="tel"] {
    color: #4AA3DF !important;
}

/* SEO H1 */
.seo-h1 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #222;
    line-height: 1.3;
}

/* ============================================
   TASK 2: Blog Post Styling
   ============================================ */

/* Hero Banner for single posts */
.single-post .inner-banner {
    background: #1a1a2e !important;
    padding: 50px 0 40px !important;
    min-height: auto !important;
    text-align: center;
}
.single-post .inner-banner h2,
.single-post .inner-banner .breadcrumb,
.single-post .inner-banner .banner-title {
    display: block !important;
    color: #fff !important;
}

/* Post content area — centered readable width */
.single-post .single-blog-details-page .text-block {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px;
}
.single-post .single-blog-details-page .text-block .text {
    line-height: 1.8;
    font-size: 17px;
    color: #333;
}
.single-post .single-blog-details-page .text-block .text p {
    margin-bottom: 1.5em;
}

/* H2 with blue bottom border */
.single-post .text-block .text h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-top: 2em;
    margin-bottom: 0.8em;
    padding-bottom: 0.4em;
    border-bottom: 3px solid #4AA3DF;
}

/* H3 with blue left accent */
.single-post .text-block .text h3 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #1a1a2e;
    margin-top: 1.5em;
    margin-bottom: 0.6em;
    padding-left: 12px;
    border-left: 4px solid #4AA3DF;
}

/* Post title — no accent borders */
.single-post .text-block h3.post-title {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 1.2em;
    border-left: none;
    padding-left: 0;
    border-bottom: none;
}

/* Lists */
.single-post .text-block .text ul,
.single-post .text-block .text ol {
    margin-bottom: 1.5em;
    padding-left: 1.5em;
}
.single-post .text-block .text li {
    margin-bottom: 0.5em;
}

/* Links in posts */
.single-post .text-block .text a {
    color: #4AA3DF;
    text-decoration: underline;
}
.single-post .text-block .text a:hover {
    color: #3b8ec7;
}

/* Hide comments completely */
.single-post .add-comment-form,
.single-post .single-blog-title-box,
.single-post #comments,
.single-post .comments-area,
.single-post .reply-form,
.single-post #respond {
    display: none !important;
}

/* Full width post content (no sidebar) */
.single-post .single-blog-details-page .content-side {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
.single-post .single-blog-details-page .sidebar {
    display: none !important;
}

/* CTA Box */
.taxi-cta-box {
    background: #1a1a2e;
    color: #fff;
    padding: 40px;
    border-radius: 12px;
    text-align: center;
    margin-top: 3em;
    margin-bottom: 2em;
}
.taxi-cta-box h3 {
    color: #fff !important;
    font-size: 1.6rem;
    margin-bottom: 0.5em;
    border: none !important;
    padding: 0 !important;
}
.taxi-cta-box p {
    color: #ccc;
    font-size: 1.05rem;
    margin-bottom: 1.2em;
}
.taxi-cta-box .cta-phone {
    display: inline-block;
    background: #4AA3DF;
    color: #fff !important;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 14px 36px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: background 0.3s;
}
.taxi-cta-box .cta-phone:hover {
    background: #3b8ec7;
}

/* Featured image placeholder */
.single-post .post-featured-image {
    max-width: 800px;
    margin: 0 auto 2em;
    border-radius: 8px;
    overflow: hidden;
}
.single-post .post-featured-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* ============================================
   TASK 3: Mobile Kontaktformular Fix
   ============================================ */

/* Mobile form fields: white bg, dark text, clear borders */
@media only screen and (max-width: 767px) {
    /* Override dark/blue field backgrounds on mobile */
    div.wpforms-container-full .wpforms-form input[type=text],
    div.wpforms-container-full .wpforms-form input[type=email],
    div.wpforms-container-full .wpforms-form input[type=tel],
    div.wpforms-container-full .wpforms-form input[type=number],
    div.wpforms-container-full .wpforms-form input[type=date],
    div.wpforms-container-full .wpforms-form input[type=time],
    div.wpforms-container-full .wpforms-form select,
    div.wpforms-container-full .wpforms-form textarea,
    input#wpforms-1731-field_11, input#wpforms-1731-field_10,
    input#wpforms-1731-field_9-time, input#wpforms-1731-field_8,
    input#wpforms-1731-field_7, input#wpforms-1731-field_6,
    input#wpforms-1731-field_5, input#wpforms-1731-field_4,
    input#wpforms-1731-field_3, input#wpforms-1731-field_2,
    input#wpforms-1731-field_1,
    input#wpforms-1508-field_11, input#wpforms-1508-field_10,
    input#wpforms-1508-field_9-time, input#wpforms-1508-field_8,
    input#wpforms-1508-field_7, input#wpforms-1508-field_6,
    input#wpforms-1508-field_5, input#wpforms-1508-field_4,
    input#wpforms-1508-field_3, input#wpforms-1508-field_2,
    input#wpforms-1508-field_1 {
        background-color: #ffffff !important;
        color: #333333 !important;
        border: 2px solid #ddd !important;
        font-size: 16px !important;
        padding: 12px 20px !important;
        height: auto !important;
        min-height: 50px !important;
        border-radius: 8px !important;
    }

    /* Focus state */
    div.wpforms-container-full .wpforms-form input:focus,
    div.wpforms-container-full .wpforms-form select:focus,
    div.wpforms-container-full .wpforms-form textarea:focus {
        border-color: #4AA3DF !important;
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(74, 163, 223, 0.15) !important;
    }

    /* Placeholder text in grey */
    div.wpforms-container-full .wpforms-form input::placeholder,
    div.wpforms-container-full .wpforms-form textarea::placeholder {
        color: #999 !important;
        opacity: 1 !important;
    }

    /* Labels readable */
    div.wpforms-container-full .wpforms-form .wpforms-field-label {
        color: #fff !important;
        font-size: 15px !important;
        margin-bottom: 6px !important;
    }

    /* Submit button stays blue but more touch-friendly */
    div.wpforms-container-full .wpforms-form button[type=submit] {
        height: auto !important;
        min-height: 54px !important;
        padding: 14px 20px !important;
        font-size: 18px !important;
        border-radius: 8px !important;
    }

    /* Textarea */
    div.wpforms-container-full .wpforms-form textarea {
        min-height: 120px !important;
    }

    /* Field spacing */
    div.wpforms-container-full .wpforms-form .wpforms-field {
        margin-bottom: 12px !important;
    }

    /* Select dropdown fix */
    div.wpforms-container-full .wpforms-form select {
        -webkit-appearance: menulist !important;
        appearance: menulist !important;
    }
}

/* 2-column layout for wider mobiles (>500px) */
@media only screen and (min-width: 500px) and (max-width: 767px) {
    div.wpforms-container-full .wpforms-form .wpforms-one-half,
    div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
    div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
        width: 48% !important;
        margin-left: 2% !important;
        float: left !important;
    }
    div.wpforms-container-full .wpforms-form .wpforms-first {
        margin-left: 0 !important;
        clear: left !important;
    }
}