/* ===== Законодавство (custom) ===== */
.laws-section {
    font-family: "e-ukraine", system-ui, sans-serif;


    /* merge from Yuri */
    padding-bottom: 5rem !important;
    /* merge from Yuri */
    padding-top: 4rem !important;
}

.laws-section .section-header {
    /*letter-spacing: -0.02em;*/
    /*font-size: 43px;*/
    margin: 0 0 1rem;
}

/* Tabs bar */
.laws-tabs {
    display: grid;
    margin-top: clamp(1.5rem, 3vw, 3rem);
    margin-bottom: 1.25rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: calc(.5rem + 1vw);
}

.tab-content {
    transition: height 0.3s ease-in-out; /* анімація шо працює в парі з js - updateTabContentHeight() */
}

.laws-tabs .nav-item {
    /*flex: 1 1 100%;*/                   /* мобільна верстка — 100% */
}

.laws-tabs .nav-link {
    width: 100%;
    text-align: center;
    background: none;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;


    /* merge from Yuri */
    padding: 0 0 14px;




    font-size: clamp(1rem, .5rem + 1vw, 1.5rem);
    /*font-weight: 500;*/
    color: #9CA3AF;
}

.laws-tabs .nav-link.active {
    color: #000;
    border-bottom-color: #000;
}

.laws-tabs .nav-link:hover { color:#000; }

.laws-tabs .nav-link:focus-visible {
    outline: 2px solid #5B5AFF;
    outline-offset: 2px;
}

/* починаючи з md робимо таби 50/50 */
/*
@media (min-width: 768px) {
    .laws-tabs { flex-direction: row; }
    .laws-tabs .nav-item { flex: 1 1 33%; }
}
*/


/* List */
.laws-list{ list-style: none; padding: 0; margin: 0; }
.laws-list-item + .laws-list-item{ margin-top: 2rem; }

.laws-list + .wrap-all-link{
    margin-top: 2em; }

.laws-item{
    display: block;
    padding-top: 10px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;                     /* курсор на всю картку */
}
.laws-item:focus-visible{
    outline: 2px solid #5B5AFF;
    outline-offset: 2px;
    border-radius: 6px;
}

/* Meta row */
.laws-meta{
    display: flex;
    align-items: center;
    gap: .625rem;
    margin-bottom: .375rem;
}
.meta-text{
    color: #6B7280;
    font-size: 17px;
    font-weight: 400;
}

/* Pill */
.pill{
    display: inline-flex;
    align-items: center;
    height: 1.8rem;                      /* ~24px */
    padding: 0 .625rem;
    border-radius: 999px;
    font-size: .95rem;
    line-height: 1;
    white-space: nowrap;
}
.pill-blue{ background:#007dff; color:#fff; }

/* Title */
.laws-item-title{
    margin: 0;
    line-height: 1.28;
    font-weight: 400;
    font-size: clamp(14px, .5rem + 1vw, 20px);
}
.laws-item:hover .laws-item-title{ text-decoration: underline; } /* underline тільки на заголовку */

@media (max-width: 991.98px) {
    .meta-text{
        font-size: 14px;
    }
    .pill{
        font-size: 14px;
    }
}

/* Responsive minor spacing */
/*@media (max-width: 992px){
    .laws-tabs{ gap: 28px; }
} */
@media (max-width: 576px){
    .laws-tabs{ gap: 18px; }
    .laws-list-item + .laws-list-item{ margin-top: 1.5rem; }
}
