/* =========================================================
   Highlights / Sidebar Tabs
   Scope: .ah-hl
   ========================================================= */

.ah-hl{
    --ah-orange-bg: rgba(255,165,0,.14);
    --ah-orange-border: rgba(255,165,0,.45);
    --ah-orange-ring: rgba(255,165,0,.10);
    --ah-orange-ring-focus: rgba(255,165,0,.22);

    --ah-border: rgba(0,0,0,.12);
    --ah-border-strong: rgba(0,0,0,.18);
    --ah-bg-hover: rgba(0,0,0,.025);
    --ah-bg-hover-row: rgba(0,0,0,.03);
    --ah-text: rgba(0,0,0,.82);
    --ah-text-active: rgba(0,0,0,.92);
    --ah-meta: rgba(0,0,0,.55);

    --ah-shadow-sm: 0 1px 2px rgba(0,0,0,.06);
    --ah-shadow-md: 0 6px 14px rgba(0,0,0,.08);
    --ah-shadow-lg: 0 8px 18px rgba(0,0,0,.10);
    --ah-shadow-xl: 0 10px 22px rgba(0,0,0,.12);

    --ah-transition:
        background-color .15s ease,
        border-color .15s ease,
        box-shadow .15s ease,
        transform .06s ease;
}

/* Tabs */

.ah-hl .ah-hl-tabs{
    display:flex;
    flex-direction:column;
    gap:.6rem;
    margin:.75rem 0 1rem;
    padding:0;
}

.ah-hl .ah-hl-tabs .nav-item{
    margin:0;
}

.ah-hl .ah-hl-tabs .nav-link{
    position:relative;
    width:100%;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:.45rem;

    padding:10px 14px 10px 42px;
    border:1px solid var(--ah-border);
    border-radius:999px;
    background:#fff;
    box-shadow:var(--ah-shadow-sm);

    color:var(--ah-text);
    font-weight:800;
    font-size:.92rem;
    line-height:1.1;
    text-align:left;

    transition:var(--ah-transition);
}

.ah-hl .ah-hl-tabs .nav-link i{
    font-size:.95rem;
    opacity:.75;
}

.ah-hl .ah-hl-tabs .nav-link:hover{
    background:var(--ah-bg-hover);
    border-color:var(--ah-border-strong);
    box-shadow:var(--ah-shadow-md);
}

.ah-hl .ah-hl-tabs .nav-link:active{
    transform:translateY(1px);
}

.ah-hl .ah-hl-tabs .nav-link:is(.active,[aria-selected="true"]){
    background:var(--ah-orange-bg) !important;
    border-color:var(--ah-orange-border) !important;
    color:var(--ah-text-active) !important;
    box-shadow:
        var(--ah-shadow-lg),
        0 0 0 .18rem var(--ah-orange-ring) !important;
}

.ah-hl .ah-hl-tabs .nav-link:is(.active,[aria-selected="true"]) i{
    opacity:1;
}

.ah-hl .ah-hl-tabs .nav-link:focus-visible{
    outline:0 !important;
    box-shadow:
        0 0 0 .22rem var(--ah-orange-ring-focus),
        var(--ah-shadow-xl) !important;
}

.ah-hl .ah-hl-tabtext{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

/* Liste */

.ah-hl .ah-hl-list{
    margin:0;
    padding:0;
}

.ah-hl .ah-hl-row{
    display:flex;
    align-items:center;
    gap:10px;

    padding:10px 8px;
    border-radius:14px;
    color:inherit;
    text-decoration:none !important;

    transition:background-color .12s ease, transform .06s ease;
}

.ah-hl .ah-hl-row:hover{
    background:var(--ah-bg-hover-row);
}

.ah-hl .ah-hl-thumb{
    width:44px;
    height:44px;
    flex:0 0 auto;
    object-fit:cover;
    border:1px solid rgba(0,0,0,.06);
    border-radius:12px;
}
.ah-hl-head__title{
    margin: -.5rem 0 0 -1.5rem !important;
    font-weight: 900;
    font-size: 1rem;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: rgba(0,0,0,.72);
}
.ah-hl .ah-hl-title{
    margin:0;
    font-weight:700;
    font-size:.92rem;
    line-height:1.15;

    display:-webkit-box !important;
    overflow:hidden !important;
    white-space:normal !important;
    max-height:calc(1.15em * 2) !important;

    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
}

.ah-hl .ah-hl-title.text-truncate{
    white-space:normal !important;
}

.ah-hl .ah-hl-sub{
    margin-top:2px;
    font-weight:800;
}

.ah-hl .ah-hl-meta{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:.35rem;
    color:var(--ah-meta);
    font-size:.85rem;
}

/* Pfeile rechts ausblenden */

.ah-hl .ah-hl-arrow,
.ah-hl .fa-angle-right,
.ah-hl .fa-chevron-right{
    display:none !important;
}