/* Header in tonul proiectului + liste de firme (cautare, categorie, judet, oras). Doar transform/opacity in animatii, fara layout shift. */
:root{--vl-brand:#3e171c;--vl-brand2:#6b2a33;--vl-accent:#d9a066;--vl-ink:#363940;--vl-muted:#626773;--vl-line:#e9eaee}

/* ---------- Bara de sus ---------- */
.topheader{background:linear-gradient(90deg,#190d10 0%,#3e171c 55%,#190d10 100%);color:#e9d3b4;font-size:12px;letter-spacing:.02em}
.topheader .container{overflow:hidden}
.topheader .message,.topheader .topmainmenu{padding:6px 0;line-height:1.4}
.topheader .message{max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topheader a{color:#fff}
.topheader .topmainmenu a{display:inline-block;padding:2px 12px;border-radius:999px;background:linear-gradient(135deg,var(--vl-accent),#c07a3c);color:#1b0f12;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}
.topheader .topmainmenu a:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(217,160,102,.4);color:#1b0f12}

/* ---------- Header ---------- */
.header-area{position:relative;z-index:1000;background:rgba(255,255,255,.94);box-shadow:0 8px 30px rgba(25,13,16,.07)}
.header-area::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--vl-brand),var(--vl-accent),var(--vl-brand2),var(--vl-accent),var(--vl-brand));background-size:200% 100%;animation:vlFlow 9s linear infinite}
.header-area .logo img{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.header-area .logo a:hover img{transform:scale(1.04)}
.mainmenu ul li a{position:relative;transition:color .2s}
.mainmenu ul li>a::after{content:"";position:absolute;right:12px;bottom:6px;left:12px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--vl-brand),var(--vl-accent));transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.mainmenu ul li:hover>a::after,.mainmenu ul li.active>a::after,.mainmenu ul li>a:focus-visible::after{transform:scaleX(1)}
@media (min-width:992px){.header-area{position:sticky;top:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}

/* ---------- Text introductiv lung (cuvinte cheie): doar primele randuri la vedere ---------- */
.blog-left-area.pd-bottom-0>.container>.row>.col-md-12{max-width:980px;margin:0 auto;font-size:14px;line-height:1.65;color:var(--vl-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.blog-left-area.pd-bottom-0>.container>.row>.col-md-12 b{color:var(--vl-ink)}

/* ---------- Bara laterala cu judete ---------- */
.widgets.widgets-cat{padding:18px 16px;border:1px solid var(--vl-line);border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(25,13,16,.06)}
.widgets-title{margin:0 0 10px;padding-bottom:10px;font-size:20px;color:var(--vl-brand);border-bottom:2px solid var(--vl-line)}
.widgets.widgets-cat ul{margin:0;padding:0;list-style:none}
.widgets.widgets-cat ul li{display:block;margin:0;padding:0;border:0;border-bottom:1px solid #f0f0f3}
.widgets.widgets-cat ul li:last-child{border:0}
.widgets.widgets-cat ul li a{padding:9px 8px;border-radius:8px;color:var(--vl-ink);transition:background .15s,color .15s,padding-left .15s}
.widgets.widgets-cat ul li a:hover,.widgets.widgets-cat ul li a:focus-visible{padding-left:14px;background:#faf3ea;color:var(--vl-brand);text-decoration:none}

/* ---------- Carduri de firme ---------- */
.boxinfoversion2{margin:0 0 22px}
.boxinfoversion2 .blog-item{padding:0;border:1px solid var(--vl-line);border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(25,13,16,.07);transition:transform .25s,box-shadow .25s}
.boxinfoversion2 .blog-item:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(25,13,16,.14)}
.boxinfoversion2 .blog-item>.row{display:flex;flex-wrap:wrap;margin:0}
.boxinfoversion2 .blog-item>.row::before,.boxinfoversion2 .blog-item>.row::after{display:none}
.boxinfoversion2 .blog-item>.row>[class*=col-]{padding:18px}
.boxinfoversion2 .box{position:relative;overflow:hidden;border-radius:12px;background:#f6f7f9}
.boxinfoversion2 .box img{display:block;width:100%;margin:0;padding:0;border:0;border-radius:12px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.boxinfoversion2 .blog-item:hover .box img{transform:scale(1.04)}
.boxinfoversion2 .ribbon{top:0;left:0}
.boxinfoversion2 .ribbon span{background:linear-gradient(135deg,var(--vl-accent),#c07a3c);color:#1b0f12}
.boxinfoversion2 .ribbon span::before{border-left-color:#a8672f;border-top-color:#a8672f}
.boxinfoversion2 .ribbon span::after{border-right-color:#a8672f;border-top-color:#a8672f}
.boxinfoversion2 .col-md-4>ul.contactphone:first-of-type{display:none}
.boxinfoversion2 ul.contactphone{margin:10px 0 0;padding:0;list-style:none}
.boxinfoversion2 ul.contactphone li{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:5px 12px 5px 6px;border:1px solid #e6dccf;border-radius:999px;background:#fffaf4;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--vl-brand);box-shadow:none;transition:border-color .2s,background .2s}
.boxinfoversion2 ul.contactphone li:hover{border-color:var(--vl-accent);background:#fff3e3}
.boxinfoversion2 ul.contactphone li i{display:inline-flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--vl-brand);font-size:12px;color:#fff}
.boxinfoversion2 ul.contactphone li a{flex:1;color:var(--vl-brand);text-decoration:none}
.boxinfoversion2 .blog-text h3{margin:2px 0 8px;font-size:21px;font-weight:800;line-height:1.25}
.boxinfoversion2 .blog-text h3 a{color:var(--vl-brand);text-decoration:none}
.boxinfoversion2 .blog-text h3 a:hover{color:var(--vl-brand2)}
.boxinfoversion2 [itemprop=address]{margin:0 0 10px;font-size:13px;color:var(--vl-muted)}
.boxinfoversion2 [itemprop=address] i{margin:0 4px 0 8px;color:var(--vl-accent)}
.boxinfoversion2 [itemprop=address] i:first-child{margin-left:0}
.boxinfoversion2 .blog-text p{margin:0;font-size:14.5px;line-height:1.65;color:#4b5060;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}

/* ---------- Paginare ---------- */
div.pager{float:none!important;clear:both;display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin:28px 0 12px!important;padding:0;text-align:left;font-size:16px;font-weight:600;color:var(--vl-muted)}
div.pager ul.yiiPager{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;margin:0!important;padding:0!important;list-style:none!important;float:none!important}
div.pager ul.yiiPager li{display:block!important;float:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
div.pager ul.yiiPager li.hidden{display:none!important}
div.pager ul.yiiPager li a,div.pager ul.yiiPager li span{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-width:48px;height:48px;padding:0 16px!important;border:1.5px solid var(--vl-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 2px rgba(20,24,30,.06);font-size:17px!important;font-weight:700!important;line-height:1!important;text-align:center;text-transform:none;text-decoration:none!important;color:var(--vl-brand)!important;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s}
div.pager ul.yiiPager li.first a,div.pager ul.yiiPager li.last a,div.pager ul.yiiPager li.previous a,div.pager ul.yiiPager li.next a{font-size:20px!important;color:var(--vl-brand)!important}
div.pager ul.yiiPager li a:hover,div.pager ul.yiiPager li a:focus-visible{border-color:var(--vl-accent)!important;background:#faf3ea!important;color:var(--vl-brand)!important;transform:translateY(-2px);box-shadow:0 6px 14px rgba(20,24,30,.12)}
div.pager ul.yiiPager li.selected a,div.pager ul.yiiPager li.selected span{border-color:var(--vl-brand)!important;background:var(--vl-brand)!important;color:#fff!important;box-shadow:0 6px 14px rgba(20,24,30,.22)}
@media (max-width:575px){div.pager{gap:8px;font-size:15px}div.pager ul.yiiPager{gap:8px}div.pager ul.yiiPager li a,div.pager ul.yiiPager li span{min-width:44px;height:44px;padding:0 12px!important;font-size:16px!important}}

@keyframes vlFlow{from{background-position:0 0}to{background-position:200% 0}}

@media (max-width:767px){
 .topheader .message{max-width:100%;font-size:11px}
 .topheader .topmainmenu{float:none;width:100%;padding-top:0}
 .boxinfoversion2 .blog-item>.row>[class*=col-]{width:100%;padding:14px}
 .boxinfoversion2 .blog-text h3{font-size:19px}
 .boxinfoversion2 ul.contactphone{display:flex;flex-wrap:wrap;gap:8px}
 .boxinfoversion2 ul.contactphone li{margin:0}
 .widgets.widgets-cat ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0 10px}
}
@media (prefers-reduced-motion:reduce){
 .header-area::after{animation:none}
 .boxinfoversion2 .blog-item,.boxinfoversion2 .box img,.boxinfoversion2 ul.contactphone li,.header-area .logo img{transition:none}
}