/*
 * creditesigure.ro - reguli proprii, incarcate DUPA landing.css, credite-online.css si site.css
 * (copiate de pe casedeajutorreciproc.ro). Aici stau doar diferentele fata de landing-ul original.
 */

/* Header-ul e un singur rand (fara sub-bara), iar linkurile din meniu sunt ancore:
   sectiunile lasa loc sub header cand se ajunge la ele din meniu / din URL (#pret). */
.co main [id] { scroll-margin-top: calc(var(--site-nav-h) + 16px); }

/* marca "S" (favicon-ul vechiului site) in header/footer: patrat albastru deschis, colturi rotunjite */
.site-nav img.co-nav__mark, .site-footer img.co-nav__mark, .site-drawer img.co-nav__mark { border-radius: 8px; }

/* buton secundar pe fundal deschis (pagina /multumim) */
.co-btn--outline { background: #fff; color: var(--navy) !important; border-color: var(--line); box-shadow: var(--shadow-sm); }
.co-btn--outline:hover { border-color: var(--blue); color: var(--blue) !important; }

/* ---------- /multumim ---------- */
.cs-thanks { min-height: calc(100vh - var(--site-nav-h) - 120px); display: flex; align-items: center; }
.cs-thanks__inner { max-width: 720px; text-align: center; }
.cs-thanks__icon {
    display: inline-grid; place-items: center; width: 72px; height: 72px; margin-bottom: 20px; border-radius: 50%;
    background: rgba(16, 185, 129, .12); color: var(--mint); box-shadow: 0 0 0 10px rgba(16, 185, 129, .06);
}
.cs-thanks__icon svg { width: 36px; height: 36px; fill: currentColor; }
.cs-thanks h1 { margin: 8px 0 16px; }
.cs-thanks .co-lead { margin: 0 auto 28px; }
.cs-thanks__ctas { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
@media (max-width: 640px) {
    .cs-thanks__ctas .co-btn { width: 100%; }
}