.blog-article-item .article-thumb img{width:100%;height:220px;object-fit:cover;border-radius:8px}.blog-article-item .article-content{padding:20px 0}.sidebar-item .p-24{border-color:#ffffff14!important}.tf-pagination .pagination-item{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.12);border-radius:8px;color:#00000099;text-decoration:none;transition:all .2s}.tf-pagination .pagination-item.active,.tf-pagination .pagination-item:hover{background:var(--color-primary, #7c3aed);border-color:var(--color-primary, #7c3aed);color:#fff}.tags-item.active{background:var(--color-primary, #7c3aed);color:#fff}.blog-content h2,.blog-content h3,.blog-content h4{color:#18181b;margin-top:2rem;margin-bottom:1rem}.blog-content p{color:#000000bf;line-height:1.8;margin-bottom:1.25rem}.blog-content code{background:#0000000f;color:#18181b;padding:2px 6px;border-radius:4px;font-size:.9em}.blog-content pre{background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:16px;overflow-x:auto;margin:1.5rem 0}.tags-item{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;color:#fff!important;background:#ffffff1f;border:1px solid rgba(255,255,255,.2)}.list-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.benefits-box.benefits-design,.benefits-box.benefits-secure{display:flex;flex-direction:column;height:auto!important;overflow:visible!important}.benefits-box.benefits-design .content,.benefits-box.benefits-secure .content{position:relative!important;inset:auto!important;z-index:10;padding:16px 0 0}.benefits-box.benefits-design .content{position:static!important;transform:none!important;padding:16px 24px 24px!important;background:transparent!important}.benefits-box.benefits-design{padding-bottom:24px!important}.benefits-secure-inner img,.benefits-design-inner img{width:100%;height:160px;object-fit:cover;border-radius:12px;display:block;position:relative;z-index:1}.benefits-secure .content,.benefits-design .content{position:relative;z-index:2}.section-services .accordion-title,.section-services .accordion-content .text,.section-services h2,.section-services h3,.section-services .text-white{color:#1a1a1a!important}.section-services .text-neutral-300,.section-services .text-secondary{color:#0009!important}.section-services .accordion-faq_item .accordion-action.collapsed .accordion-title{color:#18181b!important}.section-services .accordion-faq_item .accordion-action.collapsed .accordion-title .num{color:#18181b73!important}.section-services .accordion-faq_item .accordion-action:not(.collapsed) .accordion-title,.section-services .accordion-faq_item .accordion-action.active-img .accordion-title{color:#fff!important}.section-services .accordion-faq_item .accordion-action:not(.collapsed) .accordion-title .num{color:#ffffff80!important}body .flat-spacing .list-tags .tags-item,a.tags-item,.list-tags a.tags-item{color:#1a1a1a!important;background:#0000000f!important;border:1px solid rgba(0,0,0,.12)!important}a.tags-item:hover{color:#7c3aed!important;border-color:#7c3aed!important;background:#7c3aed0f!important}.alert-danger{background:#ef44441f;border-color:#ef444433;color:#fca5a5;border-radius:8px}.alert-success{background:#22c55e1f;border-color:#22c55e33;color:#86efac;border-radius:8px}.blog-content ul,.blog-content ol{padding-left:1.6rem!important;margin-bottom:1.25rem!important}.blog-content ul{list-style:disc!important}.blog-content ul ul{list-style:circle!important}.blog-content ul ul ul{list-style:square!important}.blog-content ol{list-style:decimal!important}.blog-content ul>li:before{content:"\2022"!important;position:absolute;left:0;color:#0009!important;font-size:1.1em;line-height:1.8}.blog-content ul li:before{content:none!important}.blog-content ul>li{list-style-type:disc!important}.blog-content ol>li{list-style-type:decimal!important}.blog-content ul>li::marker,.blog-content ol>li::marker{color:#0009!important}.blog-content li{color:#000000bf!important;line-height:1.8;margin-bottom:.4rem}.language-switcher{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.language-switcher .lang-active{color:var(--primary-color, #5c6bc0);cursor:default}.language-switcher .lang-option{color:var(--text-muted, #888);text-decoration:none;transition:color .2s}.language-switcher .lang-option:hover{color:var(--primary-color, #5c6bc0)}.lang-switcher-wrap{position:fixed;top:18px;right:100px;z-index:9999;display:flex;align-items:center;gap:4px;background:#ffffffd9;backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:4px 10px}.lang-btn{font-size:12px;font-weight:700;letter-spacing:.05em;line-height:1;padding:2px 4px;border-radius:4px;text-decoration:none;transition:color .2s}.lang-btn.lang-active{color:#8cb6ac;cursor:default}.lang-btn.lang-option{color:#999}.lang-btn.lang-option:hover{color:#8cb6ac}.privacy-en-notice{position:relative;z-index:1;margin-top:100px}.section-tools .heading-title{max-width:500px;margin-left:auto;margin-right:auto}@media(max-width:767px){.blog-featured-item{grid-template-columns:1fr!important}.blog-featured-item>a:first-child{max-height:240px!important}.blog-featured-item>div:last-child{padding:24px!important}}@media(max-width:767px){.section-blog.flat-spacing{padding-top:150px!important}}.section-services .accordion-content .text,.section-services .accordion-content .text-neutral-300,.section-services .accordion-content .text-secondary{color:#ffffffb3!important}.section-services .accordion-content .list-tags .tags-item{color:#fff!important;background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important}
/* Navbar mai aerisit — meniul a crescut (s-a adăugat Oravio); lărgim pilula pe desktop
   și mărim spațiul dintre iteme. Pe mobil rămâne neschimbat (header-inner e unset!important <=991px). */
.header-inner{max-width:1280px!important}
.nav-menu-main{gap:28px!important}
@media(max-width:1199px){.nav-menu-main{gap:18px!important}.item-link{font-size:15px!important}}
/* Logo Oravio din secțiunea features: scoatem cardul roșu „app icon" al template-ului
   (fundal + glow + dimensiune fixă) ca logo-ul verde să se vadă curat pe pagina deschisă. */
.features-center{background:none!important;box-shadow:none!important;width:auto!important;height:auto!important;border-radius:0!important}
.features-center img{width:210px!important;height:auto!important}
/* Linkurile din articole: nu exista nicio regula .blog-content a, deci mosteneau
   culoarea paragrafului si erau practic invizibile. Verde Oravio + subliniere.
   Folosim nuanta inchisa (#15803d): #16a34a are doar 3:1 contrast pe fundalul
   articolului, sub pragul WCAG AA de 4.5:1 — adica tot greu de citit. */
.blog-content a{color:#15803d!important;text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:500;transition:color .15s}
.blog-content a:hover,.blog-content a:focus{color:#166534!important;text-decoration-thickness:2px}
/* Linkul care invaluie o imagine nu are ce sublinia. */
.blog-content a:has(img){text-decoration:none!important}

/* Ascunde continutul vizual, dar il pastreaza pentru cititoarele de ecran.
   Buildul de Bootstrap 5.3.2 din ~/assets/css/bootstrap.min.css e trimis fara
   utilitarul .visually-hidden (si fara vechiul .sr-only), deci il definim aici.
   Folosit pentru etichetele campurilor a caror functie e evidenta vizual
   (cautare, selectoare pe rand de tabel), unde o eticheta afisata ar dubla inutil. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Estompare la hover pentru butoanele-link (CTA).
   Inlocuieste perechea inline onmouseover/onmouseout: aceea nu se declanseaza
   la navigarea din tastatura, deci utilizatorul care ajunge pe buton cu Tab nu
   primea niciun raspuns vizual. :focus-visible acopera exact acel caz. */
.ludo-cta-fade{transition:opacity .2s}
.ludo-cta-fade:hover,.ludo-cta-fade:focus-visible{opacity:.85}

/* Variante ale aceluiasi tipar: efect de hover mutat din onmouseover inline,
   ca sa raspunda si la focus din tastatura. Valorile sunt cele dinainte. */
.ludo-cta-fade-soft{transition:opacity .2s}
.ludo-cta-fade-soft:hover,.ludo-cta-fade-soft:focus-visible{opacity:.88}

/* Se pune pe LINKUL care invaluie imaginea, nu pe imagine: <img> nu primeste
   focus, deci un :focus-visible pe ea n-ar fi facut nimic pentru tastatura. */
.ludo-zoom img{transition:transform .4s ease}
.ludo-zoom:hover img,.ludo-zoom:focus-visible img{transform:scale(1.04)}

/* Culoarea de baza ramane in style-ul elementului; --hover-bg da varianta
   de hover, ca o singura clasa sa acopere cazuri cu fundaluri diferite. */
.ludo-hover-bg{transition:background .2s}
.ludo-hover-bg:hover,.ludo-hover-bg:focus-visible{background:var(--hover-bg)}

/* .accordion-action a devenit <button> nativ (era div cu role="button", deci
   nu se putea deschide din tastatura: Bootstrap asculta click, iar Enter pe un
   div nu genereaza click). Anulam stilul implicit de buton, ca aspectul sa
   ramana neschimbat; restul vine din .accordion-faq_item .accordion-action. */
button.accordion-action{width:100%;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}

/* Buton care trebuie sa arate ca un link (ex: "Setari cookie-uri" din footer,
   care deschide un dialog, deci semantic e buton, nu ancora). */
.ludo-linklike{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}

/* Meniul Produse (LudoCar, Oravio → Despre/Prețuri/Documentație).
   styles.min.css nu conține regulile de dropdown ale șablonului (sunt doar în
   styles.css, neîncărcat), așa că le scriem aici, cu aceleași valori.
   "Produse" e buton, nu link: nu are pagină proprie. */
.menu-item.has-child{position:relative;cursor:pointer}
/* Punte invizibilă peste golul de 20px dintre "Produse" și listă, ca hover-ul să nu se piardă. */
.menu-item.has-child::after{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:24px;display:none}
.menu-item.has-child:hover::after{display:block}
.nav-menu-main .sub-menu{position:absolute;top:calc(100% + 20px);left:-31px;z-index:10;min-width:150px;padding:12px 0;background-color:var(--neutral-100,#fff);border-radius:8px;box-shadow:rgba(0,0,0,.05) 0 10px 20px 0;opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:all .3s ease}
.nav-menu-main .sub-menu li>a{padding:4px 16px}
.nav-menu-main .sub-menu .item-link::before{display:none}
.menu-item.has-child:hover>.sub-menu,.menu-item.has-child:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}
.ludo-nav-btn{background:none;border:0;padding:0;color:inherit;font-family:inherit;cursor:pointer;align-items:center;gap:4px}
.ludo-nav-btn .icon,.sub-menu .item-link .icon{font-size:14px;line-height:1}
.sub-menu .item-link{white-space:nowrap;justify-content:space-between;align-items:center;gap:16px}
/* Al doilea nivel (Oravio) se deschide lateral, doar la hover/focus pe Oravio. */
.ludo-has-sub{position:relative}
.nav-menu-main .sub-menu .ludo-has-sub>.sub-menu{top:-12px;left:100%;transform:translateX(10px)}
.nav-menu-main .sub-menu .ludo-has-sub:hover>.sub-menu,.nav-menu-main .sub-menu .ludo-has-sub:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateX(0);pointer-events:all}

/* Mobil: "Produse" se pliază (collapse din Bootstrap). */
.ludo-mb-toggle{background:none;border:0;padding:0;font-family:inherit;cursor:pointer;width:100%;text-align:end;justify-content:flex-end}
.ludo-mb-caret{font-size:.5em;vertical-align:middle;display:inline-block;transition:transform .3s}
.ludo-mb-toggle:not(.collapsed) .ludo-mb-caret{transform:rotate(180deg)}
.ludo-mb-sub{display:grid;gap:6px;padding:4px 0 12px}
.ludo-mb-sub a{color:var(--white);font-size:24px;line-height:1.3;font-weight:600}
.ludo-mb-sub a:hover{color:var(--brand)}
.ludo-mb-sub2 a{font-size:18px;font-weight:400;color:var(--neutral-200)}