/**
 * Porto V2 — About Us Page Clean Rewrite (R216 — matches Porto Demo 1 reference)
 * Namespace: .about-info, .cms-content-important
 * Scoped under: body.cms-about-us
 * Reference: https://m2.portotheme.com/demo1_en/about-us
 * Structure: H1 page-title + div.about-info.cms-content (paragraphs + list)
 */

/* ============================================================
   PAGE TITLE — show H1, override pt-cms-page blue/uppercase rule
   ============================================================ */
body.cms-about-us .page-main > .page-title-wrapper {
    display: block !important;
}

/* porto.css .pt-cms-page makes it 22px/blue/uppercase — override to match reference (30px/dark) */
body.pt-cms-page.cms-about-us .page-main > .page-title-wrapper .page-title,
body.cms-about-us .page-main > .page-title-wrapper .page-title {
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #222529 !important;
    text-transform: none !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
}

/* ============================================================
   BREADCRUMB
   ============================================================ */
body.cms-about-us .breadcrumbs {
    background: #fff !important;
    padding: 8px 0 !important;
    font-size: 12px !important;
    color: #8e8e8e !important;
}
body.cms-about-us .breadcrumbs .items {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.cms-about-us .breadcrumbs .items li { color: #8e8e8e !important; }
body.cms-about-us .breadcrumbs .items li a { color: #8e8e8e !important; text-decoration: none !important; }
body.cms-about-us .breadcrumbs .items li:not(:last-child)::after { content: '\203A'; margin: 0 6px; }

/* ============================================================
   ABOUT-INFO CONTAINER
   Standard max-width from porto.css .cms-content (1200px) applies.
   ============================================================ */
body.cms-about-us .about-info {
    padding: 20px 0 40px;
}

/* ============================================================
   CMS-CONTENT-IMPORTANT — first-paragraph emphasis
   ============================================================ */
body.cms-about-us .about-info .cms-content-important {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #555 !important;
    line-height: 1.75 !important;
    margin-bottom: 18px !important;
}

/* ============================================================
   BODY PARAGRAPHS
   ============================================================ */
body.cms-about-us .about-info p {
    font-size: 13px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 14px;
}

/* ============================================================
   QUICK LINKS LIST
   ============================================================ */
body.cms-about-us .about-info ul {
    list-style: none !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
}
body.cms-about-us .about-info ul li {
    margin-bottom: 8px;
    font-size: 13px;
}
body.cms-about-us .about-info ul li a {
    color: #0088cc;
    text-decoration: none;
}
body.cms-about-us .about-info ul li a:hover {
    text-decoration: underline;
}