/* Faza 2 (18.10.2026): conversie - informatii cheie, formular rapid, FAQ, mobil */

/* Lista de avantaje din hero */
.f2-facts { list-style: none; padding: 0; margin: 18px 0 24px; }
.f2-facts li { position: relative; padding-left: 30px; margin-bottom: 10px; color: #fff; font-weight: 500; }
.f2-facts li i { position: absolute; left: 0; top: 4px; color: #ffc107; }
.hero-wrapper .hero-btn { align-items: center; flex-wrap: wrap; }
.f2-hero-phone { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; border: 2px solid rgba(255, 255, 255, .75); border-radius: 8px; color: #fff; font-size: 16px; font-weight: 600; line-height: 24px; transition: all .3s ease-in-out; }
.f2-hero-phone:hover { background: #fff; color: #1F2471; border-color: #fff; }

/* Card formular rapid in hero */
.f2-quick { background: #fff; border-radius: 14px; box-shadow: 0 18px 50px rgba(9, 30, 80, .25); padding: 26px 24px 10px; position: relative; z-index: 2; }
.f2-quick h3 { font-size: 22px; margin: 0 0 4px; color: #0f2c6b; }
.f2-quick p.f2-quick-sub { font-size: 14px; color: #5b6475; margin: 0 0 6px; }
.f2-quick iframe { width: 100%; border: 0; }

/* Caseta de informatii de pe paginile de act */
.f2-intro { background: #f3f6ff; border: 1px solid #dce4fb; border-radius: 12px; padding: 24px 26px; margin: 10px 0 30px; }
.f2-intro h1 { font-size: 26px; color: #0f2c6b; margin: 0 0 14px; line-height: 1.3; }
.f2-strip { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 0 0 16px; padding: 0; list-style: none; }
.f2-strip li { display: flex; align-items: center; gap: 8px; font-weight: 600; color: #1f2d4d; }
.f2-strip li i { color: #1f4fa8; }
.f2-clear { background: #fff; border-left: 4px solid #1f4fa8; border-radius: 6px; padding: 12px 16px; margin: 0 0 18px; color: #1f2d4d; }
.f2-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.f2-btn { display: inline-block; padding: 12px 24px; border-radius: 6px; font-weight: 700; text-decoration: none; border: 2px solid #1f4fa8; background: #1f4fa8; color: #fff; }
.f2-btn:hover { background: #163b80; border-color: #163b80; color: #fff; }
.f2-btn-o { background: #fff; color: #1f4fa8; }
.f2-btn-o:hover { background: #eef2ff; color: #1f4fa8; }
.f2-models { text-align: center; font-size: 14px; color: #5b6475; margin: -10px 0 10px; }
.f2-models a { font-weight: 600; }

/* Titlu deasupra formularului complet */
.f2-form-head { text-align: center; margin: 30px 0 10px; scroll-margin-top: 110px; }
.f2-form-head h2 { font-size: 26px; color: #0f2c6b; margin-bottom: 6px; }
.f2-form-head p { color: #5b6475; margin: 0; }

/* FAQ */
.f2-faq { padding: 60px 0 30px; }
.f2-faq details { background: #fff; border: 1px solid #dce4fb; border-radius: 10px; margin-bottom: 12px; padding: 0 20px; }
.f2-faq summary { cursor: pointer; font-weight: 700; color: #0f2c6b; padding: 16px 0; list-style: none; position: relative; padding-right: 30px; }
.f2-faq summary::-webkit-details-marker { display: none; }
.f2-faq summary::after { content: "+"; position: absolute; right: 0; top: 12px; font-size: 22px; color: #1f4fa8; }
.f2-faq details[open] summary::after { content: "\2212"; }
.f2-faq details p { margin: 0 0 16px; color: #3c4658; }

/* Banda modalitati de plata */
.f2-pay { padding: 20px 0 60px; }
.f2-pay-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin: 18px 0 0; padding: 0; list-style: none; }
.f2-pay-list a { display: flex; align-items: center; gap: 10px; background: #f3f6ff; border: 1px solid #dce4fb; border-radius: 10px; padding: 14px 20px; font-weight: 600; color: #1f2d4d; text-decoration: none; }
.f2-pay-list a:hover { border-color: #1f4fa8; color: #1f4fa8; }
.f2-pay-list i { font-size: 20px; color: #1f4fa8; }

/* Mesaj de multumire pe pagina de succes */
.f2-thanks { background: #e9f7ef; border: 1px solid #b7e2c7; border-radius: 12px; padding: 22px 24px; margin: 10px 0 30px; color: #1d4d31; }
.f2-thanks h1 { font-size: 24px; color: #1d4d31; margin: 0 0 8px; }

/* Date firma in footer */
.f2-company { font-size: 13px; opacity: .85; }

/* Mobil: telefon in antet + bara fixa de apel */
.f2-mobile-call { display: none; }
.f2-callbar { display: none; }
@media all and (max-width: 991px) {
    .f2-mobile-call { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-right: 10px; border-radius: 50%; background: #ffc107; color: #0f2c6b !important; font-size: 18px; }
    .mobile-menu-right { display: flex; align-items: center; }
    .f2-callbar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; box-shadow: 0 -4px 16px rgba(0, 0, 0, .18); }
    .f2-callbar a { flex: 1; text-align: center; padding: 14px 8px; font-weight: 700; font-size: 15px; text-decoration: none; }
    .f2-callbar .f2-cb-call { background: #ffc107; color: #0f2c6b; }
    .f2-callbar .f2-cb-pub { background: #1f4fa8; color: #fff; }
    body { padding-bottom: 52px; }
    #scroll-top { bottom: 70px !important; }
    .f2-quick { margin-top: 30px; }
    .f2-intro h1 { font-size: 22px; }
}

/* Corecturi stilizare tema (18.10.2026) */
/* Antet: iconitele din afara linkului nu primeau spatiu */
.header-top-contact ul li > i { margin-right: 8px; color: #fff; }
/* "Cum public un anunt?": bifa aliniata cu titlul pasului */
.choose-content li { padding-left: 50px; }
.choose-content li::after { left: 18px; top: 19px; font-size: 18px; line-height: 1; }
/* Footer: iconita datelor firmei aliniata la primul rand */
.footer-contact ul li.f2-company { align-items: flex-start; }
.footer-contact ul li.f2-company i { margin-top: 5px; }

/* Audit responsive (18.10.2026) */
@media all and (max-width: 991px) {
    /* tema punea 320px deasupra hero-ului pe mobil/tableta */
    .home-2 .hero-wrapper { padding-top: 240px; padding-bottom: 110px; }
    /* butonul "sus" se suprapunea peste continut si bara de apel */
    #scroll-top { display: none !important; }
    /* containere imbricate pe paginile de act ingustau textul */
    .service-area2 .container .container { padding-left: 0; padding-right: 0; }
    .about-right { margin-top: 30px; }
    .about-list li { align-items: flex-start; }
    .about-list li .icon { margin-top: 3px; }
    .about-list li .text { margin-left: 12px; }
    /* titluri de sectiune prea mari pe telefon */
    .site-heading .site-title, .site-heading h2.site-title { font-size: 22px; line-height: 1.3; }
    .process-area .process-single h5 { font-size: 16px; }
    /* imaginile mari de pe pagina de plata */
    .blog-item-img img { max-height: 190px; width: 100%; object-fit: cover; }
}
@media all and (max-width: 575px) {
    .f2-pay-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .f2-pay-list a { justify-content: center; padding: 12px 8px; font-size: 14px; height: 100%; }
    .choose-img { display: none; }
    .choose-content { padding-left: 0; }
    .hero-wrapper .hero-btn { margin-top: 24px; }
    .f2-btns .f2-btn { flex: 1 1 100%; text-align: center; }
}

/* Continut unic pe paginile de act (18.10.2026) */
.f2-about { background: #fff; border: 1px solid #dce4fb; border-radius: 12px; padding: 26px 28px; margin: 10px 0 30px; color: #2b3445; }
.f2-about h2 { font-size: 24px; color: #0f2c6b; margin: 0 0 12px; }
.f2-about h3 { font-size: 18px; color: #0f2c6b; margin: 22px 0 10px; }
.f2-about ul { padding-left: 0; list-style: none; margin: 0 0 12px; }
.f2-about ul li { position: relative; padding-left: 26px; margin-bottom: 8px; }
.f2-about ul li::before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; left: 0; top: 1px; color: #1f4fa8; font-size: 14px; }
.f2-tip { background: #fff8e1; border-radius: 8px; padding: 10px 14px; font-size: 15px; }
.f2-tip i { color: #cc9901; margin-right: 6px; }
.f2-example { margin: 0; padding: 16px 20px; background: #f3f6ff; border-left: 4px solid #1f4fa8; border-radius: 6px; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1.6; color: #1f2d4d; }
.f2-note { font-size: 13px; color: #6b7487; margin: 8px 0 0; }
@media all and (max-width: 575px) { .f2-about { padding: 20px 16px; } .f2-about h2 { font-size: 20px; } }

/* Audit vizual complet (18.10.2026) */
/* Contact: cerc fix, fara patratul colorat din interior */
.contact-info-icon { flex: 0 0 62px; width: 62px; height: 62px; }
.contact-info-icon i { background: none; width: auto; height: auto; line-height: 1; border-radius: 0; font-size: 24px; }
.contact-info { gap: 22px; }
/* Butoane principale "Publica anunt": auriu, in paleta site-ului (inlocuieste verdele) */
.theme-btn.theme-btn2, .header-btn .theme-btn { background: #f2b705; color: #0f2c6b; font-weight: 700; }
.theme-btn.theme-btn2::before, .header-btn .theme-btn::before { background: #0f2c6b; }
.theme-btn.theme-btn2:hover, .header-btn .theme-btn:hover { color: #fff; }
/* Formularul rapid: o singura culoare de fundal, fara cutie in cutie */
.f2-quick { background: #e9effd; }
/* Titluri de sectiune pe paginile de act: mai mici, fara majuscule */
.f2-sec-title { font-size: 28px; text-transform: none; line-height: 1.3; margin-bottom: 12px; }
/* Bifele din lista "Cum se publica" aliniate cu primul rand */
.about-list li { align-items: flex-start; }
.about-list li .icon { margin-top: 3px; }
/* Titlu sectiune plati */
.f2-pay .site-title { font-size: 32px; }
/* Bara laterala: spatiu deasupra primului titlu */
.service-sidebar .widget:first-child { padding-top: 26px; }
/* Pagina de plata: cardurile de pe ultimul rand centrate */
.row:has(> .col-md-6 > .blog-item) { justify-content: center; }
.blog-item-info p { color: #4a5263; }
@media all and (max-width: 575px) { .f2-sec-title { font-size: 22px; } .f2-pay .site-title { font-size: 24px; } }
/* Butonul din antet: auriu si pe antetul transparent, si pe cel fix */
.navbar .header-btn .theme-btn, .navbar.fixed-top .header-btn .theme-btn { background: #f2b705; color: #0f2c6b; font-weight: 700; }
.navbar .header-btn .theme-btn:hover, .navbar.fixed-top .header-btn .theme-btn:hover { color: #fff; }

/* Cardurile cu acte (homepage + pagina de alegere): fara bordura neagra a temei */
.feature-area-wrapper .row > [class*="col-"], .row > [class*="col-"]:has(> a > .feature-item), .row > [class*="col-"]:has(> a > .feature-item2) { display: flex; }
.feature-area-wrapper .row > [class*="col-"] > a, [class*="col-"] > a:has(> .feature-item), [class*="col-"] > a:has(> .feature-item2) { display: flex; width: 100%; }
.feature-item, .feature-item2 { width: 100%; display: flex; flex-direction: column; background: #fff; border: 1px solid #dce4fb; border-radius: 14px; box-shadow: 0 6px 20px rgba(15, 44, 107, .06); padding: 24px 22px; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.feature-item:hover, .feature-item2:hover { background: #fff; transform: translateY(-6px); border-color: #1f4fa8; box-shadow: 0 14px 30px rgba(15, 44, 107, .14); }
.feature-item .feature-icon, .feature-item2 .feature-icon { width: 64px; height: 64px; border-radius: 50%; background: #eef2ff; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.feature-item:hover .feature-icon, .feature-item2:hover .feature-icon { transform: none; background: #1f4fa8; }
.feature-item .feature-icon i, .feature-item2 .feature-icon i { font-size: 34px; color: #1f4fa8; }
.feature-item:hover .feature-icon i, .feature-item2:hover .feature-icon i { color: #fff; }
.feature-item .feature-content, .feature-item2 .feature-content { display: flex; flex-direction: column; flex: 1; }
.feature-item .feature-content h5, .feature-item2 .feature-content h5 { font-size: 19px; line-height: 1.3; color: #0f2c6b; margin-bottom: 10px; }
.feature-item:hover h5, .feature-item2:hover h5 { color: #0f2c6b; }
.feature-item .feature-content p, .feature-item2 .feature-content p { margin: auto 0 0; color: #1f4fa8; font-weight: 600; font-size: 15px; }
.feature-item:hover p, .feature-item2:hover p { color: #1f4fa8; }
.feature-item .feature-content p i, .feature-item2 .feature-content p i { margin-left: 6px; transition: transform .25s ease; }
.feature-item:hover .feature-content p i, .feature-item2:hover .feature-content p i { transform: translateX(4px); }
@media all and (max-width: 767px) {
    .feature-area-wrapper .row > [class*="col-"], .row > [class*="col-"]:has(> a > .feature-item2) { flex: 0 0 50%; max-width: 50%; padding-left: 6px; padding-right: 6px; }
    .feature-item, .feature-item2 { padding: 16px 14px; margin-bottom: 12px; }
    .feature-item .feature-icon, .feature-item2 .feature-icon { width: 48px; height: 48px; margin-bottom: 12px; }
    .feature-item .feature-icon i, .feature-item2 .feature-icon i { font-size: 26px; }
    .feature-item .feature-content h5, .feature-item2 .feature-content h5 { font-size: 15px; }
    .feature-item .feature-content p, .feature-item2 .feature-content p { font-size: 13px; }
}

/* Sectiunea "Cum public un anunt" cu bannerul (pasi numerotati, ca in banner) */
.f2-steps .choose-content ul { counter-reset: f2step; }
.f2-steps .choose-content li { padding-left: 58px; }
.f2-steps .choose-content li::after { counter-increment: f2step; content: counter(f2step); font-family: inherit; font-weight: 800; font-size: 15px; color: #0f2c6b; background: #f2b705; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; left: 15px; top: 16px; }
.f2-steps .choose-content li:hover::after { color: #0f2c6b; }
.f2-steps .choose-content li h5 { text-transform: none; font-size: 20px; }
.f2-banner { display: block; max-width: 460px; margin: 0 auto; border-radius: 22px; overflow: hidden; box-shadow: 0 18px 45px rgba(15, 44, 107, .18); transition: transform .25s ease, box-shadow .25s ease; }
.f2-banner:hover { transform: translateY(-4px); box-shadow: 0 24px 55px rgba(15, 44, 107, .24); }
.f2-banner img { display: block; width: 100%; height: auto; }
@media all and (max-width: 991px) { .f2-banner { margin-top: 36px; max-width: 380px; } }

/* Pagina de contact refacuta (18.10.2026) */
.f2-contact { padding-top: 30px; }
.f2-ccard { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; height: 100%; background: #fff; border: 1px solid #dce4fb; border-radius: 14px; padding: 20px; box-shadow: 0 6px 20px rgba(15, 44, 107, .06); color: #0f2c6b; text-decoration: none; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
a.f2-ccard:hover { transform: translateY(-4px); border-color: #1f4fa8; box-shadow: 0 14px 30px rgba(15, 44, 107, .14); color: #0f2c6b; }
.f2-ccard-ic { width: 46px; height: 46px; border-radius: 50%; background: #eef2ff; color: #1f4fa8; display: flex; align-items: center; justify-content: center; font-size: 18px; margin-bottom: 6px; }
.f2-ccard-lbl { font-size: 14px; color: #5b6475; }
.f2-ccard strong { font-size: 18px; color: #0f2c6b; line-height: 1.3; }
.f2-ccard strong.f2-ccard-mail { font-size: 15px; word-break: normal; overflow-wrap: normal; }
.f2-panel { background: #fff; border: 1px solid #dce4fb; border-radius: 16px; padding: 28px 28px 18px; box-shadow: 0 6px 20px rgba(15, 44, 107, .06); height: 100%; }
.f2-panel h2 { font-size: 26px; color: #0f2c6b; margin: 0 0 8px; }
.f2-panel-sub { color: #5b6475; margin-bottom: 14px; }
.f2-gdpr-note { font-size: 13px; color: #6b7487; margin: 10px 0 0; }
.f2-gdpr-note i { color: #1f4fa8; margin-right: 4px; }
.f2-cta-card { background: linear-gradient(135deg, #193772 0%, #336ee2 100%); color: #fff; border-radius: 16px; padding: 28px; margin-bottom: 20px; box-shadow: 0 14px 35px rgba(15, 44, 107, .22); }
.f2-cta-card h3 { color: #fff; font-size: 24px; margin: 0 0 10px; }
.f2-cta-card p { color: rgba(255, 255, 255, .9); margin-bottom: 18px; }
.f2-cta-main { display: inline-flex; align-items: center; gap: 8px; background: #f2b705; color: #0f2c6b; font-weight: 700; padding: 12px 22px; border-radius: 8px; text-decoration: none; margin: 0 10px 10px 0; transition: background .25s ease; }
.f2-cta-main:hover { background: #fff; color: #0f2c6b; }
.f2-cta-sec { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-weight: 600; padding: 10px 18px; border: 2px solid rgba(255, 255, 255, .7); border-radius: 8px; text-decoration: none; }
.f2-cta-sec:hover { background: #fff; color: #0f2c6b; }
.f2-company-card { background: #fff; border: 1px solid #dce4fb; border-radius: 16px; padding: 24px 26px; box-shadow: 0 6px 20px rgba(15, 44, 107, .06); }
.f2-company-card h3 { font-size: 19px; color: #0f2c6b; margin: 0 0 14px; }
.f2-company-card h3 i { color: #1f4fa8; margin-right: 6px; }
.f2-company-card ul { list-style: none; margin: 0; padding: 0; }
.f2-company-card li { padding: 9px 0; border-bottom: 1px solid #eef1f8; color: #1f2d4d; font-size: 15px; }
.f2-company-card li:last-child { border-bottom: 0; }
.f2-company-card li span { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #6b7487; margin-bottom: 2px; }
@media all and (max-width: 575px) { .f2-ccard { padding: 14px; } .f2-ccard strong { font-size: 15px; } .f2-ccard strong.f2-ccard-mail { font-size: 12px; } .f2-panel, .f2-cta-card, .f2-company-card { padding: 20px 16px; } }
.f2-nowrap { white-space: nowrap; }

/* Caseta "Nu aveti toate datele actului?" (inainte de formular) */
.f2-help { background: #fff8e1; border: 1px solid #f5e1a4; border-radius: 14px; padding: 22px 24px; margin: 30px 0 10px; }
.f2-help-head { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 16px; }
.f2-help-ic { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: #f2b705; color: #0f2c6b; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.f2-help h3 { font-size: 20px; color: #0f2c6b; margin: 0 0 4px; }
.f2-help p { margin: 0; color: #4a4232; }
.f2-help-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.f2-help-opts a { display: flex; gap: 10px; align-items: flex-start; background: #fff; border: 1px solid #ecdcae; border-radius: 10px; padding: 12px; color: #1f2d4d; text-decoration: none; font-size: 13px; line-height: 1.35; transition: border-color .2s ease, transform .2s ease; }
.f2-help-opts a:hover { border-color: #1f4fa8; transform: translateY(-2px); color: #1f2d4d; }
.f2-help-opts a i { color: #1f4fa8; font-size: 16px; margin-top: 2px; }
.f2-help-opts a strong { display: block; color: #0f2c6b; font-size: 14px; margin-bottom: 2px; }
@media all and (max-width: 1199px) { .f2-help-opts { grid-template-columns: 1fr 1fr; } }
@media all and (max-width: 480px) { .f2-help { padding: 18px 16px; } .f2-help-opts { grid-template-columns: 1fr; } }

/* Ancore (#formular-rapid, #formular, #formular-contact) sub antetul fix */
html { scroll-padding-top: 110px; }
#formular-rapid, #formular, #formular-contact { scroll-margin-top: 110px; }
@media all and (max-width: 991px) { html { scroll-padding-top: 90px; } #formular-rapid, #formular, #formular-contact { scroll-margin-top: 90px; } }

/* Ordinea pe paginile de act: date necesare -> ajutor -> formular -> detalii */
.f2-check { margin: 0 0 0; }
.f2-check h2 { font-size: 22px; }
.f2-form-wrap { margin: 10px 0 20px; }
.f2-form-wrap .f2-form-head { margin-top: 20px; }
.f2-help { margin-top: 20px; }

/* Mobil: margini laterale mai generoase (tema avea doar 12px) */
@media all and (max-width: 767px) {
    .container { padding-left: 20px; padding-right: 20px; }
    .hero-wrapper .container { padding-left: 22px; padding-right: 22px; }
}