/* Project Filter styles extracted from widget inline CSS */
.spaciaz-project-filter--horizontal .project-form-filter{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    gap:var(--pf-gap,28px);
    align-items:center;
    padding:8px 0;
}
.spaciaz-project-filter--horizontal .pf-col{display:block}
.spaciaz-project-filter--horizontal .pf-col-2{flex:1 1 180px}
.spaciaz-project-filter--horizontal .pf-col-1{flex:0 0 auto}
.spaciaz-project-filter--horizontal .pf-col select{
    width:100%;
    background-color:var(--onBackgroundExtraLight, #f4f5f6);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:calc(100% - 22px) center;
    border:1px solid var(--e-global-color-border, #E0E0E0);
    padding:16px 44px 16px 22px;
    border-radius:40px;
    color:var(--e-global-color-text, #222);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.spaciaz-project-filter--horizontal .pf-col select:focus{outline:2px solid var(--e-global-color-primary, #125840)}
.spaciaz-project-filter--horizontal .filter-wrap-button button{
    background:var(--e-global-color-primary, #125840);
    color:var(--e-a-color-txt-invert, #fff);
    border:0;
    padding:12px 28px;
    border-radius:40px;
    cursor:pointer;
    font-weight:600;
    width:100%;
}
@media (max-width:900px){
    .spaciaz-project-filter--horizontal .project-form-filter{gap:12px}
    .spaciaz-project-filter--horizontal .pf-col-2{flex:1 1 45%}
    .spaciaz-project-filter--horizontal .pf-col-1{flex:1 1 45%}
}
@media (max-width:520px){
    .spaciaz-project-filter--horizontal .pf-col-2,.spaciaz-project-filter--horizontal .pf-col-1{flex:1 1 100%}
}

/* Projects horizontal listing tweaks */
.elementor-project-wrapper--horizontal .elementor-project-row{
    display:flex;
    flex-wrap:nowrap;
    gap:var(--gutter-width,20px);
    overflow-x:auto;
    padding-bottom:8px;
}
.elementor-project-wrapper--horizontal .elementor-project-row .grid-item{flex:0 0 auto}
.elementor-project-wrapper--horizontal .elementor-project-row .grid-item .project-item{min-width:260px}
.elementor-project-wrapper--horizontal .elementor-project-row .grid-item .project-item{background:var(--e-global-color-background, #fff);border:1px solid var(--e-global-color-border, #E0E0E0);border-radius:8px}
