/* =====================================================================
   snk_product_reset.css
   Typography reset for WordPress-imported product content.
   Scope: body .pr-product-tab-content-text
   All rules use !important to override oct_promo theme defaults.
   ===================================================================== */

/* --- Base container --- */
body .pr-product-tab-content-text {
    font-size: 0.95rem !important;
    line-height: 1.72 !important;
    color: inherit !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* --- Paragraphs --- */
body .pr-product-tab-content-text p {
    margin-top: 0 !important;
    margin-bottom: 0.85em !important;
    line-height: 1.72 !important;
}

/* --- Headings: shared --- */
body .pr-product-tab-content-text h1,
body .pr-product-tab-content-text h2,
body .pr-product-tab-content-text h3,
body .pr-product-tab-content-text h4,
body .pr-product-tab-content-text h5,
body .pr-product-tab-content-text h6 {
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.45em !important;
    color: inherit !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

/* --- Headings: sizes (desktop) --- */
body .pr-product-tab-content-text h1 { font-size: 1.65rem !important; }
body .pr-product-tab-content-text h2 { font-size: 1.4rem !important; }
body .pr-product-tab-content-text h3 { font-size: 1.22rem !important; }
body .pr-product-tab-content-text h4 { font-size: 1.1rem !important; }
body .pr-product-tab-content-text h5 { font-size: 1rem !important; }
body .pr-product-tab-content-text h6 {
    font-size: 0.82rem !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--pr-primary-dark-color) !important;
}

/* --- No top margin on first element --- */
body .pr-product-tab-content-text > *:first-child { margin-top: 0 !important; }
body .pr-product-tab-content-text > *:last-child  { margin-bottom: 0 !important; }

/* --- Bold / Italic --- */
body .pr-product-tab-content-text strong,
body .pr-product-tab-content-text b {
    font-weight: 700 !important;
}
body .pr-product-tab-content-text em,
body .pr-product-tab-content-text i {
    font-style: italic !important;
}

/* --- Links --- */
body .pr-product-tab-content-text a {
    color: var(--pr-primary-dark-color) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    transition: opacity .18s !important;
}
body .pr-product-tab-content-text a:hover {
    opacity: 0.75 !important;
    text-decoration: none !important;
}

/* --- Lists --- */
body .pr-product-tab-content-text ul,
body .pr-product-tab-content-text ol {
    margin-top: 0 !important;
    margin-bottom: 0.85em !important;
    padding-left: 1.6em !important;
}
body .pr-product-tab-content-text ul { list-style: disc !important; }
body .pr-product-tab-content-text ol { list-style: decimal !important; }

body .pr-product-tab-content-text li {
    display: list-item !important;
    margin-bottom: 0.3em !important;
    line-height: 1.65 !important;
}

/* Nested lists */
body .pr-product-tab-content-text ul ul,
body .pr-product-tab-content-text ol ol,
body .pr-product-tab-content-text ul ol,
body .pr-product-tab-content-text ol ul {
    margin-top: 0.3em !important;
    margin-bottom: 0.1em !important;
}
body .pr-product-tab-content-text ul ul   { list-style: circle !important; }
body .pr-product-tab-content-text ul ul ul { list-style: square !important; }

/* --- Blockquote --- */
body .pr-product-tab-content-text blockquote {
    margin: 1.4em 0 !important;
    padding: 16px 22px 16px 20px !important;
    border-left: 3px solid var(--pr-primary-dark-color) !important;
    background: rgba(180, 187, 107, 0.09) !important;
    border-radius: 0 4px 4px 0 !important;
    font-style: italic !important;
    font-size: 0.97em !important;
    color: inherit !important;
}
body .pr-product-tab-content-text blockquote p {
    margin-bottom: 0 !important;
}
body .pr-product-tab-content-text blockquote p + p {
    margin-top: 0.5em !important;
}

/* --- Inner div spacing (WP wraps sections in <div>) --- */
body .pr-product-tab-content-text > div {
    margin-bottom: 0.75em !important;
}
body .pr-product-tab-content-text > div:last-child {
    margin-bottom: 0 !important;
}

/* --- Images --- */
body .pr-product-tab-content-text img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 4px !important;
    margin: 1em 0 !important;
}

/* --- Horizontal rule --- */
body .pr-product-tab-content-text hr {
    border: none !important;
    border-top: 1px solid #e0e0e0 !important;
    margin: 1.4em 0 !important;
}

/* --- Code --- */
body .pr-product-tab-content-text code {
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 0.87em !important;
    background: #f4f4f4 !important;
    border-radius: 3px !important;
    padding: 2px 5px !important;
    color: #c7254e !important;
}
body .pr-product-tab-content-text pre {
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 0.87em !important;
    background: #f4f4f4 !important;
    border-radius: 4px !important;
    padding: 14px !important;
    overflow-x: auto !important;
    white-space: pre-wrap !important;
    margin-bottom: 0.85em !important;
}
body .pr-product-tab-content-text pre code {
    background: none !important;
    padding: 0 !important;
    color: inherit !important;
}

/* --- Tables --- */
body .pr-product-tab-content-text table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 1em !important;
    font-size: 0.9em !important;
}
body .pr-product-tab-content-text th,
body .pr-product-tab-content-text td {
    border: 1px solid #ddd !important;
    padding: 8px 12px !important;
    text-align: left !important;
    vertical-align: top !important;
}
body .pr-product-tab-content-text th {
    font-weight: 700 !important;
    background: #f7f7f7 !important;
}

/* =====================================================================
   Responsive — tablet (≤ 767px)
   ===================================================================== */
@media (max-width: 767px) {
    body .pr-product-tab-content-text {
        font-size: 0.9rem !important;
        line-height: 1.65 !important;
    }
    body .pr-product-tab-content-text h1 { font-size: 1.35rem !important; }
    body .pr-product-tab-content-text h2 { font-size: 1.2rem !important; }
    body .pr-product-tab-content-text h3 { font-size: 1.08rem !important; }
    body .pr-product-tab-content-text h4 { font-size: 1rem !important; }
    body .pr-product-tab-content-text h5,
    body .pr-product-tab-content-text h6 { font-size: 0.85rem !important; }

    body .pr-product-tab-content-text ul,
    body .pr-product-tab-content-text ol {
        padding-left: 1.25em !important;
    }
    body .pr-product-tab-content-text blockquote {
        padding: 12px 16px !important;
        font-size: 0.9rem !important;
    }
    body .pr-product-tab-content-text table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* =====================================================================
   Responsive — mobile (≤ 480px)
   ===================================================================== */
@media (max-width: 480px) {
    body .pr-product-tab-content-text {
        font-size: 0.875rem !important;
        line-height: 1.62 !important;
    }
    body .pr-product-tab-content-text h1 { font-size: 1.25rem !important; }
    body .pr-product-tab-content-text h2 { font-size: 1.12rem !important; }
    body .pr-product-tab-content-text h3 { font-size: 1rem !important; }
    body .pr-product-tab-content-text h4,
    body .pr-product-tab-content-text h5,
    body .pr-product-tab-content-text h6 { font-size: 0.85rem !important; }

    body .pr-product-tab-content-text blockquote {
        padding: 10px 13px !important;
        margin: 1em 0 !important;
    }
    body .pr-product-tab-content-text p {
        margin-bottom: 0.7em !important;
    }
}