/* ================= blogs search & filter ================= */
.ymc-smart-filter-container.ymc-filter-layout4, .ymc-smart-filter-container.ymc-filter-range, 
.ymc-extra-filter.ymc-filter-layout4, .ymc-extra-filter.ymc-filter-range, 
.ymc-extra-search.ymc-filter-layout4, .ymc-extra-search.ymc-filter-range, 
.ymc-extra-sort.ymc-filter-layout4, .ymc-extra-sort.ymc-filter-range {
    display: grid;
    grid-template-columns: 80% 20%;
    grid-template-rows: 0;
    grid-column-gap: 5%;
}

.ymc-smart-filter-container .container-posts, .ymc-extra-filter .container-posts, .ymc-extra-search .container-posts, .ymc-extra-sort .container-posts {
  grid-column: 1;
}

.filter-layout .filter-layout4	.filter-layout4-4638 .filter-layout4-4638-1 {
  grid-column: 2;
}
.ymc-smart-filter-container .container-posts .post-custom-layout .post-item{
    align-items: stretch;
    border: none;
    display: grid;
}

.ymc-smart-filter-container .filter-layout3 .posts-found,
.ymc-smart-filter-container .filter-layout5 .posts-found,
.ymc-smart-filter-container .filter-layout5 .dropdown-filter .menu-passive__item .menu-link .count{
    display: none;
}
.ymc-smart-filter-container .filter-layout3 .btn-all{
    border-color: var(--ios-color-primary);
    border-radius: 8px;
    cursor: pointer;
}

.ymc-smart-filter-container .filter-layout5 .dropdown-filter, 
.ymc-extra-filter .filter-layout5 .dropdown-filter, 
.ymc-extra-search .filter-layout5 .dropdown-filter, 
.ymc-extra-sort .filter-layout5 .dropdown-filter {
    color: var(--ios-color-text-dark);
    max-width: 220px;
}

.ymc-smart-filter-container .filter-layout5 .dropdown-filter .menu-active,
.ymc-smart-filter-container .filter-layout3 .dropdown-filter .menu-active{
    border-color: var(--ios-color-primary);
    border-radius: 8px;
}

.ymc-smart-filter-container .filter-layout3 .dropdown-filter .menu-active .arrow,
.ymc-smart-filter-container .filter-layout5 .dropdown-filter .menu-active .arrow{
    border: solid var(--ios-color-primary);
    border-width: 0 3px 3px 0;
}

.ymc-smart-filter-container .filter-layout5 .dropdown-filter .menu-passive,
.ymc-smart-filter-container .filter-layout5 .dropdown-filter .menu-passive:before{
    background-color: var(--ios-color-white);
    box-shadow: 0px 1px 8px 0px var(--ios-color-primary-hover);
    color: var(--ios-color-black);
}

.ymc-smart-filter-container .filter-layout5 .dropdown-filter .menu-passive__item .menu-link:after{
    border-left: 2px solid var(--ios-color-black);
    border-bottom: 2px solid var(--ios-color-black);
}

.ymc-smart-filter-container .filter-layout5 .dropdown-filter .menu-passive__item .menu-link:before{
    border: 1px solid var(--ios-color-black);
}

a.filter-link.all {
    margin: 10px 0 !important;
    padding: 15px !important;
}

.ymc-smart-filter-container .container-posts .post-custom-layout .post-item, 
.ymc-extra-filter .container-posts .post-custom-layout .post-item, 
.ymc-extra-search .container-posts .post-custom-layout .post-item, 
.ymc-extra-sort .container-posts .post-custom-layout .post-item {
    padding: 10px 5px;
}

.ymc-smart-filter-container .filter-layout5 .dropdown-filter .menu-active, 
.ymc-extra-filter .filter-layout5 .dropdown-filter .menu-active, 
.ymc-extra-search .filter-layout5 .dropdown-filter .menu-active, 
.ymc-extra-sort .filter-layout5 .dropdown-filter .menu-active {
    padding: 5px 10px 5px 10px;
}

.ymc-smart-filter-container .filter-layout4 .filter-entry .filter-item .filter-link, 
.ymc-extra-filter .filter-layout4 .filter-entry .filter-item .filter-link, 
.ymc-extra-search .filter-layout4 .filter-entry .filter-item .filter-link, 
.ymc-extra-sort .filter-layout4 .filter-entry .filter-item .filter-link {
    background-color: var(--ios-color-text-dark);
    color: var(--ios-color-athens-gray);
    font-size: var(--wp--preset--font-size--small) !important;
    font-weight: 400;
    text-align: start;
    width: auto;
}

.ymc-smart-filter-container .filter-layout4 .filter-entry .group-filters, 
.ymc-extra-filter .filter-layout4 .filter-entry .group-filters, 
.ymc-extra-search .filter-layout4 .filter-entry .group-filters, 
.ymc-extra-sort .filter-layout4 .filter-entry .group-filters {
padding: 0;
}

.ymc-smart-filter-container .filter-layout4 .filter-entry .group-filters .name-tax, 
.ymc-extra-filter .filter-layout4 .filter-entry .group-filters .name-tax, 
.ymc-extra-search .filter-layout4 .filter-entry .group-filters .name-tax, 
.ymc-extra-sort .filter-layout4 .filter-entry .group-filters .name-tax {
    color: var(--ios-color-text-dark);
    font-size: var(--wp--preset--font-size--medium) !important;
    font-weight: 400;
    padding-inline-start: 10px;}

