html{
    overflow-x: hidden;
}
body{
    font-family: 'Roboto', sans-serif;
    }
    .navbar .nav a, #sidebar .nav-list a, #sidebar h3 {
        font-size: 16px;
    }
    .category-list .category{
    width: 31.3%;
    padding: 125px 0 0 0;
    background-color: #f8f8f8;
    background-repeat: no-repeat;
        background-position-x: 50%;
        background-position-y: 20px;
    background-size: 120px 120px;
        box-shadow: -2px 2px 5px rgb(96 119 160 / 11%);
        /* UX: hover lift — semnal clar de interactivitate */
        transition: transform .15s ease, box-shadow .15s ease;
        cursor: pointer;
    }
    .category-list .category h3, .category-list .category p{
    background-color: #fff;
    }
    .category-list .category:hover {
    background-repeat: no-repeat !important;
    background-color: #f8f8f8;
        background-position-x: 50%;
        background-position-y: 20px;
    background-size: 120px 120px;
        /* UX: ridicare ușoară + umbră accentuată la hover */
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgb(96 119 160 / 18%);
    }

    .category-list .category p{
    padding: 0 0 9px;
    margin: 0;
    }
    .category-list .category h3{
    padding: 15px 0 9px 0;
    margin: 0;
    border-top: 1px solid #e0e0e0;
    }
    .category-list .category .article-count{
    margin-top: 0;
        padding-bottom: 15px;
    }

    /* ===========================================================
       CATEGORY ICONS - Manual de utilizare ContApp
       Base URL: https://contapp.ro/blog/wp-content/uploads/2026/05/
       Last update: 2026-05
       =========================================================== */

    /* --- Colecția: Configurare --- */
    #category-188 { /* Prezentare ContApp */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/prezentare-contapp.png);
    }
    #category-183 { /* Cont utilizator */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/cont-utilizator.png);
    }
    #category-189 { /* Setări Firmă */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/setari-firma.png);
    }
    #category-190 { /* Spațiul de documente */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/spatiu-documente.png);
    }
    #category-191 { /* Integrări. Import & export date */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/integrari-import-export.png);
    }
    #category-192 { /* Abonamente ContApp */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/abonamente-contapp.png);
    }

    /* --- Colecția: CRM - Vânzări (NOU) --- */
    #category-239 { /* Generalități CRM */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/crm-generalitati.png);
    }
    #category-240 { /* Magazin produse */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/magazin-produse.png);
    }
    #category-245 { /* Parteneri ContApp */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/parteneri-contapp.png);
    }

    /* --- Colecția: Facturare --- */
    #category-187 { /* Generalități Facturare */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/facturare-generalitati.png);
    }
    #category-185 { /* Facturare clienți */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/facturare-clienti.png);
    }
    #category-186 { /* ContApp e-Factura */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/e-factura.png);
    }

    /* --- Colecția: Contabilitate --- */
    #category-237 { /* Declarații ANAF (NOU) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/declaratii-anaf.png);
    }
    #category-107 { /* Generalități Contabilitate (Despre contabilitatea în PS) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/contabilitate-generalitati.png);
    }
    #category-51 { /* Înregistrare venituri (Facturi vânzări) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/inregistrare-venituri.png);
    }
    #category-52 { /* Înregistrare cheltuieli (Facturi furnizori) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/inregistrare-cheltuieli.png);
    }
    #category-53 { /* Înregistrare încasări și plăți */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/incasari-plati.png);
    }
    #category-54 { /* Imobilizări & Obiecte de inventar */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/imobilizari-obiecte-inventar.png);
    }
    #category-55 { /* Registre și jurnale contabile */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/registre-jurnale-contabile.png);
    }

    /* --- Colecția: Declarația Unică --- */
    #category-7 { /* Generalități Declarația Unică (Despre Ghid PFA) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/declaratia-unica-generalitati.png);
    }
    #category-12 { /* Adăugare venituri (Administrare cont) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/declaratia-unica-adaugare-venituri.png);
    }
    #category-138 { /* Depunere declarație */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/declaratia-unica-depunere.png);
    }

     /* --- Colecția: Modul TVA --- */
    #category-263 { /* Setari TVA */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/setari-tva.png);
    }
    #category-261 { /* Jurnale TVA */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/jurnale-operatiuni-tva.png);
    }
    #category-262 { /* Declaratii */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/declaratii-tva.png);
    }

    /* ===========================================================
       TYPOGRAPHY - Article body
       Font size increased from 14px → 16px for better readability
       2026-08-21: adjusted 16px → 15px
       =========================================================== */
    #fullArticle,
    #fullArticle p,
    #fullArticle li,
    #fullArticle td,
    #fullArticle span,
    .article-body,
    .article-body p,
    .article-body li,
    article p,
    article li,
    .docs-article p,
    .docs-article li {
        font-size: 15px;
        line-height: 1.65;
    }

    i.capp-user {
        content: url(https://api.contapp.ro/images/user.svg?2a33faf2c8fab9cbf92154fbb9710584);
    }

    i.capp-checkmark {
        content: url(https://api.contapp.ro/images/checkmark.svg?3b07f92abd90cbaa3202a797fcbadb0c);
    }

    i.capp-cart {
        content: url(https://api.contapp.ro/images/cart.svg?77e08fabdd6aa7741a441629112003e4);
    }

    i.capp-contapp {
        content: url(https://api.contapp.ro/images/contapp.svg?1e159e02b6be2a6f81df24a5be29228f);
    }

    i.capp-folder {
        content: url(https://api.contapp.ro/images/folder.svg?7637a9866ac0bb11c89cd352487c6718);
    }

    i.capp-gear-mind {
        content: url(https://api.contapp.ro/images/gear-mind.svg?fbeaed7619f76933e957fddd60a47e05);
    }

    i.capp-guide {
        content: url(https://api.contapp.ro/images/guide.svg?f919f53b4892b099facf602ab6ed4dc2);
    }

    i.capp-list-plus {
        content: url(https://api.contapp.ro/images/list-plus.svg?eea052b4e8f6f190d115136502b6531a);
    }

    i.capp-magnifier {
        content: url('https://api.contapp.ro/images/magnifier.svg?622089167c7af76d1866053839656528');
    }

    i.capp-mobile-with-checkmark {
        content: url(https://api.contapp.ro/images/mobile-with-checkmark.svg?20dc170f48e3445b5e3c5de91d121352);
    }

    i.capp-people {
        content: url(https://api.contapp.ro/images/people.svg?21bba19c419dadae4a3c64daf7e05abd);
    }

    i.capp-stopwatch {
        content: url(/images/stopwatch.svg?fe5a816b48ae8b4e6680e1fe1d948bc0);
    }


    #searchBar button {
        color: #fff;
        text-shadow: 0 -1px 1px rgb(0 0 0 / 40%);
        background: #34b98e;
        border-radius: 0 5px 5px 0;
        border: 1px solid #34b98e;
        font-size: 18px;
        padding: 0 1.5em;
        height: 50px;
        position: absolute;
        top: 24px;
        right: -1px;
    }

    #searchBar button:hover {
        background: #00AC4E;
    }

    .brand img{
        width: auto;
        height: 26px;
    }
    .container-fluid{
        padding: 10px !important;
    }
    header .nav{
        height: 100%;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .mergi_aplicatie{
        font-style: normal !important;
        font-size: 14px !important;
        border: 2px none transparent !important;
        box-shadow: 0px 0px 0px -7px rgba(0,0,0,0) !important;
        background-color: #f26722 !important;
        color: #ffffff !important;
        border-radius: 3px !important;
        padding: 0.4em 1em !important;
        line-height: 1.6 !important;
        display: inline-block !important;
        font-family: inherit !important;
        cursor: pointer !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }

    .mergi_aplicatie:hover{
        box-shadow: 0px 15px 25px -7px rgba(0,0,0,0.1) !important;
        background-color: #34b98e !important;
        color: #ffffff !important;
    }
    .position-absolute{
        position: absolute !important;
        z-index: 0 !important;
    }
    #docsSearch{
        position: relative;
        min-height: 166px;
    }
    #docsSearch h1{
        position: relative;
        padding-top: 20px;
        margin-top: 0 !important;
    }
    #searchBar button{
        top: auto !important;
    }


    .contactUs{
        margin-top: 6px;
        padding: 0 15px;
    }
    #docsSearch h1{

        text-align: left !important;
    }

    #searchBar{
        width: 100% !important;
    }
    @media screen and (max-width: 1100px){
        #searchBar{
            width: 85% !important;
            margin: 0 !important;
        }
    }

    @media (max-width: 768px) and (max-width: 480px){
        #searchBar button span{
            display: none !important;
        }
        #searchBar button .icon-search{
            color: white;
        }
    }

    @media (max-width: 980px){
        .category-list .category {
            width: 31.1%;
        }
    }
    @media (max-width: 768px){
        .category-list .category {
            width: 47.3%;
            margin: 1%;
        }
        .category-list h3{
        font-size: 18px;
        }
    }
    @media (max-width: 480px){
        .category-list .category {
            width: 90%;
            margin: 20px auto;
            display: table;
        }
    }


    #sidebar form .search-query{
        display: initial !important;
    }

    .btn-white:focus, .btn-white:hover{
        background-color: #f9fafb !important;
        border-color: #d8dbea;
        color: #353535;
    }

    .btn-icon:active{
        border-width: 2px;
        padding: 7px!important;
        border-color: #d8dbea!important;
    }
    /* .nav{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    } */

    #docsSearch #searchBar button{
        background-color: #f26722 !important;
        border: 1px solid #f26722 !important;
        transition: all .2s;
    }

    #docsSearch #searchBar button:hover{
        background-color: #00AC4E !important;
        border: 1px solid #00AC4E !important;
    }

    /* BOOTSTRAP CLASSES */

    .pt-0{
        padding-top:0!important
    }
    .pt-1{
        padding-top:.25rem!important
    }
    .pt-2{
        padding-top:.5rem!important
    }
    .pt-3{
        padding-top:1rem!important
    }
    .pt-4{
        padding-top:1.5rem!important
    }
    .pt-5{
        padding-top:3rem!important
    }
    .mt-0{
        margin-top:0!important
    }
    .mt-1{
        margin-top:.25rem!important
    }
    .mt-2{
        margin-top:.5rem!important
    }
    .mt-3{
        margin-top:1rem!important
    }
    .mt-4{
        margin-top:1.5rem!important
    }
    .mt-5{
        margin-top:3rem!important
    }
    .row{
        --bs-gutter-x:1.5rem;
        --bs-gutter-y:0;
        display:flex;
        flex-wrap:wrap;
        margin-left:calc(var(--bs-gutter-x)*-.5);
        margin-right:calc(var(--bs-gutter-x)*-.5);
        margin-top:calc(var(--bs-gutter-y)*-1)
    }
    .row>*{
        flex-shrink:0;
        margin-top:var(--bs-gutter-y);
        max-width:100%;
        padding-left:calc(var(--bs-gutter-x)*.5);
        padding-right:calc(var(--bs-gutter-x)*.5);
        width:100%
    }
    .col{
        flex:1 0 0%
    }
    .row-cols-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .row-cols-1>*{
        flex:0 0 auto;
        width:100%
    }
    .row-cols-2>*{
        flex:0 0 auto;
        width:50%
    }
    .row-cols-3>*{
        flex:0 0 auto;
        width:33.3333333333%
    }
    .row-cols-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-5>*{
        flex:0 0 auto;
        width:20%
    }
    .row-cols-6>*{
        flex:0 0 auto;
        width:16.6666666667%
    }
    @media (min-width:768px){
        .col-md{
            flex:1 0 0%
        }
        .row-cols-md-auto>*{
            flex:0 0 auto;
            width:auto
        }
        .row-cols-md-1>*{
            flex:0 0 auto;
            width:100%
        }
        .row-cols-md-2>*{
            flex:0 0 auto;
            width:50%
        }
        .row-cols-md-3>*{
            flex:0 0 auto;
            width:33.3333333333%
        }
        .row-cols-md-4>*{
            flex:0 0 auto;
            width:25%
        }
        .row-cols-md-5>*{
            flex:0 0 auto;
            width:20%
        }
        .row-cols-md-6>*{
            flex:0 0 auto;
            width:16.6666666667%
        }
        .col-md-auto{
            flex:0 0 auto;
            width:auto
        }
        .col-md-1{
            flex:0 0 auto;
            width:8.33333333%
        }
        .col-md-2{
            flex:0 0 auto;
            width:16.66666667%
        }
        .col-md-3{
            flex:0 0 auto;
            width:25%
        }
        .col-md-4{
            flex:0 0 auto;
            width:33.33333333%
        }
        .col-md-5{
            flex:0 0 auto;
            width:41.66666667%
        }
        .col-md-6{
            flex:0 0 auto;
            width:50%
        }
        .col-md-7{
            flex:0 0 auto;
            width:58.33333333%
        }
        .col-md-8{
            flex:0 0 auto;
            width:66.66666667%
        }
        .col-md-9{
            flex:0 0 auto;
            width:75%
        }
        .col-md-10{
            flex:0 0 auto;
            width:83.33333333%
        }
        .col-md-11{
            flex:0 0 auto;
            width:91.66666667%
        }
        .col-md-12{
            flex:0 0 auto;
            width:100%
        }
    }

    @media (min-width:992px){
        .col-lg{
            flex:1 0 0%
        }
        .row-cols-lg-auto>*{
            flex:0 0 auto;
            width:auto
        }
        .row-cols-lg-1>*{
            flex:0 0 auto;
            width:100%
        }
        .row-cols-lg-2>*{
            flex:0 0 auto;
            width:50%
        }
        .row-cols-lg-3>*{
            flex:0 0 auto;
            width:33.3333333333%
        }
        .row-cols-lg-4>*{
            flex:0 0 auto;
            width:25%
        }
        .row-cols-lg-5>*{
            flex:0 0 auto;
            width:20%
        }
        .row-cols-lg-6>*{
            flex:0 0 auto;
            width:16.6666666667%
        }
        .col-lg-auto{
            flex:0 0 auto;
            width:auto
        }
        .col-lg-1{
            flex:0 0 auto;
            width:8.33333333%
        }
        .col-lg-2{
            flex:0 0 auto;
            width:16.66666667%
        }
        .col-lg-3{
            flex:0 0 auto;
            width:25%
        }
        .col-lg-4{
            flex:0 0 auto;
            width:33.33333333%
        }
        .col-lg-5{
            flex:0 0 auto;
            width:41.66666667%
        }
        .col-lg-6{
            flex:0 0 auto;
            width:50%
        }
        .col-lg-7{
            flex:0 0 auto;
            width:58.33333333%
        }
        .col-lg-8{
            flex:0 0 auto;
            width:66.66666667%
        }
        .col-lg-9{
            flex:0 0 auto;
            width:75%
        }
        .col-lg-10{
            flex:0 0 auto;
            width:83.33333333%
        }
        .col-lg-11{
            flex:0 0 auto;
            width:91.66666667%
        }
        .col-lg-12{
            flex:0 0 auto;
            width:100%
        }
    }

    @media (min-width:1200px){
        .col-xl{
            flex:1 0 0%
        }
        .row-cols-xl-auto>*{
            flex:0 0 auto;
            width:auto
        }
        .row-cols-xl-1>*{
            flex:0 0 auto;
            width:100%
        }
        .row-cols-xl-2>*{
            flex:0 0 auto;
            width:50%
        }
        .row-cols-xl-3>*{
            flex:0 0 auto;
            width:33.3333333333%
        }
        .row-cols-xl-4>*{
            flex:0 0 auto;
            width:25%
        }
        .row-cols-xl-5>*{
            flex:0 0 auto;
            width:20%
        }
        .row-cols-xl-6>*{
            flex:0 0 auto;
            width:16.6666666667%
        }
        .col-xl-auto{
            flex:0 0 auto;
            width:auto
        }
        .col-xl-1{
            flex:0 0 auto;
            width:8.33333333%
        }
        .col-xl-2{
            flex:0 0 auto;
            width:16.66666667%
        }
        .col-xl-3{
            flex:0 0 auto;
            width:25%
        }
        .col-xl-4{
            flex:0 0 auto;
            width:33.33333333%
        }
        .col-xl-5{
            flex:0 0 auto;
            width:41.66666667%
        }
        .col-xl-6{
            flex:0 0 auto;
            width:50%
        }
        .col-xl-7{
            flex:0 0 auto;
            width:58.33333333%
        }
        .col-xl-8{
            flex:0 0 auto;
            width:66.66666667%
        }
        .col-xl-9{
            flex:0 0 auto;
            width:75%
        }
        .col-xl-10{
            flex:0 0 auto;
            width:83.33333333%
        }
        .col-xl-11{
            flex:0 0 auto;
            width:91.66666667%
        }
        .col-xl-12{
            flex:0 0 auto;
            width:100%
        }
    }
    @media (min-width:1400px){
        .col-xxl{
            flex:1 0 0%
        }
        .row-cols-xxl-auto>*{
            flex:0 0 auto;
            width:auto
        }
        .row-cols-xxl-1>*{
            flex:0 0 auto;
            width:100%
        }
        .row-cols-xxl-2>*{
            flex:0 0 auto;
            width:50%
        }
        .row-cols-xxl-3>*{
            flex:0 0 auto;
            width:33.3333333333%
        }
        .row-cols-xxl-4>*{
            flex:0 0 auto;
            width:25%
        }
        .row-cols-xxl-5>*{
            flex:0 0 auto;
            width:20%
        }
        .row-cols-xxl-6>*{
            flex:0 0 auto;
            width:16.6666666667%
        }
    }

    .list-inline,.list-unstyled{
        list-style:none;
        padding-left:0
    }

    .my-1{
        margin-bottom:.25rem!important;
        margin-top:.25rem!important
    }
    .mb-4{
        margin-bottom:1.5rem!important
    }


    .nav li a{
        /* margin-top: 6px !important; */
    }
    @media screen and (max-width: 600px) {
        .nav{
           flex-direction: column;
        }
    }


