/* =========================================================
   TuristulLiber — Sidebar redesenat (newsletter + filtru + articole recente)
   Prefix: tl-side. Nu atinge .Side/.Recent/.Abonare (folosite si in alte locuri).
   Brand: verde #69b706 · Oswald pentru titluri, Open Sans pentru text
   ========================================================= */

/* Sidebar-ul nu mai e sticky (era .Sidebar{position:sticky} in general.css) — pe orice pagina */
.Sidebar.tl-side{ position:static; }

/* Spatiere uniforma intre blocuri (filtrul se lipea de "BLOG") */
.tl-side > section,
.tl-side > .tld-filter,
.tl-side > .atr-filter,
.tl-side > .tur-filter,
.tl-side > .lst-filter,
.tl-side > .blg-filter,
.tl-side > .row{ margin-bottom:32px; }
.tl-side > *:last-child{ margin-bottom:0; }

/* ---------- Titluri comune ---------- */
.tl-side-title{
    font-family:'Oswald', sans-serif; font-size:20px; font-weight:600; line-height:1.2em;
    color:#363636; margin:0; text-transform:none;
}
.tl-side-title b{ color:#69b706; font-weight:600; }

.tl-side-eyebrow{
    display:inline-flex; align-items:center; gap:6px;
    font-family:'Oswald', sans-serif; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.04em;
    padding:5px 12px; border-radius:50px; margin-bottom:12px;
}

/* ---------- Newsletter ---------- */
.tl-side-news{
    position:relative; overflow:hidden;
    padding:24px 22px 22px;
    border-radius:18px;
    background:linear-gradient(145deg,#69b706 0%,#4f8f0a 100%);
    box-shadow:0 10px 26px rgba(79,143,10,.28);
    color:#fff;
}
.tl-side-news:before,
.tl-side-news:after{
    content:""; position:absolute; border-radius:50%; background:rgba(255,255,255,.09); pointer-events:none;
}
.tl-side-news:before{ width:150px; height:150px; right:-50px; top:-60px; }
.tl-side-news:after{ width:90px; height:90px; right:30px; bottom:-45px; }
.tl-side-news > *{ position:relative; z-index:1; }
.tl-side-news .tl-side-eyebrow{ background:rgba(255,255,255,.2); color:#fff; }
.tl-side-news .tl-side-title{ color:#fff; font-size:24px; margin-bottom:8px; }
.tl-side-lead{
    font-family:'Open Sans', sans-serif; font-size:13.5px; line-height:1.6em; color:rgba(255,255,255,.92); margin:0 0 16px;
}
.tl-side-form{ margin:0; }
.tl-side-form input[type="email"]{
    display:block; width:100%; height:48px; padding:0 20px; margin:0 0 10px;
    border:0; border-radius:50px; background:#fff; color:#363636;
    font-family:'Open Sans', sans-serif; font-size:14px; outline:none;
    box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.tl-side-form input[type="email"]::placeholder{ color:#9a9a9a; }
.tl-side-form input[type="email"]:focus{ box-shadow:0 0 0 3px rgba(255,255,255,.45); }
.tl-side-form button{
    display:block; width:100%; height:48px; border:0; border-radius:50px; cursor:pointer;
    background:#363636; color:#fff;
    font-family:'Oswald', sans-serif; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.05em;
    transition:background .2s ease, transform .2s ease;
}
.tl-side-form button:hover{ background:#1f1f1f; transform:translateY(-1px); }
.tl-side-note,
.tl-side-note p{
    margin:12px 0 0; font-family:'Open Sans', sans-serif; font-size:11.5px; line-height:1.5em;
    font-style:normal; color:rgba(255,255,255,.82);
}
.tl-side-note p{ margin:0; }
.tl-side-note:empty{ display:none; }
.tl-side-note a{ color:#fff; text-decoration:underline; }
.tl-side-msg{
    margin:0 0 12px; padding:10px 14px; border-radius:12px;
    font-family:'Open Sans', sans-serif; font-size:13px; line-height:1.4em;
}
.tl-side-msg--ok{ background:rgba(255,255,255,.95); color:#3d6f05; }
.tl-side-msg--err{ background:#fff0ef; color:#c0392b; }

/* ---------- Articole recente ---------- */
.tl-side-head{
    display:flex; align-items:baseline; justify-content:space-between; gap:12px;
    margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid #eee;
}
.tl-side-more{
    flex-shrink:0; display:inline-flex; align-items:center; gap:2px;
    font-family:'Open Sans', sans-serif; font-size:12.5px; font-weight:600; color:#69b706; text-decoration:none;
}
.tl-side-more:hover{ color:#4f8f0a; }
.tl-side-more i{ font-size:11px; }

.tl-side-post{ display:flex; text-decoration:none; color:inherit; }
.tl-side-post:hover{ color:inherit; }
.tl-side-post__img{ display:block; overflow:hidden; }
.tl-side-post__img img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.tl-side-post:hover .tl-side-post__img img{ transform:scale(1.06); }
.tl-side-post__title{
    display:block; font-family:'Oswald', sans-serif; font-weight:500; color:#363636; line-height:1.3em;
    transition:color .2s ease;
}
.tl-side-post:hover .tl-side-post__title{ color:#4f8f0a; }
.tl-side-post__date{
    display:block; font-family:'Open Sans', sans-serif; font-size:11.5px; color:#9a9a9a;
}
.tl-side-post__cat{
    display:inline-block; align-self:flex-start;
    background:#69b706; color:#fff;
    font-family:'Oswald', sans-serif; font-size:10.5px; font-weight:600; text-transform:uppercase; letter-spacing:.04em;
    padding:4px 10px; border-radius:50px;
}

/* Articolul principal — imagine mare, text peste gradient */
.tl-side-post--lead{
    position:relative; margin-bottom:16px; border-radius:16px; overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.tl-side-post--lead .tl-side-post__img{ width:100%; aspect-ratio:16 / 11; }
.tl-side-post--lead:after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.25) 50%, rgba(0,0,0,0) 100%);
}
.tl-side-post--lead .tl-side-post__body{
    position:absolute; left:0; right:0; bottom:0; z-index:2;
    display:flex; flex-direction:column; gap:6px; padding:16px 18px;
}
.tl-side-post--lead .tl-side-post__title{ color:#fff; font-size:19px; text-shadow:0 1px 3px rgba(0,0,0,.4); }
.tl-side-post--lead:hover .tl-side-post__title{ color:#fff; }
.tl-side-post--lead .tl-side-post__date{ color:rgba(255,255,255,.85); }

/* Articole secundare — thumbnail + text */
.tl-side-post--row{
    align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid #f0f0f0;
}
.tl-side-post--row:last-child{ border-bottom:0; padding-bottom:0; }
.tl-side-post--row .tl-side-post__img{ flex:0 0 78px; width:78px; height:78px; border-radius:12px; }
.tl-side-post--row .tl-side-post__body{ display:block; min-width:0; }
.tl-side-post--row .tl-side-post__date{ margin-bottom:3px; }
.tl-side-post--row .tl-side-post__title{
    font-size:15px;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}

/* ---------- Mobil ---------- */
@media (max-width:767px){
    .tl-side > section,
    .tl-side > .row{ margin-bottom:26px; }
    .tl-side-news{ padding:22px 18px 20px; }
    .tl-side-post--lead .tl-side-post__title{ font-size:17px; }
}

/* ---------- Info utile (single atractie) ---------- */
.tl-side-info{ padding:22px 22px 20px; background:#fff; border-radius:18px; border:1px solid #eef0f4; box-shadow:0 4px 16px rgba(0,0,0,.06); }
.tl-side-info .tl-side-eyebrow{ background:#eaf6e0; color:#4f8f0a; }
.tl-side-info__list{ list-style:none; margin:14px 0 0; padding:0; }
.tl-side-info__list li{ display:flex; gap:12px; padding:12px 0; border-top:1px solid #f0f0f0; }
.tl-side-info__list li:first-child{ border-top:0; padding-top:0; }
.tl-side-info__list li:before{ content:none !important; }
.tl-side-info__list i{ flex-shrink:0; width:34px; height:34px; border-radius:50%; background:#eaf6e0; color:#69b706; display:flex; align-items:center; justify-content:center; font-size:16px; }
.tl-side-info__list .lbl{ display:block; font-family:'Oswald', sans-serif; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:#9a9a9a; margin-bottom:2px; }
.tl-side-info__list .val,
.tl-side-info__list a{ font-family:'Open Sans', sans-serif; font-size:14px; line-height:1.5em; color:#363636; text-decoration:none; word-break:break-word; }
.tl-side-info__list a:hover{ color:#4f8f0a; }
.tl-side-info__list .val p{ margin:0; }
.tl-side-specs{ display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 0; padding-top:14px; border-top:1px solid #f0f0f0; }
.tl-side-specs span{
    display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:50px; background:#f3f7ee;
    font-family:'Open Sans', sans-serif; font-size:12px; font-weight:600; color:#4d4d4d;
}
.tl-side-specs i{ color:#69b706; font-size:15px; }