/* public/assets/css/public-interior.css
 *
 * Compact PUBLIC INTERIOR title strip for the ten approved content pages (Contact, About,
 * FAQ, Privacy Policy, Terms & Conditions, How It Works, and the four Pricing pages).
 * Keeps the existing .page-title-area hero structure, artwork, title and breadcrumb entirely
 * intact — only makes the strip shallower, and reduces the excessive gap that otherwise
 * follows it before each page's first real content.
 *
 * There is no shared public-interior template (see each of the ten pages' own <body
 * class="public-interior">), so every rule here is scoped beneath that one explicit marker
 * class. It never redefines the unscoped public .page-title-area / .page-title-content /
 * .item-bg1 / .item-bg2 / .navbar-area / .section-padding / .pt-100 / .ptb-100 rules those
 * files already own — marketing heroes (home.php, dynamicQRCodes.php, etc.), PPC/landing
 * pages and every other public page are completely unaffected, and the public navbar's own
 * appearance/sticky behaviour is untouched (this is a hero-and-spacing change only, never a
 * navigation change).
 */

.public-interior .page-title-area {
    height: 200px;
}

/* The public navbar is position:absolute over this hero and reserves no
   layout space of its own, so centring the title vertically across the
   whole (now shallower) strip put it under the navigation's own visual
   band. Top-aligning the cell and giving the title an explicit top
   reservation instead makes the navbar clearance literal and direct,
   rather than a side-effect of centring maths in a shrinking box — scoped
   to the title hero's own cell only, since .d-table-cell is also reused
   by the unrelated .preloader spinner on these same pages. */
.public-interior .page-title-area .d-table-cell {
    vertical-align: top;
}

.public-interior .page-title-content {
    margin-top: 0;
    padding-top: 95px;
}

.public-interior .page-title-content h2 {
    font-size: 30px;
}

/* First-content gap: each approved page's own first content block, targeted directly
   (never the generic .section-padding/.pt-100/.ptb-100/.pb-70 utilities those blocks also
   carry, which stay untouched and keep governing their own internal/bottom spacing). */
.public-interior .contact-section,
.public-interior .about-area,
.public-interior .faq-section,
.public-interior .privacy-policy,
.public-interior .terms-conditions,
.public-interior .hiw-page,
.public-interior .price-area {
    padding-top: 36px;
}

@media (max-width: 991px) {
    /* Content-aware height rather than a rigid fixed one: with .d-table's height:100%
       unable to resolve against an indefinite (min-height-only) parent, the whole hero
       sizes to its actual content, so a wrapped long title or a wrapped multi-level
       breadcrumb (e.g. Home › Pricing › Subscription Plans) simply grows the strip
       instead of clipping — min-height is only a floor for short titles. */
    .public-interior .page-title-area {
        height: auto;
        min-height: 150px;
    }

    .public-interior .page-title-content {
        margin-top: 0;
        padding: 85px 0 18px;
    }

    .public-interior .page-title-content h2 {
        font-size: 24px;
    }

    .public-interior .page-title-content ul {
        margin-top: 8px;
    }

    .public-interior .contact-section,
    .public-interior .about-area,
    .public-interior .faq-section,
    .public-interior .privacy-policy,
    .public-interior .terms-conditions,
    .public-interior .hiw-page,
    .public-interior .price-area {
        padding-top: 24px;
    }
}