/*  Arsha Pro  -  design pack
    ------------------------------------------------------------------------------------
    The template's own stylesheet, unmodified, plus a bridge. When a pack is active the
    renderer emits BootstrapMade's markup convention and pack.json names the classes this
    template uses, so main.css applies as shipped.

    Generated by tools/install-packs.ps1 - correct pack.json by hand where a section or card
    did not map cleanly; anything unmapped simply falls back to the built-in look.

    Template (c) BootstrapMade - https://bootstrapmade.com/license/                      */

@import url("assets/css/main.css");

/*  Their variables read from ours, so the colour and type chosen on the site's Design
    screen still drive the page. Delete this block to render in the template's own palette. */
:root {
    --accent-color: var(--sb-primary);
    --heading-color: var(--sb-dark);
    --default-font: var(--sb-body-font);
    --heading-font: var(--sb-heading-font);
    --nav-font: var(--sb-heading-font);
    --nav-hover-color: var(--sb-primary);
}

/*  BootstrapMade titles cards with <h4>; our sections emit <h3>, because a card title is a
    third-level heading on our pages. Same intent, our element. */
.sb-packed .service-item h3,
.sb-packed .icon-box h3 { font-weight: 700; margin-bottom: 15px; font-size: 20px; color: var(--heading-color); }
.sb-packed .team-member h3 { font-size: 18px; margin-bottom: 5px; }
.sb-packed .pricing-item h3 { font-size: 16px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; }

/*  Our hero can carry a background image where the template's is a plain band; keep whichever
    the site chose readable rather than forcing one of them. */
.sb-packed .hero .sb-hero-veil { display: none; }
.sb-packed .hero { background: var(--background-color); color: var(--default-color); }
.sb-packed .hero .sb-h1 { color: var(--heading-color); }
.sb-packed .hero .sb-lead { color: var(--default-color); }
.sb-packed .hero .sb-btn-primary { background: var(--accent-color); border-color: var(--accent-color); }

.sb-packed .section-title p { margin-bottom: 0; }