/*
Theme Name: LeafLife WP Child
Theme URI: https://themeforest.net/user/laralink
Author: laralink
Author URI: https://themeforest.net/user/laralink
Description: LeafLife WP Child Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Template: leaflife-wp
Text Domain: leaflife-wp-child
*/

.hero_slider_custom .cs_slider_area  .cs_hero_subtitle  {
    font-weight: 600;
}
.hero_slider_custom .cs_slider_area .cs_hero_funfact_wrap {
    display: none;
}
.cs_site_header.cs_style_1 .cs_main_header_in {
    height: 110px;
}
.cs_site_header.cs_style_1.cs_sticky_active .cs_main_header_in {
    height: 90px;
}
.cs_nav .cs_nav_list > li > a {
    font-size: 18px;
}

.why_choose_rob .elementor-widget-xa-info-card {
    background-color: #E1ECE2;
    padding: 30px 20px;
    border-radius: 20px;
}
.draggable {
    cursor: grab !important;
}
.draggable:active {
    cursor: grabbing !important;
}
.hero_slider_custom .cs_hero_bg_in {
    filter: brightness(0.5);
    /* background-position: bottom center; */
}

/* Unset only within the XA Table widget */
.elementor-widget-xa-table-widget .xa-table-area .xa-table i[class*="fas"] {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900
}

.our_services_custom a.cs_arrow_btn {
    display: none;
}
.link_disable a {
    pointer-events: none;
}

.our_promise .xa-info-card {
    justify-content: center;
}

/* ===============================
            Contact Form
================================ */
.contact_form {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.contact_form h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.contact_form .wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Hide default radio input */
.contact_form .wpcf7-radio input[type="radio"] {
    display: none;
}

/* Radio label styling */
.contact_form .wpcf7-radio .wpcf7-list-item label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #555;
    background-color: #fff;
    transition: all 0.25s ease;
    user-select: none;
}

/* Checked state */
.contact_form .wpcf7-radio label:has(input[type="radio"]:checked) {
    background-color: #E1ECE2;
    color: #374836;
}

/* Remove default spacing CF7 adds */
.contact_form .wpcf7-list-item {
    margin: 0;
}


/* ===============================
CF7 File Upload – Theme Style
Parent: .contact_form
================================ */

.contact_form input[type="file"].wpcf7-file {
    width: 100%;
    padding: 12px;
    border: 1px dashed #374836;
    background-color: #E1ECE2;
    font-size: 14px;
    color: #374836;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Hover / focus */
.contact_form input[type="file"].wpcf7-file:hover,
.contact_form input[type="file"].wpcf7-file:focus {
    background-color: #fff;
}

/* File upload button (Chrome, Edge, Safari) */
.contact_form input[type="file"]::file-selector-button,
.contact_form input[type="file"]::-webkit-file-upload-button {
    margin-right: 12px;
    padding: 8px 16px;
    border: none;
    border-radius: 30px;
    background-color: #374836;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}
.contact_form .wpcf7-acceptance label {
    display: flex;
    align-items: center;
    gap: 10px;
}
.contact_form .wpcf7-acceptance input[type="checkbox"] {
    width: unset;
    min-height: unset;
}

.wpcf7-not-valid-tip {
    display: none;
}
label.error {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
/* Responsive: full width on small screens */
@media (max-width: 767px) {
    .hero_slider_custom h1 {
        font-size: 60px;
    }
}
/* Responsive: full width on small screens */
@media (max-width: 575px) {
    .contact_form .wpcf7-radio .wpcf7-list-item label {
        width: 100%;
        justify-content: center;
    }
    .hero_slider_custom h1 {
        font-size: 50px;
    }
}
/* Responsive: full width on small screens */
@media (max-width: 479px) {
    .hero_slider_custom h1 {
        font-size: 40px;
    }
}