/*
Theme Name: Protection Insight Hello Elementor Child
Theme URI: https://protectioninsight.com
Description: Child theme for Your Theme
Author: Your Name
Author URI: https://protectioninsight.com
Template: hello-elementor
Version: 1.0.0
Text Domain: ProtInsi-child
*/

/* Business Search Form Styles - More specific selectors */
.business-search-form {
    width: 100% !important;
    max-width: 100%;
    margin: 0;
}

.business-search-form .search-container {
    display: flex;
    position: relative;
    width: 100%;
}

.business-search-form .search-field {
    width: 100% !important; /* Force 100% width */
    box-sizing: border-box !important; /* Include padding in width calculation */
    padding: 12px 20px !important;
    border: 1px solid #ddd !important;
    border-radius: 99px !important;
    font-size: 16px !important;
    background-color: rgba(255, 255, 255, 0.79) !important; /* Use rgba for transparency */
    outline: none !important;
    padding-right: 50px !important; /* Space for the icon */
}

.business-search-form .search-submit {
    position: absolute !important;
    right: 5px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: #2E4156 !important;
    padding: 10px 15px !important;
    cursor: pointer !important;
    font-size: 18px !important;
}

.business-search-form .search-submit:hover {
    color: #1a2a3a !important;
}

/* Business Search Form Styles - Width fix */
.business-search-form {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.business-search-form .search-container {
    display: flex !important;
    position: relative !important;
    width: 100% !important;
}

.business-search-form .search-field {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 12px 50px 12px 30px !important; /* Increased left padding from 20px to 30px */
    border: 1px solid #ddd !important;
    border-radius: 99px !important;
    font-size: 16px !important;
    background-color: rgba(255, 255, 255, 0.79) !important;
    outline: none !important;
}

/* Override any parent container limitations */
.elementor-widget-shortcode {
    width: 100% !important;
}

.elementor-shortcode {
    width: 100% !important;
}

/*. Featured Image from Company Custom Post on Mobile */

@media only screen and (max-width: 767px) {
  /* More specific selector to target the featured image container */
  body.single-cpt_name .elementor-location-single .elementor-element.e-con-boxed:first-of-type {
    background-position: center 33% !important;
    background-size: cover !important;
    height: 450px !important;
    overflow: hidden !important;
  }
  
  /* Make sure inner container respects the height */
  body.single-cpt_name .elementor-location-single .elementor-element.e-con-boxed:first-of-type .e-con-inner {
    min-height: unset !important;
    max-height: 450px !important; 
    height: 450px !important;
  }
  
  /* Force GPU acceleration to ensure proper rendering */
  body.single-cpt_name .elementor-location-single .elementor-element.e-con-boxed:first-of-type {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }
}