/* =========================================================
   FilterShop.pl - UNIWERSALNY SZABLON KART PRODUKTOWYCH
   PrestaShop 8.x
   Cel: spójna typografia i wygląd wszystkich opisów produktów
   ========================================================= */

/* ---------- 1. GŁÓWNA TYPOGRAFIA OPISU ---------- */
.product-description,
#description {
    color: #000000 !important;
    font-size: 16px !important;
    line-height: 1.60 !important;
}

/* Zwykły tekst */
.product-description p,
.product-description span,
.product-description div,
#description p,
#description span,
#description div {
    color: #000000 !important;
}

/* Akapity */
.product-description p,
#description p {
    margin: 0 0 16px 0 !important;
    line-height: 1.60 !important;
}

/* ---------- 2. NAGŁÓWKI ---------- */

/* H2 - główne sekcje opisu */
.product-description h2,
#description h2 {
    color: #000000 !important;
    font-size: 24px !important;
    line-height: 1.30 !important;
    font-weight: 700 !important;
    margin: 30px 0 14px 0 !important;
}

/* pierwszy H2 bez nadmiernego odstępu */
.product-description h2:first-child,
#description h2:first-child {
    margin-top: 8px !important;
}

/* H3 - podsekcje */
.product-description h3,
#description h3 {
    color: #000000 !important;
    font-size: 19px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    margin: 22px 0 12px 0 !important;
}

/* H4 - drobniejsze podsekcje */
.product-description h4,
#description h4 {
    color: #000000 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    margin: 18px 0 10px 0 !important;
}

/* ---------- 3. POGRUBIENIA ---------- */
.product-description strong,
.product-description b,
#description strong,
#description b {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* ---------- 4. LISTY ---------- */
.product-description ul,
#description ul {
    list-style: disc outside !important;
    margin: 10px 0 20px 0 !important;
    padding-left: 28px !important;
}

.product-description ol,
#description ol {
    list-style: decimal outside !important;
    margin: 10px 0 20px 0 !important;
    padding-left: 28px !important;
}

.product-description li,
#description li {
    display: list-item !important;
    color: #000000 !important;
    line-height: 1.55 !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
}

/* ---------- 5. TABELE TECHNICZNE ---------- */
.product-description table,
#description table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin: 18px 0 28px 0 !important;
    border: 1px solid #d8d8d8 !important;
    background: #ffffff !important;
}

.product-description thead,
#description thead {
    background: #f3f3f3 !important;
}

.product-description th,
.product-description td,
#description th,
#description td {
    color: #000000 !important;
    border: 1px solid #d8d8d8 !important;
    padding: 11px 14px !important;
    text-align: left !important;
    vertical-align: top !important;
    line-height: 1.45 !important;
}

.product-description th,
#description th {
    background: #f3f3f3 !important;
    font-weight: 700 !important;
}

.product-description td:first-child,
#description td:first-child {
    width: 35% !important;
    font-weight: 600 !important;
}

/* ---------- 6. LINKI ---------- */
.product-description a,
#description a {
    text-decoration: underline !important;
}

/* ---------- 7. OBRAZY ---------- */
.product-description img,
#description img {
    max-width: 100% !important;
    height: auto !important;
}

/* ---------- 8. KRÓTKI OPIS / PODSUMOWANIE ---------- */
.product-information .product-description-short,
.product-description-short {
    color: #000000 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}

.product-information .product-description-short p,
.product-description-short p,
.product-information .product-description-short span,
.product-description-short span {
    color: #000000 !important;
}

/* ---------- 9. MOBILNE ---------- */
@media (max-width: 767px) {

    .product-description,
    #description {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    .product-description h2,
    #description h2 {
        font-size: 21px !important;
        margin-top: 24px !important;
    }

    .product-description h3,
    #description h3 {
        font-size: 18px !important;
        margin-top: 20px !important;
    }

    .product-description h4,
    #description h4 {
        font-size: 16px !important;
    }

    .product-description th,
    .product-description td,
    #description th,
    #description td {
        padding: 8px 9px !important;
    }

    .product-information .product-description-short,
    .product-description-short {
        font-size: 15px !important;
    }
}