/*
 * Buhalterija.com
 *
 * Tik SEO / editorial teksto pateikimas.
 *
 * NELIEČIA:
 * - homepage blokų
 * - paslaugų kortelių
 * - klientų
 * - kontaktų
 * - kainų kortelių
 * - straipsnių katalogo
 * - navbar / footer
 */


/* ==========================================================
   EDITORIAL PAGE LAYOUT
   ========================================================== */

/*
 * Esminis pakeitimas.
 *
 * Anksčiau pagrindinį tekstą spaudė per platus sidebar
 * ir per didelis tarpas.
 *
 * Dabar:
 * ~850-900px pagrindiniam turiniui
 * ~260-280px pagalbinei informacijai.
 */

.editorial-layout {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        270px !important;

    gap: 46px !important;

    align-items: start !important;
}


/* ==========================================================
   MAIN CONTENT
   ========================================================== */

.editorial-body {
    min-width: 0 !important;

    width: 100% !important;
    max-width: none !important;

    color: #514447 !important;

    font-size: 17px !important;
    line-height: 1.76 !important;
}


/*
 * Nebespaudžiame kiekvieno elemento į 700–760px.
 *
 * Turinio plotį valdo pats pagrindinis grid stulpelis.
 */

.editorial-body > p,
.editorial-body > ul,
.editorial-body > ol,
.editorial-body > h2,
.editorial-body > h3,
.editorial-body > h4,
.editorial-body > table,
.editorial-body > blockquote {
    max-width: none !important;
}


/* ==========================================================
   PARAGRAPHS
   ========================================================== */

.editorial-body p {
    margin-top: 0 !important;
    margin-bottom: 21px !important;
}

.editorial-body > p:first-of-type {
    max-width: none !important;

    color: #44373a !important;

    font-size: 18px !important;
    line-height: 1.72 !important;
}


/* ==========================================================
   HEADINGS
   ========================================================== */

.editorial-body h2 {
    max-width: none !important;

    margin: 54px 0 18px !important;

    font-size: clamp(30px, 3vw, 40px) !important;
    line-height: 1.12 !important;

    letter-spacing: -.035em !important;
}

.editorial-body h2:first-child {
    margin-top: 0 !important;
}

.editorial-body h3 {
    max-width: none !important;

    margin: 34px 0 12px !important;

    font-size: 23px !important;
    line-height: 1.25 !important;

    letter-spacing: -.02em !important;
}


/* ==========================================================
   NORMAL LISTS
   ========================================================== */

/*
 * Pašaliname seną AI/checklist išvaizdą.
 */

.editorial-body ul,
.editorial-body ol {
    display: block !important;

    margin: 17px 0 27px !important;

    padding-left: 23px !important;

    background: transparent !important;
}


/* Normalūs unordered list bullet'ai */

.editorial-body ul {
    list-style: disc outside !important;
}


/* Normalūs skaičiai */

.editorial-body ol {
    list-style: decimal outside !important;

    counter-reset: none !important;
}


/*
 * Nebėra:
 * - atskirų baltų kortelių
 * - borderių
 * - didelio padding
 * - checkbox stiliaus
 */

.editorial-body li {
    position: static !important;

    display: list-item !important;

    margin: 7px 0 !important;

    padding: 0 !important;

    color: #514447 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: 17px !important;
    line-height: 1.62 !important;
}


/* Sena ✓ ir custom 01/02/03 logika */

.editorial-body ul li::before,
.editorial-body ol li::before {
    display: none !important;

    content: none !important;
}


/* Tikras browser marker */

.editorial-body li::marker {
    color: var(--wine) !important;
}


/* ==========================================================
   LINKS
   ========================================================== */

.editorial-body a {
    color: var(--wine) !important;

    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}

.editorial-body strong {
    color: var(--ink) !important;

    font-weight: 700 !important;
}


/* ==========================================================
   CONTENT INDEX / TURINYS
   ========================================================== */

/*
 * Turinys neturi atrodyti kaip dar viena AI kortelė.
 */

.content-index {
    display: grid !important;

    grid-template-columns:
        165px
        minmax(0, 1fr) !important;

    gap: 0 !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 42px !important;

    padding: 20px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-top: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;

    border-radius: 0 !important;
}


/* ==========================================================
   BLOCKQUOTE
   ========================================================== */

.editorial-body blockquote {
    margin: 30px 0 !important;

    padding: 3px 0 3px 20px !important;

    background: transparent !important;

    border: 0 !important;
    border-left: 3px solid var(--wine) !important;

    border-radius: 0 !important;
}


/* ==========================================================
   TABLE
   ========================================================== */

.editorial-body table {
    width: 100% !important;

    margin: 28px 0 34px !important;

    border-collapse: collapse !important;

    font-size: 15px !important;
}

.editorial-body th,
.editorial-body td {
    padding: 13px 14px !important;

    text-align: left !important;

    border-bottom: 1px solid var(--line) !important;
}


/* ==========================================================
   SIDEBAR
   ========================================================== */

/*
 * Sidebar paliekamas funkcionalus,
 * bet jis nebegali suvalgyti 320+ px turinio ploto.
 */

.editorial-aside {
    width: 270px !important;
    max-width: 270px !important;

    gap: 16px !important;
}

.editorial-aside .aside-card {
    padding: 23px !important;

    border-radius: 16px !important;
}

.editorial-aside .aside-card h3 {
    margin: 14px 0 12px !important;

    font-size: 22px !important;
    line-height: 1.18 !important;
}

.editorial-aside .aside-card p {
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.editorial-aside .aside-links a {
    padding: 13px 2px !important;

    font-size: 13px !important;
}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media(min-width:1180px) {

    /*
     * Išnaudojam realiai turimą plotį.
     * Main content gaus apie 850px.
     */

    .editorial-layout {
        grid-template-columns:
            minmax(0, 1fr)
            260px !important;

        gap: 42px !important;
    }

    .editorial-aside {
        width: 260px !important;
        max-width: 260px !important;
    }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:900px) {

    .editorial-layout {
        grid-template-columns: 1fr !important;

        gap: 48px !important;
    }

    .editorial-aside {
        position: static !important;

        width: 100% !important;
        max-width: 760px !important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:620px) {

    .editorial-body {
        font-size: 16px !important;
        line-height: 1.72 !important;
    }

    .editorial-body > p:first-of-type {
        font-size: 17px !important;
    }

    .editorial-body h2 {
        margin-top: 44px !important;

        font-size: 29px !important;
    }

    .editorial-body h3 {
        margin-top: 30px !important;

        font-size: 21px !important;
    }

    .editorial-body ul,
    .editorial-body ol {
        padding-left: 21px !important;
    }

    .editorial-body li {
        font-size: 16px !important;
    }

    .content-index {
        grid-template-columns: 1fr !important;

        gap: 12px !important;
    }

}