html[lang="ar"]{
.ymc-smart-filter-container .filter-layout4 .filter-entry .group-filters .name-tax:after,
.ymc-extra-filter .filter-layout4 .filter-entry .group-filters .name-tax:after,
.ymc-extra-search .filter-layout4 .filter-entry .group-filters .name-tax:after,
.ymc-extra-sort .filter-layout4 .filter-entry .group-filters .name-tax:after {
    left: 13px !important;
    right: auto !important;
}

.search-layout .search-form__input{
    border-radius: 0 8px 8px 0 !important;
}

.search-form__submit{
    border-radius: 8px 0 0 8px !important;
}
}

.ymc-smart-filter-container .search-layout .search-form .form-inner, 
.ymc-extra-filter .search-layout .search-form .form-inner, 
.ymc-extra-search .search-layout .search-form .form-inner, 
.ymc-extra-sort .search-layout .search-form .form-inner {
    width: 50%;
    justify-content: flex-start;
}

.search-layout .search-form__input{
    height: 50px !important;
    border-radius: 8px 0 0 8px !important;
}

.search-form__submit br {
    display: none;
}
.search-form__submit{
    border-radius: 0 8px 8px 0 !important;
    align-items: center;
    display: flex;  
    height: 50px !important;
    background-color: var(--ios-color-primary) !important; 
    border: 1px solid var(--ios-color-primary) !important;
}

.ymc-smart-filter-container 
.filter-layout4 .filter-entry 
.filter-item .filter-link.active, 
.ymc-extra-filter .filter-layout4 .filter-entry .filter-item .filter-link.active, 
.ymc-extra-search .filter-layout4 .filter-entry .filter-item .filter-link.active, 
.ymc-extra-sort .filter-layout4 .filter-entry .filter-item .filter-link.active{
    font-weight: 500;
    color: var(--ios-color-white);
    background-color: var(--ios-color-primary); 
}

.ymc-smart-filter-container .filter-layout4 .filter-entry,
.ymc-extra-filter .filter-layout4 .filter-entry,
.ymc-extra-search .filter-layout4 .filter-entry,
.ymc-extra-sort .filter-layout4 .filter-entry{
    margin: 0 10px 20px 0;
}
.ymc-smart-filter-container .filter-layout4 .filter-entry .group-filters, 
.ymc-extra-filter .filter-layout4 .filter-entry .group-filters, 
.ymc-extra-search .filter-layout4 .filter-entry .group-filters, 
.ymc-extra-sort .filter-layout4 .filter-entry .group-filters {
    background-color: transparent;
    border: 1px solid var(--ios-color-text-dark);
    /* border-radius: 8px;*/
}

.custom-post-card:hover .ymc-smart-filter-container .filter-layout3 .dropdown-filter .menu-active .arrow{
    rotate:180deg; 
}

.ymc-smart-filter-container .filter-layout5 .dropdown-filter .menu-passive__item .menu-link{
    cursor: pointer;
    color: var(--ios-color-black);
}

.ymc-smart-filter-container .filter-layout5 .selected-items .item{
    background-color: var(--ios-color-primary);
}

.custom-post-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
    overflow: hidden;
    background: #fff;
    max-width: 100%;
}

.card-image {
    position: relative;
    background-size: cover;
    background-position: center;
    aspect-ratio: 4 / 2.5;
}

.image-overlay {
    position: absolute;
    top: -5px; left: 0; right: 0; bottom: 0;
    background-color: var(--ios-color-overlay);
    transition: background-color 0.3s;
}

.image-overlay:hover {
    background-color: transparent;
}

.card-content {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-title {
    margin: 10px 0;
}

.ymc-smart-filter-container .container-posts .post-custom-layout .post-item .card-title:hover a {
    color: var(--ios-color-primary-hover);
}

.card-extract {
    font-size: var(--wp--preset--font-size--medium) !important;
    color: var(--ios-color-text-darker);
    font-family: 'Jost', sans-serif;
    margin-bottom: 1rem;
}

.read-more-button {
    display: inline-block;
    padding: 0.5rem 1rem;
    width: fit-content;
    margin-top: auto !important;
    background-color: var(--ios-color-text-dark);
    color: var(--ios-color-white) !important;
    text-decoration: none !important;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: background-color 0.3s;
}

.read-more-button:hover {
    background-color: var(--ios-color-darker-hover);
}

.ymc-smart-filter-container .container-posts .post-custom-layout .post-item .card-title a {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--ios-color-primary);
    text-decoration: none;
}

.ymc-smart-filter-container .pagination-load-more .btn-load,
.ymc-extra-filter .pagination-load-more .btn-load,
.ymc-extra-search .pagination-load-more .btn-load, 
.ymc-extra-sort .pagination-load-more .btn-load {
    background-color: transparent;
    color: var(--ios-color-text-dark);
    border:1px solid var(--ios-color-text-dark);
    font-weight: 500;
    border-radius: 8px;
    padding: 10px
}

.ymc-smart-filter-container .pagination-load-more .btn-load:hover,
.ymc-extra-filter .pagination-load-more .btn-load:hover,
.ymc-extra-search .pagination-load-more .btn-load:hover,
.ymc-extra-sort .pagination-load-more .btn-load:hover {
    background-color: var(--ios-color-dark-hover); 
}

@media (max-width: 767.98px) {
.ymc-smart-filter-container.ymc-filter-layout4, .ymc-smart-filter-container.ymc-filter-range, 
.ymc-extra-filter.ymc-filter-layout4, .ymc-extra-filter.ymc-filter-range, 
.ymc-extra-search.ymc-filter-layout4, .ymc-extra-search.ymc-filter-range, 
.ymc-extra-sort.ymc-filter-layout4, .ymc-extra-sort.ymc-filter-range {
    display: grid;
    grid-column-gap: 2%;
    grid-template-columns: 100%;
    grid-template-rows: 0;
}
}

