/**
* Theme Name: Spaciaz Child
* Description: This is a child theme of Spaciaz, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: spaciaz
* Version: 1.2.6
*/

/* Project status tag (e.g. "Major", "Completed", "Ongoing") on project cards */
.project-item .project-status,
.project-item .project-status a,
.d-grid .project-status a {
    color: #ffffff !important;
}

/* Filter tabs above the projects archive grid */
.ramaco-status-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}
.ramaco-status-tabs .ramaco-status-tab {
    padding: 8px 20px;
    border-radius: 30px;
    border: 1px solid #00597D;
    color: #00597D;
    text-decoration: none;
    font-size: 14px;
    transition: all .2s;
}
.ramaco-status-tabs .ramaco-status-tab:hover,
.ramaco-status-tabs .ramaco-status-tab.active {
    background: #00597D;
    color: #fff;
}

/* Scroll-to-top button icon */
.scrollup i,
.scrollup .spaciaz-icon-arrow-up {
    color: #ffffff !important;
}

/* Properties list page: simple filter form */
.ramaco-simple-filters {
    margin-bottom: 24px;
}
.ramaco-simple-filters-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.ramaco-simple-filters .ramaco-filter-field {
    flex: 1 1 160px;
    min-width: 140px;
}
.ramaco-simple-filters select {
    width: 100%;
    padding: 10px 14px;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fff;
    color: #142C47;
    font-size: 14px;
    appearance: auto;
}
.ramaco-simple-filters .ramaco-filter-clear {
    font-size: 13px;
    color: #00597D;
    text-decoration: underline;
    white-space: nowrap;
}
.ramaco-simple-filters noscript button {
    padding: 10px 20px;
    border-radius: 6px;
    border: 1px solid #00597D;
    background: #00597D;
    color: #fff;
    cursor: pointer;
}

/* Header pill nav bar: frosted glass effect (site's own background global
   color is solid white, so this is a translucent-white frost + blur rather
   than a dark tint, to stay consistent with the existing design) */
.elementor-64 .elementor-element.elementor-element-0c592e6:not(.elementor-motion-effects-element-type-background),
.elementor-64 .elementor-element.elementor-element-0c592e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: rgba(255, 255, 255, 0.35) !important;
    backdrop-filter: blur(16px) saturate(150%);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 8px 32px rgba(20, 44, 71, 0.12);
}

/* Sticky header on desktop. #masthead is the true top-level wrapper
   (position: relative by default, from the header-footer-elementor plugin's
   own CSS) — making IT sticky is what's needed; the inner .header-absolute
   pill (position: absolute, no explicit top) tracks along with it correctly
   since it's positioned relative to whichever ancestor box is the nearest
   positioned one, which becomes #masthead once it's sticky. Desktop-only
   (1025px+) since mobile has its own separate canvas-menu header behavior.
@media (min-width: 1025px) {
    .ehf-header #masthead {
        position: sticky !important;
        top: 0;
        z-index: 999;
    }
}
*/
/* Single property page (spaciaz-child/single-estate_property.php): ported
   from the dormant WPResidence theme WITHOUT its right sidebar. The
   .wpestate_column_content base rule and .col-lg-12 (both from the
   WPResidence main.css also enqueued on this page type, see
   mu-plugins/ramaco-properties-styles.php) already resolve to width:100%
   with no sidebar column competing for space, so no extra width overrides
   are needed here — this block only covers pieces that specifically
   assumed JS/markup this port intentionally left out. */

/* Schedule-tour date pills: the original theme scrolls these via a Slick
   carousel (wpestate_schedule_tour_slider(), defined in compiled theme JS
   that isn't enqueued now that Spaciaz is active — see
   mu-plugins/ramaco-single-property-schedule-tour.php). Without that JS
   the pills would overflow off the right edge in the theme CSS's
   single-row flex layout; wrap them instead so all 10 stay visible. */
.wpestate_property_schedule_dates_wrapper {
    flex-wrap: wrap;
    padding: 0;
    row-gap: 10px;
}

/* Ramaco simplified schedule-tour contact form (replaces the original
   theme's AJAX/CF7 form — see property_page_contact_form.php for why). */
.ramaco_schedule_tour_form {
    margin-top: 15px;
}
.ramaco_schedule_tour_form .row {
    row-gap: 15px;
}
.ramaco_schedule_tour_form .btn.button_agent_action {
    background: #00597D;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 28px;
    font-size: 14px;
    cursor: pointer;
}
.ramaco_schedule_tour_form .btn.button_agent_action:hover {
    background: #142C47;
}
.ramaco_schedule_tour_status {
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 14px;
}
.ramaco_schedule_tour_status_success {
    background: #d1e7dd;
    color: #0a3622;
}
.ramaco_schedule_tour_status_error {
    background: #f8d7da;
    color: #58151c;
}

/* Values/iconbox grid items: white title + description text on hover */
.elementor-iconbox-item .iconbox-title,
.elementor-iconbox-item .iconbox-desc p,
.elementor-iconbox-item .iconbox-desc ul,
.elementor-iconbox-item .iconbox-desc li {
    transition: color 0.3s ease;
}
.elementor-iconbox-item:hover .iconbox-title,
.elementor-iconbox-item:hover .iconbox-desc p,
.elementor-iconbox-item:hover .iconbox-desc ul,
.elementor-iconbox-item:hover .iconbox-desc li {
    color: #ffffff;
}