/*
 Theme Name: Edifice Child Theme
 Theme URI: https://edifice.themerex.net/
 Description: Edifice is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
 Author: ThemeREX
 Author URI:  https://themerex.net/
 Template:     edifice
 Version:      1.0
 Tags:         architecture, building, roofing, carpenter, construction, construction pro, construction services, engineering, handyman, industrial, maintenance, plumbing, renovate, renovation, repair
 Text Domain:  edifice
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* Search overlay logo — bigger + responsive */
.sc_layouts_search .search_header_wrap .logo_image{
    width: clamp(200px, 22vw, 340px); /* min 200px, scales with viewport, max 340px */
    height: auto !important;
    object-fit: contain;
    flex: 0 0 auto; /* prevents flexbox from shrinking it */
}

/* Make sure the wrapper isn't limiting it */
.sc_layouts_search .search_header_wrap{
    max-width: none;
    display: flex;
    align-items: center;
}


/* Search overlay logo: make it visibly larger */
.sc_layouts_search .search_header_wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: none;
}

/* Prefer height-based sizing so it can't look tiny */
.sc_layouts_search .search_header_wrap .logo_image {
    height: 80px;          /* try 80px first */
    width: auto !important;
    max-width: none;
    max-height: none;
    object-fit: contain;
    flex: 0 0 auto;
}




/* FORCE search overlay logo size (wins against theme CSS) */
.sc_layouts_search .search_modern.search_active .search_wrap.search_opened .search_header_wrap img.logo_image{
    height: 110px !important;     /* bump this up as needed */
    width: auto !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: contain !important;
}

/* If ThemeREX is scaling the whole search UI, disable scaling */
.sc_layouts_search .search_modern.search_active .search_wrap.search_opened{
    transform: none !important;
}

/* Ensure the header area isn’t constraining the logo */
.sc_layouts_search .search_modern.search_active .search_wrap.search_opened .search_header_wrap{
    display: flex !important;
    align-items: center !important;
    max-width: none !important;
}