/* ============================================================
   RELOKAT — VARIANTA C · MODERNIZARE MAI PUTERNICA
   Identitatea Relokat ramane (portocaliu #f69323, navy, header
   pe doua niveluri) dar: hero nou pe homepage, calculator promovat
   vizibil, CTA sticky dual pe mobil, carduri si layout mai dinamice,
   proces + FAQ, formular restilizat. NU template SaaS generic.
   ============================================================ */

/* --- baza (rafinarile A/B) ---------------------------------- */
.rlk-vc .wpb_text_column p { line-height: 1.78; }
.rlk-vc .g5plus-heading .heading-title { letter-spacing: -.4px; }
.rlk-vc a.bt, .rlk-vc input[type="submit"].wpcf7-form-control,
.rlk-vc .rlw-next, .rlk-vc .rlw-send, .rlk-vc .rlk-cta2 a {
    border-radius: 10px !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.rlk-vc a.bt:hover, .rlk-vc .rlk-cta2 a:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,.22); }
.rlk-vc a.bt:focus-visible, .rlk-vc .rlk-cta2 a:focus-visible, .rlk-vc .rlw-next:focus-visible { outline: 3px solid #f69323; outline-offset: 2px; }
/* FIX 2026-07-30: shorthand-ul `padding` de aici suprascria `padding-left:45px` al temei,
   iar textul intra sub iconitele absolute de 45px. Folosim longhand-uri si NU atingem
   padding-left — zona iconitei ramane a temei, pe orice formular, in orice limba. */
.rlk-vc .wpcf7 input[type="text"], .rlk-vc .wpcf7 input[type="email"],
.rlk-vc .wpcf7 input[type="tel"], .rlk-vc .wpcf7 textarea {
    border: 1.5px solid #d6d3cc !important; border-radius: 12px !important;
    padding-top: 14px !important; padding-right: 16px !important; padding-bottom: 14px !important;
    background: #fdfcfa !important; transition: border-color .15s ease, box-shadow .15s ease;
}
/* Inventar VERIFICAT IN BROWSER (computed ::before), nu din grep — 2026-07-30.
   CU iconita Flaticon (45px absolut) -> email, first-name, last-name, text-786, description
      => acestea NU se ating, pastreaza rezerva de 45px a temei.
   FARA iconita -> nume, telefon, descriere (formularul de pe Acasa)
      => primesc padding normal, ca sa nu ramana un gol inexplicabil in stanga.
   Atentie: `description` (Contact) ARE iconita, `descriere` (Acasa) NU — nume diferite,
   comportament diferit in tema. Verificat individual, nu presupus. */
.rlk-vc .wpcf7 .wpcf7-form-control-wrap.nume > input,
.rlk-vc .wpcf7 .wpcf7-form-control-wrap.telefon > input,
.rlk-vc .wpcf7 .wpcf7-form-control-wrap.descriere > textarea { padding-left: 16px !important; }
.rlk-vc .wpcf7 input:focus, .rlk-vc .wpcf7 textarea:focus {
    border-color: #f69323 !important; box-shadow: 0 0 0 4px rgba(246,147,35,.14); outline: none;
}
.rlk-vc .rlk-up-drop { border-radius: 12px; }
.rlk-vc .x-nav-menu > li > a .x-menu-text { position: relative; }
.rlk-vc .x-nav-menu > li > a .x-menu-text::after {
    content: ""; position: absolute; left: 0; right: 100%; bottom: -6px; height: 2px;
    background: #f69323; transition: right .18s ease;
}
.rlk-vc .x-nav-menu > li > a:hover .x-menu-text::after { right: 0; }

/* --- HERO NOU (homepage): sliderul original e ascuns --------- */
.rlk-vc.rlk-home .rev_slider_wrapper,
.rlk-vc.rlk-home .forcefullwidth_wrapper_tp_banner { display: none !important; }
.rlk-vc .rlk-heroC {
    position: relative; color: #fff; overflow: hidden;
    background: #16233a;
    padding: 84px 20px 92px;
}
/* Slider-ul de fundal al hero-ului (EN: 2 imagini, RO: una singura).
   Imaginile stau suprapuse si se schimba prin opacitate, nu prin glisare —
   asa nu se misca textul si butoanele de deasupra. */
.rlk-vc .rlk-heroC .bgs { position: absolute; inset: 0; }
.rlk-vc .rlk-heroC .bg {
    position: absolute; inset: 0;
    background-size: cover; background-position: right center;
    filter: saturate(.92);
    opacity: 0; transition: opacity .9s ease;
}
/* Clasa .on e pusa direct in HTML pe prima imagine, deci daca JS-ul nu apuca sa
   ruleze fundalul ramane oricum vizibil. Nicio regula de fallback pe :first-child:
   ar tine prima imagine aprinsa si dupa ce trece pe a doua. */
.rlk-vc .rlk-heroC .bg.on { opacity: 1; }

.rlk-vc .rlk-heroC .hnav {
    position: absolute; top: 50%; transform: translateY(-50%);
    z-index: 3; width: 44px; height: 44px; border-radius: 50%;
    border: 1px solid rgba(255,255,255,.45); background: rgba(18,30,52,.42);
    color: #fff; font-size: 17px; line-height: 1; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background .2s, border-color .2s;
}
.rlk-vc .rlk-heroC .hnav:hover { background: rgba(246,147,35,.9); border-color: #f69323; }
.rlk-vc .rlk-heroC .hnav:focus-visible { outline: 2px solid #ffb75e; outline-offset: 2px; }
.rlk-vc .rlk-heroC .hnav.prev { left: 14px; }
.rlk-vc .rlk-heroC .hnav.next { right: 14px; }

/* Punctele stau jos-dreapta, nu centrat: cardul cu calculatorul iese peste
   marginea de jos a hero-ului si le-ar acoperi exact pe mijloc. */
.rlk-vc .rlk-heroC .hdots {
    position: absolute; right: 26px; bottom: 92px; z-index: 3;
    display: flex; gap: 9px;
}
.rlk-vc .rlk-heroC .hdot {
    width: 10px; height: 10px; border-radius: 50%; cursor: pointer;
    border: 1px solid rgba(255,255,255,.75); background: transparent; padding: 0;
    transition: background .2s, transform .2s;
}
.rlk-vc .rlk-heroC .hdot.on { background: #f69323; border-color: #f69323; transform: scale(1.18); }
.rlk-vc .rlk-heroC .hdot:focus-visible { outline: 2px solid #ffb75e; outline-offset: 3px; }

@media (max-width: 640px) {
    .rlk-vc .rlk-heroC .hnav { width: 38px; height: 38px; font-size: 15px; }
    .rlk-vc .rlk-heroC .hnav.prev { left: 6px; }
    .rlk-vc .rlk-heroC .hnav.next { right: 6px; }
    .rlk-vc .rlk-heroC .hdots { right: 14px; bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .rlk-vc .rlk-heroC .bg { transition: none; }
}
.rlk-vc .rlk-heroC .bg::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(100deg, rgba(18,30,52,.92) 0%, rgba(20,34,57,.80) 38%, rgba(23,38,63,.30) 68%, rgba(23,38,63,.05) 100%);
}
.rlk-vc .rlk-heroC .in { position: relative; max-width: 1140px; margin: 0 auto; }
.rlk-vc .rlk-heroC .kicker { color: #ffb75e; font-weight: 800; letter-spacing: 2.5px; font-size: 12px; text-transform: uppercase; margin-bottom: 14px; }
.rlk-vc .rlk-heroC h1 { color: #fff; font-size: clamp(30px, 4.6vw, 52px); line-height: 1.08; font-weight: 800; margin: 0 0 18px; max-width: 15ch; letter-spacing: -1px; }
.rlk-vc .rlk-heroC h1 b { color: #f69323; }
.rlk-vc .rlk-heroC p { font-size: 17px; color: #d5deec; max-width: 54ch; margin: 0 0 26px; line-height: 1.65; }
.rlk-vc .rlk-heroC p b { color: #ffb75e; font-weight: 700; }
/* textul hero-ului se schimba odata cu imaginea (slider EN, 2 slide-uri) */
.rlk-vc .rlk-heroC .htxt { transition: opacity .22s ease; }
.rlk-vc .rlk-heroC .htxt.sw { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
    .rlk-vc .rlk-heroC .htxt { transition: none; }
    .rlk-vc .rlk-heroC .htxt.sw { opacity: 1; }
}
.rlk-vc .rlk-heroC .acts { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 26px; }
.rlk-vc .rlk-heroC a.main { background: #f69323; color: #12213b; font-weight: 800; text-decoration: none; padding: 16px 30px; border-radius: 12px; font-size: 15.5px; box-shadow: 0 10px 30px rgba(246,147,35,.35); }
.rlk-vc .rlk-heroC a.main:hover { transform: translateY(-2px); }
.rlk-vc .rlk-heroC a.alt { color: #fff; font-weight: 700; text-decoration: none; padding: 15px 26px; border-radius: 12px; border: 2px solid rgba(255,255,255,.4); font-size: 15px; }
.rlk-vc .rlk-heroC a.alt:hover { border-color: #f69323; color: #ffb75e; }
.rlk-vc .rlk-heroC .chips { display: flex; gap: 10px; flex-wrap: wrap; }
.rlk-vc .rlk-heroC .chip { font-size: 12.5px; font-weight: 700; color: #ffd9a8; border: 1px solid rgba(246,147,35,.5); background: rgba(18,30,52,.55); border-radius: 99px; padding: 6px 14px; backdrop-filter: blur(2px); }

/* --- PROMO CALCULATOR (homepage, sub hero) ------------------- */
.rlk-vc .rlk-calcpromo { max-width: 1140px; margin: -46px auto 10px; position: relative; z-index: 5; padding: 0 16px; }
.rlk-vc .rlk-calcpromo .card {
    background: #fff; border-radius: 16px; box-shadow: 0 18px 50px rgba(18,33,59,.16);
    padding: 24px 26px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap;
    border-left: 5px solid #f69323;
}
.rlk-vc .rlk-calcpromo .t { font-weight: 800; color: #1d3052; font-size: 19px; margin: 0 0 4px; }
.rlk-vc .rlk-calcpromo .s { color: #5d6b78; font-size: 14px; margin: 0; }
.rlk-vc .rlk-calcpromo a { background: #1d3052; color: #fff; font-weight: 800; text-decoration: none; padding: 14px 26px; border-radius: 10px; font-size: 14.5px; white-space: nowrap; transition: background .15s ease, transform .15s ease; }
.rlk-vc .rlk-calcpromo a:hover { background: #f69323; color: #12213b; transform: translateY(-1px); }

/* --- carduri servicii mai dinamice --------------------------- */
.rlk-vc .g5plus-icon-box {
    border-radius: 14px; border-left: 4px solid transparent;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    padding: 8px;
}
.rlk-vc .entry-content .g5plus-icon-box:hover {
    transform: translateY(-4px); box-shadow: 0 14px 34px rgba(18,33,59,.13); border-left-color: #f69323;
    background: #fff;
}
.rlk-vc .testimonial-item { border-radius: 14px; }

/* --- pasii procesului + FAQ (stil C) ------------------------ */
.rlk-vc .rlk-steps { background: linear-gradient(180deg, #f7f5f0, #efece5); padding: 54px 16px 48px; }
.rlk-vc .rlk-steps .in { max-width: 1140px; margin: 0 auto; }
.rlk-vc .rlk-steps h2 { text-align: center; font-weight: 800; color: #1d3052; margin: 0 0 30px; font-size: 30px; letter-spacing: -.5px; }
.rlk-vc .rlk-steps h2 b { color: #f69323; }
.rlk-vc .rlk-steps .row { display: flex; gap: 0; flex-wrap: wrap; justify-content: center; position: relative; }
.rlk-vc .rlk-steps .st { flex: 1 1 170px; max-width: 215px; text-align: center; padding: 10px 14px; position: relative; }
.rlk-vc .rlk-steps .st + .st::before {
    content: "→"; position: absolute; left: -8px; top: 26px; color: #f69323; font-size: 20px; font-weight: 800;
}
.rlk-vc .rlk-steps .n {
    width: 52px; height: 52px; border-radius: 16px; background: #1d3052; color: #ffb75e;
    font-weight: 800; font-size: 20px; display: flex; align-items: center; justify-content: center;
    margin: 0 auto 12px; transform: rotate(-4deg); box-shadow: 0 8px 18px rgba(18,33,59,.22);
}
.rlk-vc .rlk-steps .st:hover .n { transform: rotate(0deg) scale(1.06); transition: transform .18s ease; }
.rlk-vc .rlk-steps .t { font-weight: 800; color: #1d3052; font-size: 15.5px; }
.rlk-vc .rlk-faq { max-width: 860px; margin: 46px auto; padding: 0 16px; }
.rlk-vc .rlk-faq h2 { text-align: center; font-weight: 800; color: #1d3052; font-size: 30px; margin: 0 0 22px; letter-spacing: -.5px; }
.rlk-vc .rlk-faq details { background: #fff; border: 1.5px solid #e6e2da; border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: border-color .15s ease; }
.rlk-vc .rlk-faq details[open] { border-color: #f69323; }
.rlk-vc .rlk-faq summary { cursor: pointer; font-weight: 800; color: #1d3052; padding: 17px 20px; list-style: none; position: relative; padding-right: 48px; font-size: 15.5px; }
.rlk-vc .rlk-faq summary::-webkit-details-marker { display: none; }
.rlk-vc .rlk-faq summary::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); color: #f69323; font-size: 24px; font-weight: 800; transition: transform .15s ease; }
.rlk-vc .rlk-faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.rlk-vc .rlk-faq .a { padding: 0 20px 17px; color: #4b5563; line-height: 1.7; font-size: 14.5px; }

/* --- CTA real (Preturi) ------------------------------------- */
.rlk-vc .rlk-cta2 { position: relative; background: #16233a; color: #fff; text-align: center; padding: 58px 20px 62px; overflow: hidden; }
.rlk-vc .rlk-cta2::before { content: ""; position: absolute; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(246,147,35,.22), transparent 65%); top: -160px; right: -80px; }
.rlk-vc .rlk-cta2 h2 { color: #fff; font-weight: 800; font-size: 33px; margin: 0 0 12px; letter-spacing: -.5px; position: relative; }
.rlk-vc .rlk-cta2 h2 b { color: #f69323; }
.rlk-vc .rlk-cta2 p { color: #cdd7e6; max-width: 640px; margin: 0 auto 26px; font-size: 16px; position: relative; }
.rlk-vc .rlk-cta2 .rlk-cta2-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative; }
.rlk-vc .rlk-cta2 a.rlk-cta2-main { background: #f69323; color: #12213b; font-weight: 800; text-decoration: none; padding: 16px 30px; display: inline-block; font-size: 15.5px; box-shadow: 0 10px 30px rgba(246,147,35,.30); }
.rlk-vc .rlk-cta2 a.rlk-cta2-alt { background: rgba(255,255,255,.07); color: #fff; font-weight: 700; text-decoration: none; padding: 15px 27px; display: inline-block; font-size: 15px; border: 2px solid rgba(255,255,255,.4); }
.rlk-vc .rlk-cta2 a.rlk-cta2-alt:hover { border-color: #f69323; color: #ffb75e; }

/* --- calculator mai vizibil --------------------------------- */
.rlk-vc .page-title { background-blend-mode: multiply; }
.rlk-vc .rlw-wrap { border-radius: 18px; border: 1.5px solid #f0d9b8; box-shadow: 0 20px 55px rgba(20,40,60,.12); }
.rlk-vc .rlw-opt { border-radius: 12px; transition: all .14s ease; }
.rlk-vc .rlw-opt:hover { background: #fdf6ec; border-color: #f69323; transform: translateX(4px); }
.rlk-vc .rlw-bar { height: 9px; border-radius: 6px; }
.rlk-vc .rlw-bar i { background: linear-gradient(90deg, #f69323, #ffb75e); }
.rlk-vc .rlw-next { font-size: 16px; padding: 15px 18px; }
/* bulina intrebarii ramane PORTOCALIE, ca in restul site-ului (cerinta Cristian 2026-07-29) */

/* --- CTA sticky dual pe mobil -------------------------------- */
.rlk-vc .rlk-quotebar { display: none; }
.rlk-vc .rlk-stickycta { display: none; }
@media (max-width: 480px) {
    .rlk-vc .rlk-stickycta {
        display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1050;
        box-shadow: 0 -6px 18px rgba(0,0,0,.22);
    }
    .rlk-vc .rlk-stickycta a {
        flex: 1; text-align: center; text-decoration: none; font-weight: 800; font-size: 13px;
        padding: 15px 4px; display: flex; align-items: center; justify-content: center; gap: 6px;
    }
    .rlk-vc .rlk-stickycta a.calc { background: #f69323; color: #12213b; }
    .rlk-vc .rlk-stickycta a.wa { background: #1fa855; color: #fff; }
    /* butonul de apel (cererea fratelui, 10.08) */
    .rlk-vc .rlk-stickycta a.tel { background: #1d3052; color: #fff; }
    .rlk-vc .rlk-stickycta a.tel .fa { font-size: 14px; }
    .rlk-vc.rlk-gdpr-open .rlk-stickycta { display: none; }
    .rlk-vc .rlk-whatsapp { bottom: 74px; }
    /* Butonul flotant de APEL merge in PERECHE cu bula de WhatsApp (17.08.2026).
       Din 17.08 apare pe toate paginile, nu doar pe calculator, deci trebuie sa
       primeasca EXACT aceleasi inaltimi ca .rlk-whatsapp la fiecare situatie —
       altfel, sub 480px, ramanea la bottom:14 (din relokat-float.css) in timp ce
       WhatsApp urca la 74 si cele doua bule nu mai erau pe acelasi rand, iar
       apelul cadea peste bara sticky. Latimea/offsetul pe orizontala (right:74px)
       raman in relokat-float.css. */
    .rlk-vc .rlk-call { bottom: 74px; }
    .rlk-vc.rlk-calcpage .rlk-stickycta { display: none; }   /* pe calculator exista bara de pret proprie */
    .rlk-vc.rlk-calcpage .rlk-whatsapp { bottom: 14px; }
    .rlk-vc.rlk-calcpage .rlk-call { bottom: 14px; }
    .rlk-vc .rlk-heroC { padding: 60px 18px 70px; }
    .rlk-vc .rlk-calcpromo { margin-top: -30px; }
    .rlk-vc .rlk-steps .st + .st::before { display: none; }
    .rlk-vc .wpcf7 input[type="text"], .rlk-vc .wpcf7 input[type="email"], .rlk-vc .wpcf7 textarea { font-size: 16px !important; }
    .rlk-vc .rlk-cta2 h2 { font-size: 25px; }
}

/* Sagetile dintre pasii Procesului se ascund ORIUNDE randul se rupe pe 2 randuri
   (sub ~920px cei 5 pasi nu mai incap pe o linie si sagetile rataceau la marginea
   randului 2 — feedback frate 10.08). Regula veche acoperea doar <=480. */
@media (max-width: 919px) {
    .rlk-vc .rlk-steps .st + .st::before { display: none; }
}

/* Butoanele CTA duble pe mobil: aceeasi latime, unul sub altul, centrate
   (feedback frate 10.08 — „sa fie in linie, la fel de late ambele"). */
@media (max-width: 640px) {
    .rlk-vc .rlk-cta2 .rlk-cta2-btns a {
        flex: 1 1 100%; max-width: 340px; margin: 0 auto; box-sizing: border-box; text-align: center;
    }
}

/* --- reveal ------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
    .rlk-vc .rlk-reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
    .rlk-vc .rlk-reveal.rlk-inview { opacity: 1; transform: none; }
}

/* --- P4-P10 (2026-07-30): simetrie si redesign liste -----------------------
   Totul prin CSS, pe markup-ul existent — continutul si SEO raman neatinse.
   Vizeaza DOAR listele simple <ul> fara clasa din coloanele de text (cele 4 de
   pe Acasa: Atuuri, Etape, Beneficii, Servicii auxiliare). `moveco-list` si
   meniurile au clasa proprie, deci nu sunt afectate. */
/* flex cu crestere, NU grid: la grid, un rand incomplet (ex. 8 elemente pe 5
   coloane) lasa celule goale in dreapta — exact ce deranja. Cu flex-grow,
   elementele de pe ultimul rand se intind si umplu latimea, orice numar ar fi. */
.rlk-vc .wpb_text_column .wpb_wrapper > ul:not([class]) {
    list-style: none; margin: 22px 0 26px; padding: 0;
    display: flex; flex-wrap: wrap; gap: 10px;
}
.rlk-vc .wpb_text_column .wpb_wrapper > ul:not([class]) > li {
    flex: 1 1 210px;
    position: relative; margin: 0; padding: 6px 14px 6px 20px;
    font-size: 15px; line-height: 1.5; color: #2b2b2b;
}
.rlk-vc .wpb_text_column .wpb_wrapper > ul:not([class]) > li::before {
    content: ""; position: absolute; left: 2px; top: 13px;
    width: 6px; height: 6px; border-radius: 50%; background: #f69323;
}

/* P10: textul despre parteneri era limitat la 640px si centrat cu marje de 265px,
   deci iesea vizibil mai ingust decat restul paginii. Limita e pe .wpb_text_column
   insusi (verificat prin lantul de ancestori in browser), nu pe coloana. */
.rlk-vc .wpb_text_column.max-width-640 { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }

/* P5: randul „De ce sa alegeti…" are 2 coloane egale, dar cea din stanga e cu
   ~190px mai inalta decat cea din dreapta => gol vizibil in dreapta jos.
   Egalizam inaltimile si lasam lista din dreapta sa se distribuie pe toata
   inaltimea, ca golul sa dispara fara sa mutam continut in DOM. */
.rlk-vc .vc_row.vc_custom_1501172749890 { display: flex; flex-wrap: wrap; align-items: stretch; }
.rlk-vc .vc_row.vc_custom_1501172749890 > .vc_col-sm-12 { flex: 1 1 100%; }
.rlk-vc .vc_row.vc_custom_1501172749890 > .vc_col-sm-6 { display: flex; float: none; }
.rlk-vc .vc_row.vc_custom_1501172749890 > .vc_col-sm-6 > .vc_column-inner { display: flex; flex-direction: column; width: 100%; }
.rlk-vc .vc_row.vc_custom_1501172749890 > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; flex: 1 1 auto; }
.rlk-vc .vc_row.vc_custom_1501172749890 .moveco-list { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; }

@media (max-width: 640px) {
    .rlk-vc .wpb_text_column .wpb_wrapper > ul:not([class]) > li { flex: 1 1 100%; }
}

/* P4 (2026-07-30): cele 6 carduri de servicii au latimi egale (395px) dar
   inaltimi diferite (304/334/364/334/304/244) => rand vizual neregulat.
   Structura REALA, verificata in browser: .wpb_wrapper > 6x .col-md-6 (2 pe rand)
   > .g5plus-icon-box. Tintim EXACT wrapper-ul care contine cardurile — o prima
   incercare mai larga, pe .vc_row.vc_inner, transformase wrapper-ul in coloana
   si stivuise cardurile vertical (regresie prinsa la verificare si eliminata).
   `:has()` limiteaza fix-ul la containerele care chiar au carduri; fara suport,
   layoutul ramane exact ca inainte. */
.rlk-vc .entry-content .wpb_wrapper:has(> .col-md-6 > .g5plus-icon-box) {
    display: flex; flex-wrap: wrap; align-items: stretch;
}
.rlk-vc .entry-content .wpb_wrapper:has(> .col-md-6 > .g5plus-icon-box) > .col-md-6 {
    display: flex; float: none;
}
.rlk-vc .entry-content .wpb_wrapper:has(> .col-md-6 > .g5plus-icon-box) > .col-md-6 > .g5plus-icon-box {
    flex: 1 1 auto; width: 100%;
}

/* Recenzii (2026-07-30): coloana de text „Pareri Clienti" se termina cu ~59px mai
   jos decat caruselul de recenzii din dreapta. Caruselul e owl (JS) — nu-l atingem.
   Reducem in schimb spatierea generoasa a titlului (30px sus + 30px jos) si marja
   textului, ca cele doua blocuri sa se termine pe aceeasi linie. */
.rlk-vc .entry-content .vc_row.vc_inner:has(.testimonial-item) > .wpb_column .g5plus-heading .text-heading {
    padding-top: 8px !important; padding-bottom: 8px !important;
}
.rlk-vc .entry-content .vc_row.vc_inner:has(.testimonial-item) > .wpb_column .wpb_text_column {
    margin-top: 8px !important;
}

/* =====================================================================
   VARIANTA 1 — "iconite tematice pe carduri" (aleasa de Cristian 2026-07-31)
   Cele 4 liste de pe Acasa sunt tratate DIFERIT intre ele, fiindca sunt
   lucruri diferite: calitati / pasi in ordine / beneficii / servicii.
   Totul prin CSS pe markup-ul existent — s-a adaugat doar cate o clasa pe <ul>,
   niciun cuvant de continut schimbat, SEO neatins. Iconitele sunt SVG inline
   (data URI), NU font — deci nu pot lipsi ca glifele FontAwesome ale temei
   (cazul fa-map-marker din footer, care nu exista in subsetul temei).
   ===================================================================== */

/* --- comun celor 4 liste --- */
.rlk-vc .rlk-list-qual, .rlk-vc .rlk-list-steps,
.rlk-vc .rlk-list-ben, .rlk-vc .rlk-list-aux {
    list-style: none; padding: 0; display: flex; flex-wrap: wrap;
}
.rlk-vc .rlk-list-qual > li, .rlk-vc .rlk-list-steps > li,
.rlk-vc .rlk-list-ben > li, .rlk-vc .rlk-list-aux > li { margin: 0; }

/* ---------- 1. ATUURI — carduri cu iconita proprie, centrate ---------- */
.rlk-vc .rlk-list-qual { gap: 12px; margin: 24px 0 28px; }
.rlk-vc .rlk-list-qual > li {
    flex: 1 1 190px; background: #fff; border: 1px solid #e6e2d9; border-radius: 14px;
    padding: 62px 16px 20px; text-align: center; position: relative;
    font-weight: 700; color: #1d3052; font-size: 15px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.rlk-vc .rlk-list-qual > li:hover {
    transform: translateY(-4px); box-shadow: 0 14px 30px rgba(29,48,82,.12); border-color: #f69323;
}
.rlk-vc .rlk-list-qual > li::before {
    content: ""; position: absolute; top: 18px; left: 50%; margin-left: -26px;
    width: 52px; height: 52px; border-radius: 50%;
    background-color: #fff0dc; background-repeat: no-repeat;
    background-position: center; background-size: 26px 26px;
}
.rlk-vc .rlk-list-qual > li:nth-child(1)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c96f0d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4.5 13H11l-1 9 8.5-11H12l1-9z'/%3E%3C/svg%3E"); }
.rlk-vc .rlk-list-qual > li:nth-child(2)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c96f0d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l2.4 6.5H21l-5.3 4 2 6.5-5.7-4-5.7 4 2-6.5-5.3-4h6.6L12 2z'/%3E%3C/svg%3E"); }
.rlk-vc .rlk-list-qual > li:nth-child(3)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c96f0d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.4-3 8-7.5 9.5-4.5-1.5-7.5-5.1-7.5-9.5V6L12 3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); }
.rlk-vc .rlk-list-qual > li:nth-child(4)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c96f0d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M5 7h14M7 7l-3 6a3 3 0 006 0L7 7zM17 7l-3 6a3 3 0 006 0l-3-6z'/%3E%3C/svg%3E"); }
.rlk-vc .rlk-list-qual > li:nth-child(5)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c96f0d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M17 6.5c0-2-2.2-3-5-3s-5 1-5 3 2.2 2.7 5 3.3 5 1.3 5 3.4-2.2 3.3-5 3.3-5-1.2-5-3.2'/%3E%3C/svg%3E"); }

/* ---------- 2. ETAPE — pasi numerotati, cu linie punctata intre ei ---------- */
.rlk-vc .rlk-list-steps { gap: 0; margin: 26px 0 30px; counter-reset: rlkstep; }
.rlk-vc .rlk-list-steps > li {
    flex: 1 1 150px; text-align: center; padding: 74px 10px 4px; position: relative;
    counter-increment: rlkstep; font-weight: 700; font-size: 14px; color: #1d3052;
}
.rlk-vc .rlk-list-steps > li::before {
    content: ""; position: absolute; top: 8px; left: 50%; margin-left: -27px;
    width: 54px; height: 54px; border-radius: 16px; background-color: #1d3052;
    background-repeat: no-repeat; background-position: center; background-size: 24px 24px; z-index: 2;
}
.rlk-vc .rlk-list-steps > li::after {
    content: counter(rlkstep); position: absolute; top: 2px; left: 50%; margin-left: 15px;
    width: 22px; height: 22px; border-radius: 50%; background: #f69323; color: #16233a;
    font-size: 11.5px; font-weight: 800; line-height: 18px; text-align: center;
    border: 2px solid #fff; z-index: 3;
}
.rlk-vc .rlk-list-steps > li:not(:last-child) {
    background-image: repeating-linear-gradient(90deg, #f69323 0 7px, transparent 7px 14px);
    background-size: calc(100% - 68px) 2px; background-position: calc(50% + 34px) 34px; background-repeat: no-repeat;
}
.rlk-vc .rlk-list-steps > li:nth-child(1)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb75e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3l3 3M3 21l3.5-.7L20 6.8a2 2 0 000-2.8l-.8-.8a2 2 0 00-2.8 0L3 16.7 3 21z'/%3E%3C/svg%3E"); }
.rlk-vc .rlk-list-steps > li:nth-child(2)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb75e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h18v11a2 2 0 01-2 2H5a2 2 0 01-2-2V8zM3 8l2-4h14l2 4M12 4v17'/%3E%3C/svg%3E"); }
.rlk-vc .rlk-list-steps > li:nth-child(3)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb75e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11V6a2 2 0 114 0v5M11 11V4.5a2 2 0 114 0V11M15 11V6.5a2 2 0 114 0V15a6 6 0 01-6 6h-1a6 6 0 01-6-6v-3.5a2 2 0 114 0'/%3E%3C/svg%3E"); }
.rlk-vc .rlk-list-steps > li:nth-child(4)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb75e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h13v10H1zM14 9h4l3 3.5V16h-7'/%3E%3Ccircle cx='5' cy='18.5' r='1.8'/%3E%3Ccircle cx='17' cy='18.5' r='1.8'/%3E%3C/svg%3E"); }
.rlk-vc .rlk-list-steps > li:nth-child(5)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb75e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5a3.5 3.5 0 004.6 4.6l-9.6 9.6a2 2 0 01-2.8 0l-1.4-1.4a2 2 0 010-2.8l9.2-10z'/%3E%3C/svg%3E"); }

/* ---------- 3. BENEFICII — randuri cu bifa in patrat moale ---------- */
.rlk-vc .rlk-list-ben { gap: 10px; margin: 24px 0 28px; }
.rlk-vc .rlk-list-ben > li {
    flex: 1 1 255px; display: flex; align-items: center;
    padding: 12px 14px 12px 58px; border-radius: 11px; background: #faf8f4;
    border: 1px solid transparent; position: relative;
    font-size: 14px; font-weight: 600; color: #22262e; min-height: 58px;
    transition: background .15s ease, border-color .15s ease;
}
.rlk-vc .rlk-list-ben > li:hover { background: #fff; border-color: #e6e2d9; }
.rlk-vc .rlk-list-ben > li::before {
    content: ""; position: absolute; left: 14px; top: 50%; margin-top: -17px;
    width: 34px; height: 34px; border-radius: 10px; background-color: #fff;
    border: 1px solid #e6e2d9;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f69323' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: center; background-size: 17px 17px;
}
.rlk-vc .rlk-list-ben > li a { color: #c96f0d; text-decoration: none; border-bottom: 1px solid rgba(246,147,35,.55); }
.rlk-vc .rlk-list-ben > li a:hover { border-bottom-color: #c96f0d; }

/* ---------- 4. SERVICII SUPLIMENTARE — carduri cu antet colorat ---------- */
.rlk-vc .rlk-list-aux { gap: 14px; margin: 24px 0 28px; }
.rlk-vc .rlk-list-aux > li {
    flex: 1 1 240px; border: 1px solid #e6e2d9; border-radius: 14px; overflow: hidden;
    background: #fff; padding: 0 18px 18px; position: relative;
    font-weight: 700; color: #1d3052; font-size: 15px; line-height: 1.35;
    transition: transform .18s ease, box-shadow .18s ease;
}
.rlk-vc .rlk-list-aux > li:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(29,48,82,.12); }
.rlk-vc .rlk-list-aux > li::before {
    content: ""; display: block; height: 82px; margin: 0 -18px 16px;
    background-color: #1d3052; background-repeat: no-repeat;
    background-position: center; background-size: 38px 38px;
}
.rlk-vc .rlk-list-aux > li:nth-child(1)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb75e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M12 8.8V12'/%3E%3C/svg%3E"); }
.rlk-vc .rlk-list-aux > li:nth-child(2)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb75e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='7' width='19' height='10' rx='1.5'/%3E%3Cpath d='M6 7v6M9 7v6M12 7v6M15 7v6M18 7v6'/%3E%3C/svg%3E"); }
.rlk-vc .rlk-list-aux > li:nth-child(3)::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb75e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-5 9 5v10a2 2 0 01-2 2H5a2 2 0 01-2-2V9z'/%3E%3Cpath d='M8 21v-7h8v7'/%3E%3C/svg%3E"); }

@media (max-width: 640px) {
    .rlk-vc .rlk-list-qual > li, .rlk-vc .rlk-list-ben > li,
    .rlk-vc .rlk-list-aux > li { flex: 1 1 100%; }
    .rlk-vc .rlk-list-steps > li { flex: 1 1 44%; }
    .rlk-vc .rlk-list-steps > li:not(:last-child) { background-image: none; }
}

/* --- P16 (2026-07-31): pagina curenta evidentiata in meniul lateral ----------
   Itemii de meniu sunt custom links, deci WordPress nu pune `current-menu-item`;
   clasa `rlk-current` e adaugata din variant-c.js dupa compararea cailor. */
.rlk-vc .widget_nav_menu a.rlk-current,
.rlk-vc .primary-sidebar a.rlk-current,
.rlk-vc .services.widget a.rlk-current {
    color: #c96f0d !important;
    position: relative;
}
.rlk-vc li.rlk-current-li {
    position: relative;
    background: #fff6ea;
    border-radius: 8px;
}
.rlk-vc li.rlk-current-li::before {
    content: ""; position: absolute; left: 0; top: 8px; bottom: 8px;
    width: 3px; border-radius: 2px; background: #f69323;
}
.rlk-vc li.rlk-current-li > a { padding-left: 14px !important; }

/* --- P17 (2026-07-31): CTA-ul de pe Preturi, refacut vizual -------------------
   Textul ramane exact cel existent; se schimba doar invelisul + doua actiuni reale. */
.rlk-vc .rlk-cta-pret {
    background: linear-gradient(135deg, #1d3052 0%, #2c4874 100%);
    border-radius: 16px; padding: 30px 32px 28px; margin: 26px 0 22px;
    position: relative; overflow: hidden;
    box-shadow: 0 16px 40px rgba(18,33,59,.18);
}
.rlk-vc .rlk-cta-pret::before {
    content: ""; position: absolute; right: -40px; top: -40px;
    width: 190px; height: 190px; border-radius: 50%;
    background: radial-gradient(circle, rgba(246,147,35,.22), transparent 70%);
}
.rlk-vc .rlk-cta-pret p { position: relative; color: #d7e0ee !important; margin: 0 0 12px; font-size: 16px; line-height: 1.7; max-width: 74ch; }
.rlk-vc .rlk-cta-pret p:last-of-type {
    color: #fff !important; font-size: 20px; font-weight: 800; margin: 0 0 20px; letter-spacing: -.2px;
}
.rlk-vc .rlk-cta-pret p span { color: inherit !important; }
.rlk-vc .rlk-cta-pret-acts { position: relative; display: flex; gap: 12px; flex-wrap: wrap; }
.rlk-vc .rlk-cta-pret-acts a.main {
    background: #f69323; color: #12213b; font-weight: 800; text-decoration: none;
    padding: 15px 28px; border-radius: 12px; font-size: 15px;
    box-shadow: 0 10px 26px rgba(246,147,35,.32); transition: transform .15s ease;
}
.rlk-vc .rlk-cta-pret-acts a.main:hover { transform: translateY(-2px); }
.rlk-vc .rlk-cta-pret-acts a.alt {
    color: #fff; font-weight: 700; text-decoration: none; padding: 14px 24px;
    border-radius: 12px; border: 2px solid rgba(255,255,255,.42); font-size: 15px;
    transition: border-color .15s ease, color .15s ease;
}
.rlk-vc .rlk-cta-pret-acts a.alt:hover { border-color: #f69323; color: #ffb75e; }
.rlk-vc .rlk-cta-pret-acts a:focus-visible { outline: 3px solid #ffb75e; outline-offset: 3px; }

/* spatiul gol pana la „Intrebari frecvente" era prea mare */
.rlk-vc .rlk-cta-pret + * { margin-top: 0 !important; }
.rlk-vc .rlk-faq { padding-top: 22px !important; }

@media (max-width: 640px) {
    .rlk-vc .rlk-cta-pret { padding: 24px 20px 22px; }
    .rlk-vc .rlk-cta-pret-acts a { flex: 1 1 100%; text-align: center; }
}

/* spatiul dintre CTA-ul de pe Preturi si „Intrebari frecvente" era 148px, din care
   80px veneau dintr-un distantier gol al temei imediat dupa coloana CTA-ului. */
.rlk-vc .wpb_text_column:has(.rlk-cta-pret) + .g5plus-space { height: 24px !important; }

/* --- P14 (2026-07-31): „Apeleaza la Relokat si esti ca si mutat" (Despre noi) ---
   Coloana din stanga se termina cu 131px mai sus decat cea din dreapta.
   Le egalizam pe inaltime. Scopat pe pagina Despre noi (page-id-3396) ca sa nu
   atinga alte randuri de doua coloane din site. */
.rlk-vc.page-id-3396 .entry-content .vc_row:has(> .vc_col-sm-6 + .vc_col-sm-6) {
    display: flex; flex-wrap: wrap; align-items: stretch;
}
.rlk-vc.page-id-3396 .entry-content .vc_row:has(> .vc_col-sm-6 + .vc_col-sm-6) > .vc_col-sm-6 {
    display: flex; float: none;
}
.rlk-vc.page-id-3396 .entry-content .vc_row:has(> .vc_col-sm-6 + .vc_col-sm-6) > .vc_col-sm-6 > .vc_column-inner {
    width: 100%;
}