/* TheLaw Finalized - Tabs + Filter */
:root{--primary:#13213f;--accent:#cf8c12;--muted:#6b6b6b}
.wpcmp-thelaw-container{direction:rtl;font-family:inherit;padding:18px}
.wpcmp-filter{background:#fff;padding:12px;border-radius:8px;margin-bottom:16px}
.filters-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.filters-row select, .filters-row input{padding:10px;border:1px solid #e6e6e6;border-radius:6px;text-align:right;direction:rtl}
.wpcmp-btn-search{background:var(--accent);border:0;color:#fff;padding:10px 14px;border-radius:6px;cursor:pointer}

.thelaw-tabs{display:flex;gap:0px;align-items:flex-start}
.thelaw-left{flex:1;background:#fff;padding:18px;}
.section-title{color:var(--primary);font-size:22px;margin:0 0 12px 0;text-align:right}
.subcats-grid{display:flex;flex-wrap:wrap;gap:18px; min-height: 225px;}
.service-card{width:22%;background:#fff;border-radius:10px;border:1px solid #eef3fb;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}
.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(19,33,63,0.08)}
.service-link{display:block;padding:12px;text-decoration:none;color:inherit}
.service-img img{width:96px;height:96px;object-fit:cover;border-radius:8px;display:block;margin:0 auto}
.service-text h3{margin:8px 0 0;font-size:16px;text-align:center;color:var(--primary)}
.service-text .sub-desc{font-size:13px;color:var(--muted);text-align:center;margin-top:6px}
/*.badge{position:absolute;top:10px;left:10px;background:var(--accent);color:#fff;padding:6px 8px;border-radius:18px;font-weight:700;font-size:13px}*/
.badge {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--accent);
    color: #fff;
    padding: 0px 6px;
    border-radius: 12px;
    font-weight: 400;
    font-size: 13px;
}

.thelaw-right{width:22%;}
.cats-list{list-style:none;padding:0;margin:0}
.cat-item{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid #f4f6f8;cursor:pointer}
.cat-icon{width: 32px;height: 32px;object-fit: cover;}
.cat-title{font-weight:700}

@media(max-width:900px){.thelaw-tabs{flex-direction:column}.thelaw-right{width:100%}.service-card{width:48%}}

/****************** NV DESIGN *******************/

.services.bloc-cat-sscat .service_img {
    float: right !important;
    margin: 2px 2px 0 0 !important;

}
.services.bloc-cat-sscat .service_img img{
    width: 64px;
    height: 64px;
}
.services.bloc-cat-sscat .service_text {
    padding-right: 100px !important;
    padding-left: 0px !important;
}

.services.bloc-cat-sscat h3 {
    border-bottom: 0px solid #F1F1F1 !important;
    padding: 0 0 2px !important;
}

.services.bloc-cat-sscat .service_img:not(.service_number) {
    padding-left: 0px;
    margin-left: 8px;
    border-color: #dddddd;
    border-style: solid;
    border-left-width: 2px;
}

.wpcmp-thelaw-container{
    background-image: url(/wp-content/uploads/2019/03/bg1.jpg?id=875) !important;
    background-color: rgba(255, 255, 255, 0.21);
    background-blend-mode: lighten;
}

.thelaw-tabs aside.thelaw-right ul.cats-list{
    margin: 0px !important;
}

.thelaw-tabs aside.thelaw-right ul.cats-list li.cat-item.active{
   background-color: #FFF;
}

.service_text h6.cz_wpe_titre {
    font-size: 18px;
    line-height: 16px;
    margin-bottom: 0px;
    min-height: 40px;
}

.service_text h6.cz_wpe_desc {
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
}

@media (min-width: 768px) {
.subcats-grid .vc_col-sm-3.wpb_wrapper{
    width: 30% !important;
}
}