.form-control{
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    padding: 12px !important;
    border: 1px solid #e2e4ef !important;
    border-radius: 6px !important;
    color: #353535 !important;
    width: 100% !important;
    outline:none !important;
    box-shadow: none !important;
}

.form-control:focus{
    box-shadow: none;
    border-color: #007a5c!important;
    box-shadow: none !important;
}
.input-group {
    padding-right: 10px;
    padding-left: 5px;
}
.btn{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 12px;
    border-radius: 6px;
    transition: box-shadow .15s;
    background-image: none;
}
.btn-primary, .btn-success{
    color: #fff;
    border: 1px solid #00ac4e;
    width:100%;
    background-color:#00ac4e;
   cursor: pointer;
   background-image: none;
   padding: 12px !important;
}

.btn-primary:hover, .btn-success:hover{
    color: #fff;
    background-color: #009d47;

}
.btn:hover{
    box-shadow: 0 4px 4px #0000001a;
}

div.dashed:before, div.dashed:after{
    content: "";
    height: 1px;
    margin: 1rem 0;
    flex-grow: 1;
    background-image: linear-gradient(to right,#E2E4EF 33%,rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 15px 1px;
    background-repeat: repeat-x;
}
div.dashed{
    display: flex;
    align-items: center;
    letter-spacing: .1em;
}
.mb-3{
    margin-bottom: 1rem!important;
}


.align-items-center{
  align-items:center;
}
.justify-content-between{
   justify-content: space-between!important;
}
.mt-4{
   margin-top: 1.5rem!important;
}
.col-auto{
  width:auto;
}
.btn-icon .bi{
   font-size:24px;
   color:black;
}
.btn-icon{
   padding:6px;
}

@media screen and (max-width: 770px){
 .input-group{
    padding-right: 0px;
    padding-left: 0px;
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
 }
}

.justify-content-center{
  justify-content:center;
}


.btn-icon{
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.btn-icon:hover{
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.btn-icon:active{
    background-color: transparent;
    border: 2px solid black;
    box-shadow: none;
}

.row:before, .row:after{
    display: none;
}


/* ═══════════════════════════════════════════════════════════════════
   ContApp Docs — Header & Footer · v2.3 (august 2026)
   Tot ce e mai jos ține de bara de sus, hero și subsol.
   Blocurile vechi (.header_background, .header-buttons, .login_dropdown,
   .login_btn, .footer …) au fost șterse — sunt înlocuite aici.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --capp-green:      #00AC4E;   /* verdele de brand, identic cu contapp.ro */
  --capp-green-dark: #009D47;
  --capp-green-deep: #004D23;
  --capp-ink:        #1D1D1B;
  --capp-muted:      #5B5B58;
  --capp-line:       #E4E6E5;
  --capp-soft:       #F5F5F5;
  --capp-orange:     #F26722;
}

/* ─────────────────────────── HEADER ─────────────────────────── */

/* Lățime comună pentru bara de navigație, hero și conținut —
   grila de 1200 px folosită și pe contapp.ro. */
#mainNav .navbar-inner > .container-fluid,
#docsSearch h1.container-fluid,
#searchBar.container-fluid,
#contentArea.container-fluid{ max-width: 1180px; }

#mainNav .navbar-inner > .container-fluid{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
#mainNav .brand{ order:1; float:none; margin:0; padding:0; display:flex; align-items:center; }
#mainNav .nav-collapse{ order:2; flex:1 1 auto; }
#mainNav .capp-actions{ order:3; margin-left:auto; display:flex; align-items:center; gap:8px; }
#mainNav .btn-navbar{ order:4; float:none; margin:0; }

/* Meniul era `position:absolute` ca să treacă pe sub butoane — îl readucem
   în flux, altfel butoanele se suprapun peste linkuri. */
#mainNav ul.nav{
  position: static !important;
  display: flex; align-items: center; flex-wrap: wrap;
  width: auto; max-width: none; margin: 0; padding: 0;
  left: auto; right: auto; transform: none;
}
#mainNav ul.nav > li{ display:flex; align-items:center; margin:0; }
#mainNav ul.nav > li > a{ display:flex; align-items:center; padding:8px 9px; line-height:1.2; }
#mainNav ul.nav > li > a.contactUs{ margin:0; }   /* avea margin-top:6px și cădea sub restul */

/* Help Scout randează DOUĂ intrări „Contact” în același meniu — `#contact`
   pentru desktop și `#contactMobile` pentru telefon — și le comută singur
   pe breakpoint-ul de 768 px. Regula `ul.nav > li{display:flex}` de mai sus
   e mai specifică decât `#contactMobile{display:none}` din tema Help Scout,
   așa că le arăta pe amândouă. Repunem comutarea explicit. */
#mainNav ul.nav > li#contactMobile{ display:none; }

/* butoane */
.capp-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  height:36px; padding:0 14px; border-radius:6px;
  font-family:Roboto,Helvetica,sans-serif; font-size:14px; font-weight:500; line-height:1;
  border:1px solid transparent; text-decoration:none; white-space:nowrap; cursor:pointer;
  transition:background-color .15s ease, box-shadow .15s ease, color .15s ease;
}
.capp-btn:focus-visible{ outline:2px solid var(--capp-green); outline-offset:2px; }
.capp-btn-ghost{ background:#fff; color:var(--capp-green); border-color:var(--capp-green); }
.capp-btn-ghost:hover,
.capp-btn-ghost:focus{ background:rgba(0,172,78,.08); color:var(--capp-green); text-decoration:none; }
.capp-btn-primary{ background:var(--capp-green); border-color:var(--capp-green); color:#fff; }
.capp-btn-primary:hover,
.capp-btn-primary:focus{ background:var(--capp-green-dark); border-color:var(--capp-green-dark);
  color:#fff; text-decoration:none; box-shadow:0 4px 8px rgba(0,0,0,.12); }
.capp-btn-short{ display:none; }

/* ─────────────────────────── HERO ─────────────────────────── */

/* `!important` pentru că regula veche `#docsSearch{padding:0 !important}`
   a fost curățată, dar tema Help Scout mai pune padding pe secțiune. */
#docsSearch.capp-hero{
  background: linear-gradient(322deg, var(--capp-green-deep) 0%, var(--capp-green) 100%);
  border:0;
  padding:52px 0 60px !important;
}
#docsSearch.capp-hero h1{
  color:#fff; font-weight:700; font-size:32px; line-height:1.25;
  margin:0 auto 22px; padding-top:0; text-shadow:none;
}
#docsSearch.capp-hero .search-query{
  height:52px; border:0; border-radius:6px 0 0 6px;
  box-shadow:0 6px 20px rgba(0,0,0,.12); font-size:16px;
}
#docsSearch.capp-hero .search-query:focus{ box-shadow:0 0 0 3px rgba(255,255,255,.55); }

