/* FSOnline SEO V5 — compact & editorial, fara carduri gigantice.
   Inlocuieste stilurile V4, se incarca dupa CSS-ul temei.
   Afecteaza doar continutul introdus prin editorul SEO. */

/* Introducere: doua zone alaturate, fara card mare / fundal plin. */
body.fsonline-ui .fso-managed-seo-intro {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: minmax(155px, 235px) minmax(0, 1fr);
    gap: 6px 22px !important;
    align-items: start;
    width: 100% !important;
    max-width: 1120px !important;
    margin: 11px auto 19px !important;
    padding: 12px 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 2px solid rgba(57, 202, 190, .6) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #cbdde0 !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere;
}
body.fsonline-ui .fso-managed-seo-intro > h2 {
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    letter-spacing: -.01em !important;
    color: #e9f5f6 !important;
    margin: 1px 0 0 !important;
}
body.fsonline-ui .fso-managed-seo-intro > .fso-managed-seo-prose,
body.fsonline-ui .fso-managed-seo-intro > .fso-managed-seo-prose .seo-text {
    min-width: 0;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    color: #c4d8dc !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
}
body.fsonline-ui .fso-managed-seo-intro .fso-managed-seo-prose p,
body.fsonline-ui .fso-managed-seo-intro .fso-managed-seo-prose li {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    opacity: 1 !important;
}
body.fsonline-ui .fso-managed-seo-intro .fso-managed-seo-prose p {margin: 0 0 6px !important;}
body.fsonline-ui .fso-managed-seo-intro .fso-managed-seo-prose p:last-child {margin-bottom:0!important;}
body.fsonline-ui .fso-managed-seo-intro .fso-managed-seo-prose h2,
body.fsonline-ui .fso-managed-seo-intro .fso-managed-seo-prose h3 {font-size:15px!important;margin:9px 0 5px!important;}
body.fsonline-ui .fso-managed-seo-intro strong {color:#e7f5f5 !important;font-weight:700 !important;}
body.fsonline-ui .fso-managed-seo-image {grid-column:1/-1;margin:0 0 6px!important;}
body.fsonline-ui .fso-managed-seo-image img {width:100%;height:auto;max-height:250px;object-fit:cover;}

/* Sub catalog: 2 sectiuni PE ACEEASI LINIE pe PC; fiecare cu randuri mici. */
body.fsonline-ui .fso-seo-bottom-layout {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
    width: 100%;
    max-width: 1120px;
    margin: 18px auto 24px;
}
body.fsonline-ui .fso-seo-bottom-layout > * {min-width:0;}
body.fsonline-ui .fso-seo-topics,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq {
    box-sizing: border-box;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-width: 0;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #dfedef !important;
}
body.fsonline-ui .fso-seo-section-head,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-head {
    box-sizing: border-box;
    text-align: left !important;
    max-width: none !important;
    padding: 0 0 9px !important;
    margin: 0 !important;
    background: none !important;
    border: 0 !important;
}
body.fsonline-ui .fso-seo-kicker,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-kicker {
    display: block;
    margin: 0 0 4px !important;
    color: #65cfc6 !important;
    font-size: 9px !important;
    letter-spacing: .12em !important;
    font-weight: 800 !important;
}
body.fsonline-ui .fso-seo-section-head h2,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-head h2 {
    color: #e9f5f5 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
    letter-spacing: -.01em !important;
    margin: 0 !important;
}
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-head p {display:none!important;}
body.fsonline-ui .fso-seo-topics-list,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-list {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    align-content: start;
    gap: 6px !important;
}
body.fsonline-ui .fso-seo-topic-item,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-item {
    box-sizing: border-box;
    min-width: 0;
    background: rgba(16, 37, 45, .8) !important;
    border: 1px solid rgba(122, 187, 190, .15) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    overflow: hidden;
    color: #dfeced !important;
    transition: border-color .15s ease, background .15s ease;
}
body.fsonline-ui .fso-seo-topic-item[open],
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-item[open] {
    background: rgba(20, 47, 54, .86) !important;
    border-color: rgba(77, 198, 185, .32) !important;
    box-shadow: none !important;
}
body.fsonline-ui .fso-seo-topic-item > summary,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-item > summary {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 12px !important;
    min-height: 39px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    cursor: pointer;
    list-style: none;
    color: #e7f3f4 !important;
}
body.fsonline-ui .fso-seo-topic-item > summary::-webkit-details-marker,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-item > summary::-webkit-details-marker {display:none;}
body.fsonline-ui .fso-seo-topic-item > summary::marker {content:"";}
body.fsonline-ui .fso-seo-topic-item > summary:focus-visible,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-item > summary:focus-visible {outline:2px solid #72d7cf;outline-offset:-3px;}
body.fsonline-ui .fso-seo-topic-plus,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-plus {
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px;
    display: grid;
    place-items: center;
    border-radius: 50% !important;
    border: 1px solid rgba(101, 208, 197, .16) !important;
    background: rgba(94, 195, 183, .08) !important;
    color: #76d6ce !important;
    transition: transform .15s;
}
body.fsonline-ui .fso-seo-topic-plus::before,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-plus::before {content:'+';font:400 15px/1 system-ui,sans-serif;}
body.fsonline-ui .fso-seo-topic-item[open] .fso-seo-topic-plus,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-item[open] .fso-seo-faq-plus {transform:rotate(45deg);}
body.fsonline-ui .fso-seo-topic-answer,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-answer {
    box-sizing: border-box;
    padding: 0 13px 12px !important;
    margin: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    color: #c6dadd !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
}
body.fsonline-ui .fso-seo-topic-answer p,
body.fsonline-ui .fso-seo-topic-answer li,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-answer p {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    margin: 0 0 8px !important;
    opacity: 1 !important;
}
body.fsonline-ui .fso-seo-topic-answer p:last-child,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-answer p:last-child {margin-bottom:0!important;}
body.fsonline-ui .fso-seo-topic-answer strong {font-weight:700 !important;color:#effbfb!important;}
body.fsonline-ui .fso-seo-topic-answer h2,
body.fsonline-ui .fso-seo-topic-answer h3,
body.fsonline-ui .fso-seo-topic-answer h4 {font-size:14px!important;line-height:1.4!important;margin:10px 0 5px!important;}
body.fsonline-ui .fso-seo-topic-answer a,
body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-answer a {color:#7de1d7!important;text-decoration:underline;text-underline-offset:2px;}
body.fsonline-ui .fso-seo-topic-answer ul,
body.fsonline-ui .fso-seo-topic-answer ol {margin:6px 0 10px!important;padding-left:20px!important;}

@media (max-width: 780px) {
    body.fsonline-ui .fso-managed-seo-intro {grid-template-columns: minmax(0,1fr);gap:6px!important;margin:10px auto 16px!important;padding:8px 11px!important;}
    body.fsonline-ui .fso-managed-seo-intro > h2 {font-size:15px!important;}
    body.fsonline-ui .fso-managed-seo-intro > .fso-managed-seo-prose,
    body.fsonline-ui .fso-managed-seo-intro > .fso-managed-seo-prose .seo-text {font-size:13.5px!important;line-height:1.6!important;}
    body.fsonline-ui .fso-seo-bottom-layout {grid-template-columns:minmax(0,1fr);gap:18px;margin:15px auto 24px;}
    body.fsonline-ui .fso-seo-section-head h2,
    body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-head h2 {font-size:16px!important;}
    body.fsonline-ui .fso-seo-topic-item > summary,
    body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-item > summary {font-size:13.5px!important;min-height:42px!important;padding:10px 12px!important;}
    body.fsonline-ui .fso-seo-topic-answer,
    body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-answer {font-size:13.5px!important;line-height:1.66!important;}
}
@media (prefers-reduced-motion: reduce) {
    body.fsonline-ui .fso-seo-topic-item,
    body.fsonline-ui .fso-seo-topic-plus,
    body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-item,
    body.fsonline-ui .fso-seo-bottom-layout .fso-seo-faq-plus {transition:none!important;}
}

/* FSOnline SEO V6 - aliniere H1 si introducere, fara atingerea cardurilor/FAQ. */
/* Acest CSS se incarca doar pe pagini cu SEO manual activ. */
body.fsonline-ui .catalog-head:has(+ .fso-managed-seo-intro) {
    padding-top: clamp(22px, 2.9vw, 38px) !important;
    padding-bottom: 1px !important;
}
body.fsonline-ui .catalog-head:has(+ .fso-managed-seo-intro) h1 {
    font-size: clamp(28px, 2.5vw, 36px) !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: -.032em !important;
    max-width: 100% !important;
    margin: 7px 0 5px !important;
    text-wrap: pretty;
}
body.fsonline-ui .catalog-head + .fso-managed-seo-intro {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 17px !important;
    padding: 8px 0 7px 14px !important;
    border-left: 2px solid rgba(70, 197, 186, .45) !important;
    color: #c8dee0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    line-height: 1.6 !important;
    text-align: left !important;
}
body.fsonline-ui .catalog-head + .fso-managed-seo-intro > h2 {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
    margin: 0 0 5px !important;
    text-align: left !important;
}
body.fsonline-ui .catalog-head + .fso-managed-seo-intro > .fso-managed-seo-prose {
    width: 100%;
    max-width: 950px;
    min-width: 0;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    text-align: left !important;
}
body.fsonline-ui .catalog-head + .fso-managed-seo-intro > .fso-managed-seo-prose p {
    margin: 0 0 5px !important;
}
body.fsonline-ui .catalog-head + .fso-managed-seo-intro > .fso-managed-seo-prose p:last-child {
    margin-bottom: 0 !important;
}
@media (max-width: 780px) {
    body.fsonline-ui .catalog-head:has(+ .fso-managed-seo-intro) {
        padding-top: 23px !important;
        padding-bottom: 0 !important;
    }
    body.fsonline-ui .catalog-head:has(+ .fso-managed-seo-intro) h1 {
        font-size: clamp(25px, 6.7vw, 30px) !important;
        letter-spacing: -.028em !important;
        line-height: 1.22 !important;
        margin: 6px 0 5px !important;
    }
    body.fsonline-ui .catalog-head + .fso-managed-seo-intro {
        margin: 8px 0 15px !important;
        padding: 7px 0 7px 10px !important;
    }
    body.fsonline-ui .catalog-head + .fso-managed-seo-intro > h2 {
        font-size: 14.5px !important;
        margin-bottom: 5px !important;
    }
    body.fsonline-ui .catalog-head + .fso-managed-seo-intro > .fso-managed-seo-prose {
        max-width: none;
        font-size: 13.5px !important;
        line-height: 1.63 !important;
    }
}


/* ===== SEO V8 / prima pagina exclusiv: o banda de informatii, nu trei blocuri ===== */
body.fsonline-ui:has(.fso-seo-home-compact) .home-seo {display:none!important}
body.fsonline-ui .fso-seo-home-compact {
  width:min(1120px,calc(100% - 32px));margin:18px auto 26px;
  border-top:1px solid rgba(126,191,190,.18);border-bottom:1px solid rgba(126,191,190,.12);
  padding:15px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:14px 28px;align-items:center;color:#c3d4d7;
  box-sizing:border-box;background:transparent;border-radius:0;
}
body.fsonline-ui .fso-seo-home-lead {min-width:0;max-width:680px}
body.fsonline-ui .fso-seo-home-lead>span {font-size:9px;letter-spacing:.13em;font-weight:800;color:#64bdb9}
body.fsonline-ui .fso-seo-home-lead>h2 {margin:3px 0 4px!important;font-size:15px!important;font-weight:750!important;line-height:1.3!important;color:#e1eeee!important}
body.fsonline-ui .fso-seo-home-lead>p {margin:0!important;color:#aebfc4!important;font-size:12.5px!important;line-height:1.48!important}
body.fsonline-ui .fso-seo-home-controls {display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:520px}
body.fsonline-ui .fso-seo-home-more {border:1px solid rgba(141,194,199,.23);border-radius:8px;background:rgba(16,43,51,.35);min-width:156px;flex:0 1 auto;box-sizing:border-box;}
body.fsonline-ui .fso-seo-home-more>summary {min-height:36px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;list-style:none;color:#e4f2f2;font-size:12px;font-weight:650;line-height:1.35;user-select:none}
body.fsonline-ui .fso-seo-home-more>summary::-webkit-details-marker{display:none}
body.fsonline-ui .fso-seo-home-more>summary::marker{content:''}
body.fsonline-ui .fso-seo-home-more>summary b {font-size:16px;font-weight:400;color:#70c8c4;line-height:1}
body.fsonline-ui .fso-seo-home-more[open]>summary b{transform:rotate(45deg)}
body.fsonline-ui .fso-seo-home-more[open]{width:100%;flex:1 0 100%;max-width:100%;}
body.fsonline-ui .fso-seo-home-more>summary:hover{color:#fff;background:rgba(45,107,112,.13)}
body.fsonline-ui .fso-seo-home-expanded {padding:13px 15px 16px;border-top:1px solid rgba(145,190,188,.15);color:#c8d9dc;font-size:13px;line-height:1.65}
body.fsonline-ui .fso-seo-home-expanded p,body.fsonline-ui .fso-seo-home-expanded li {font-size:inherit!important;line-height:inherit!important;color:inherit!important;opacity:1!important}
body.fsonline-ui .fso-seo-home-expanded h2{font-size:15px!important;margin:12px 0 8px!important}
body.fsonline-ui .fso-seo-home-expanded h3 {font-size:13px!important;margin:12px 0 6px!important}
body.fsonline-ui .fso-seo-home-expanded strong{color:#e7f1f3}
body.fsonline-ui .fso-seo-home-expanded hr{height:1px;border:0;background:rgba(127,193,194,.2);margin:12px 0}
body.fsonline-ui .fso-seo-home-qa-item+ .fso-seo-home-qa-item{border-top:1px solid rgba(127,193,194,.16);margin-top:11px;padding-top:6px}
body.fsonline-ui .fso-seo-home-qa-item h3 {font-size:13px!important;font-weight:700!important}
body.fsonline-ui .fso-seo-home-qa-item p{margin:0 0 6px!important}
body.fsonline-ui .fso-seo-home-more:focus-within{border-color:#4cc5bc}
@media(max-width:760px){
  body.fsonline-ui .fso-seo-home-compact{grid-template-columns:minmax(0,1fr);width:calc(100% - 28px);padding:14px 0;margin:17px auto 21px;gap:12px}
  body.fsonline-ui .fso-seo-home-lead>h2{font-size:15px!important}
  body.fsonline-ui .fso-seo-home-lead>p{font-size:12.5px!important}
  body.fsonline-ui .fso-seo-home-controls{max-width:100%;justify-content:flex-start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  body.fsonline-ui .fso-seo-home-more {width:100%;min-width:0}
  body.fsonline-ui .fso-seo-home-more[open] {grid-column:1/-1}
  body.fsonline-ui .fso-seo-home-more>summary{font-size:12px;min-height:41px}
}
@media(max-width:360px){body.fsonline-ui .fso-seo-home-controls{grid-template-columns:1fr}}
