/* =============================================================================
 * Jamaat Directory — child theme overrides
 *
 * Every local customisation lives here. Nothing is edited in the parent theme or
 * in plugin folders, so a ListingPro or plugin update cannot destroy any of it.
 *
 * Loaded by functions.php at priority 99 on wp_enqueue_scripts — after the
 * parent's main.css, main-new.css and dynamic-css.css (priority 11) and after
 * plugin stylesheets. Later source order beats equal specificity, so most rules
 * here need no !important; where one appears it is because the rule it overrides
 * used it too.
 *
 * !! dynamic-css.css is REGENERATED by the theme !!
 * functions.php hooks redux/options/listingpro_options/saved and does
 * file_put_contents() over that whole file. Anything written there is destroyed
 * the next time theme options are saved. That is why section 4 below was moved
 * out of it. Never put customisations back into dynamic-css.css.
 * ========================================================================== */


/* --- 1. Brand colour: replaces ListingPro's stock accents ------------------ */
/* Was #db402c / #d62d20 / #0095ff in main.css. */

.my-color {
  color: #eb9410;
}

.google {
  background-color: #eb9410;
}

.login-form-popup-outer .social-login .google {
  background: #eb9410;
}

.page-style2-content-wrap .form-group .lp-coordinates a.active {
  background: #eb9410;
}

.page-style2-content-wrap .form-group #tabsbtn {
  color: #eb9410;
}

.page-style2-content-wrap ul.hours-select li .lp-add-hours-st i,
.style2-add-new-social-sec a#add-new-social-url i {
  color: #eb9410;
}


/* --- 2. Submit button: was #27ae60 / #078e40 in main-new.css --------------- */

.submitbutton-wraper-style2 .lp-secondary-btn {
  background: #eb9410;
}

.submitbutton-wraper-style2 .lp-secondary-btn:hover {
  background-color: #12292f;
}


/* --- 3. CubeWP contact form submit ----------------------------------------- */
/* Previously edited directly in
 * plugins/cubewp-framework/cube/assets/frontend/css/frontend-fields.css.
 * !important here because plugin stylesheet load order relative to the theme is
 * not guaranteed, unlike the theme's own files above. */

.cwp-frontend-form-container input[type=submit] {
  background: #eb9410 !important;
}


/* --- 4. Dropdown hover icon ------------------------------------------------ */
/* Parent ships this declaration commented out. */

#input-dropdown ul li:hover .h-icon {
  display: inline-block;
}


/* --- 5. Layout and branding from the theme-options Custom CSS field --------- */
/* Source of truth: ListingPro CC → Theme Options → General → Custom CSS. Redux
 * stores that field in the database and renders it into dynamic-css.css whenever
 * options are saved, which is why it appears in a generated file.
 *
 * It is duplicated here on purpose, as the step that gets it under version control:
 * the database copy is invisible to git, undiffable and undeployable. Both copies
 * are active right now and identical, so there is no visual difference.
 *
 * ONCE THE CHILD THEME IS ACTIVE AND VERIFIED, clear the Custom CSS field in
 * wp-admin so this file is the only copy. Until then, edit both or neither.
 *
 * Copied verbatim rather than tidied, so it still diffs cleanly against the field. */

                .lp-new-cat-wrape .select2-container--default .select2-search--inline .select2-search__field { 
    line-height: normal !important;
    height: 32px !important;
    margin-left: 5px !important;
}

.banner-view-classic .lp-home-categoires.lp-inside-search-view4 {
    transform: translateY(-300%) !important;
}

@media (max-width: 568px) {
    .banner-view-classic .lp-home-categoires.lp-inside-search-view4 {
        transform: translateY(-180%) !important;
    }
}

.lp-home-categoires.lp-inside-search-view4:not(.lp-inside-search-view2) li a span {
    font-size: 13px;
    line-height: 19px !important;
}

.lp-header-style-classic .header-list-icon-st6 {
    background: #eb9410;
    border: 2px solid #ffffff !important;
}

.lp-search-bar .lp-search-btn {
    background: #eb9410; 
}
.listing-app-view .lp-grid-box { 
    margin-bottom: 250px !important; 
    
}

.lp-header-style-classic .lp-join-now {
    margin-top: 2px;
    border: 2px solid #ffffff;
    border-color: #ffffff !important
}

.lp-header-style-classic .lp-join-now:hover {
    border: 2px solid #12292F;
    background: #12292F;
    border-color: #12292F !important;
}

.header-inner-page-wrap .lp-header-style-classic .lp-join-now .md-trigger {
    line-height: 34px;
}

.lp-search-bar-header .lp-header-search-button .lp-search-bar-right .fa-magnifying-glass.lp-search-icon{
    color: #eb9410;
}

.page-style2-content-wrap .form-group .lp-coordinates a:last-child{
    display: none !important;
}

.has-error input,
.error input,
.has-error textarea,
.error textarea,
.has-error select,
.error select {
    border: 2px solid red !important;
    background-color: #ffecec !important;
}

.listing-page-sidebar .lp-listing-additional-details .toggle-additional-details {
    display: none !important;
}

.lp-listing-additional-details li label { font-size: 10px !important; }

.map-view-list-container2 {
    max-width: 100%;
}

.listing-app-view .grid_view .lp-grid-box-thumb div a::before {
    background: transparent !important;
    opacity: 0 !important;
    content: none !important;
}

.listing-app-view2 .lp-listing-logo {
	width: 100px !important;
}

.listing-app-view2 .lp-listing-logo img {
	width: 100% !important;
	height: 100% !important;
}

.post-meta-left-box .lp-listing-logo {
	Border-radius: 0;
	width: 100px !important;
	height: 100% !important;
}

.lp-listing-outer-container {
    border-bottom: 2px solid #EB9410;
    border-left: 2px solid #EB9410;
    border-right: 2px solid #EB9410;
    border-top: 2px solid #EB9410;
}

#lp-listings .lp-listing-outer-container:last-of-type {
    border-bottom: 2px solid #eb9410 !important;
}

#lp-listings .lp-listing-outer-container {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

.listing-app-view2 .toggle-all-days { top: 73px !important; }

.slick-slider .slick-track, .slick-slider .slick-list{
    height: 250px !important;
}

.elementor-102 .elementor-element.elementor-element-5dae6c95{
    padding-bottom: 0 !important;
}
 
.slick-initialized .slick-slide {
    height: 550px !important;
}

.padding-top-40 {
    padding-top: 20px !important;
}

.lp-section-content-container {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
}

.lp-listing .lp-listing-top-thumb img {
    border: 1px solid #dedede !important;
}        

/* --- 6. From the Customizer's Additional CSS ------------------------------- */
/* Appearance → Customize → Additional CSS, stored per-theme as a `custom_css`
 * post in the database. Invisible to git, so it is mirrored here.
 *
 * The parent theme's entry held four rules; three already appear in section 5
 * above and the fourth (`myColor{...}`) was a no-op — it lacked the leading dot,
 * so it never matched anything. Nothing was lost when the child theme took over.
 *
 * ONCE VERIFIED, clear Additional CSS in the Customizer so this file is the only
 * copy — same reasoning as section 5. */

.header-container.lp-header-bg {
    background-image: url(https://jamaatdirectory.com/wp-content/uploads/2024/06/business-listing-backgroun.png) !important;
}