/* Butonul „Caută" e poziționat absolut de temă, cu 50px înălțime și
   `right:-1px` — ieșea 11px peste marginea input-ului și lăsa umbra
   acestuia să se vadă dedesubt. Îl aliniem exact pe input. */
#docsSearch.capp-hero #searchBar button{
  height:52px; right:10px; border-radius:0 6px 6px 0;
}

/* ─────────────────────────── FOOTER ─────────────────────────── */

footer{ margin-top:64px; }
.capp-footer{ font-family:Roboto,Helvetica,sans-serif; color:var(--capp-ink); }
/* Help Scout pune text-align:center pe <footer> — îl anulăm punctual */
.capp-footer, .capp-footer div, .capp-footer p,
.capp-footer h2, .capp-footer li, .capp-footer a{ text-align:left !important; }
.capp-foot-in{ max-width:1200px; margin:0 auto; padding:0 24px; }

/* banda „Nu ai găsit răspunsul?” */
.capp-foot-cta{ background:var(--capp-soft); border-top:1px solid var(--capp-line); }
.capp-foot-cta-in{
  max-width:1200px; margin:0 auto; padding:22px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.capp-foot-cta p{ margin:0; font-size:15px; color:var(--capp-muted); }
.capp-foot-cta strong{ color:var(--capp-ink); }

/* corpul footerului */
.capp-foot-main{ background:#fff; padding:44px 0 36px; border-top:1px solid var(--capp-line); }
.capp-foot-main .capp-foot-in{ display:flex; gap:48px; flex-wrap:wrap; align-items:flex-start; }
.capp-foot-brand{ flex:0 0 260px; max-width:100%; }
.capp-foot-brand img{ height:30px; width:auto; }
.capp-foot-brand p{ margin:12px 0 18px; font-size:13px; line-height:20px; color:var(--capp-muted); }

.capp-soc-row{ display:flex; gap:10px; }
.capp-soc{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%;
  background:var(--capp-ink); color:#fff; text-decoration:none;
  transition:background-color .15s ease, transform .15s ease;
}
.capp-soc:hover{ background:var(--capp-green); color:#fff; transform:translateY(-2px); text-decoration:none; }
.capp-soc:focus-visible{ outline:2px solid var(--capp-green); outline-offset:2px; }

.capp-foot-cols{ flex:1 1 520px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; }
.capp-foot-title{
  margin:0 0 12px; font-size:15px; font-weight:700; line-height:20px;
  color:var(--capp-ink); border:0; padding:0;
}
.capp-foot-cols ul{ margin:0; padding:0; list-style:none; }
.capp-foot-cols li{ margin:0 0 8px; list-style:none; }
.capp-foot-cols a{ font-size:13px; line-height:20px; color:var(--capp-muted); text-decoration:none; }
.capp-foot-cols a:hover{ color:var(--capp-green); text-decoration:none; }

/* bara de jos */
.capp-foot-bottom{ background:var(--capp-soft); border-top:1px solid var(--capp-line); padding:16px 0; }
.capp-foot-bottom .capp-foot-in{
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.capp-foot-bottom p{ margin:0; font-size:12px; color:var(--capp-muted); }
.capp-foot-legal{ display:flex; gap:18px; flex-wrap:wrap; }
.capp-foot-legal a{ font-size:12px; color:var(--capp-muted); text-decoration:none; }
.capp-foot-legal a:hover{ color:var(--capp-green); text-decoration:underline; }

/* ─────────────────────── RESPONSIVE ─────────────────────── */

@media (max-width:980px){
  .capp-foot-cols{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:768px){
  /* butoanele NU intră în hamburger: rămân lângă el */
  #mainNav .navbar-inner > .container-fluid{ gap:8px; }
  #mainNav .capp-actions{ order:3; }
  #mainNav .btn-navbar{ order:4; }
  #mainNav .nav-collapse{ order:5; flex:0 0 100%; }
  #mainNav ul.nav{ flex-direction:column; align-items:stretch; }
  #mainNav ul.nav > li > a{ padding:10px 0; }

  /* pe telefon se afișează varianta mobilă a „Contact”, ca în tema originală */
  #mainNav ul.nav > li#contact{ display:none; }
  #mainNav ul.nav > li#contactMobile{ display:flex; }

  #docsSearch.capp-hero{ padding:36px 0 40px !important; }
  #docsSearch.capp-hero h1{ font-size:24px; }

  .capp-foot-main .capp-foot-in{ gap:32px; }
  .capp-foot-brand{ flex:1 1 100%; }
  .capp-foot-cta-in{ flex-direction:column; align-items:flex-start; }
}

@media (max-width:520px){
  .capp-btn-ghost{ display:none; }          /* pe telefon rămâne doar CTA-ul principal */
  .capp-btn-short{ display:inline; }
  .capp-btn-full{ display:none; }
  .capp-foot-cols{ grid-template-columns:1fr; gap:24px; }
  .capp-foot-bottom .capp-foot-in{ flex-direction:column; align-items:flex-start; }
}

/* ─────────────────── curățenie / compatibilitate ─────────────────── */

/* vechiul container de fundal, dacă mai rămâne prin cache */
.header_background{ display:none !important; }

/* Linia „© … Powered by Help Scout”. Pe pagina principală <footer> are
   clasa `center`, pe articole nu are nicio clasă — de aceea selectorul
   nu poate fi `footer.center > p`. */
footer > p:first-child{ display:none; }