/* =================================================================
   Product Category Description — Frontend Styles v4
   Theme: Electron (AppliMart)
   Scoped under .cat-desc-wrap — zero bleed to rest of page.
   Inherits ALL font-family and color from Electron theme.
   Only overrides size, spacing, line-height.
   ================================================================= */

/* ── Outer wrapper ───────────────────────────────────────────── */
.cat-desc-wrap {
    width:            100%;
    margin:           20px 0 0;
    padding:          20px;
    box-sizing:       border-box;
    background-color: #f9f9f9;
    border:           1px solid #e0e0e0;
    border-radius:    5px;
    font-family:      inherit;
    color:            inherit;
}

/* ── Content area ────────────────────────────────────────────── */
.cat-desc-content {
    width:       100%;
    font-family: inherit;
    font-size:   0.9375rem;
    line-height: 1.75;
    color:       inherit;
}

/* ── Headings ────────────────────────────────────────────────── */
.cat-desc-content h1,
.cat-desc-content h2,
.cat-desc-content h3,
.cat-desc-content h4,
.cat-desc-content h5,
.cat-desc-content h6 {
    font-family:    inherit;
    color:          inherit;
    line-height:    1.4;
    margin:         1.2em 0 0.4em;
    font-weight:    600;
    letter-spacing: inherit;
    text-transform: inherit;
    border:         none;
    padding:        0;
    background:     none;
}

.cat-desc-content h1 { font-size: 1.3rem !important;  }
.cat-desc-content h2 { font-size: 1.15rem !important; }
.cat-desc-content h3 { font-size: 1.05rem !important; }
.cat-desc-content h4 { font-size: 1rem !important;    font-weight: 700; }
.cat-desc-content h5 { font-size: 0.95rem !important; font-weight: 700; }
.cat-desc-content h6 { font-size: 0.9rem !important;  font-weight: 700; }

/* ── Paragraphs ──────────────────────────────────────────────── */
.cat-desc-content p {
    margin:      0 0 0.85em;
    font-size:   inherit;
    line-height: inherit;
}

/* First child — no top margin */
.cat-desc-content > *:first-child { margin-top: 0; }
.cat-desc-content > *:last-child  { margin-bottom: 0; }

/* ── Lists ───────────────────────────────────────────────────── */
.cat-desc-content ul,
.cat-desc-content ol {
    padding-left: 1.4em;
    margin:       0.4em 0 0.85em;
}
.cat-desc-content li {
    margin-bottom: 0.3em;
    font-size:     inherit;
    line-height:   1.65;
}

/* ── Links ───────────────────────────────────────────────────── */
.cat-desc-content a {
    color:                 inherit;
    text-decoration:       underline;
    text-underline-offset: 2px;
}
.cat-desc-content a:hover { opacity: 0.75; }

/* ── Inline ──────────────────────────────────────────────────── */
.cat-desc-content strong { font-weight: 700; }
.cat-desc-content em     { font-style: italic; }

/* ── Images ──────────────────────────────────────────────────── */
.cat-desc-content img {
    max-width: 100%;
    height:    auto;
    display:   block;
    margin:    0.75em 0;
}

/* ── Table ───────────────────────────────────────────────────── */
.cat-desc-content table {
    width:           100%;
    border-collapse: collapse;
    font-size:       inherit;
    margin:          1em 0;
}
.cat-desc-content table th,
.cat-desc-content table td {
    padding:     0.5em 0.75em;
    border:      1px solid rgba(0,0,0,0.12);
    text-align:  left;
    line-height: 1.5;
}
.cat-desc-content table th {
    font-weight: 700;
    background:  rgba(0,0,0,0.03);
}

/* ── Blockquote ──────────────────────────────────────────────── */
.cat-desc-content blockquote {
    border-left:  3px solid currentColor;
    padding-left: 1rem;
    margin:       1em 0;
    opacity:      0.8;
    font-style:   italic;
}

/* ── Mobile ──────────────────────────────────────────────────── */
@media ( max-width: 767px ) {
    .cat-desc-wrap {
        margin-top: 15px;
        padding:    15px;
    }
    .cat-desc-content {
        font-size: 0.9rem;
    }
    .cat-desc-content h2 { font-size: 1.05rem !important;  }
    .cat-desc-content h3 { font-size: 0.975rem !important; }
}