/* ==================================================================
 * mma-titles.css
 *
 * Owner-requested enhancement on top of the extracted static design:
 * inside the "For professionals" band (SECTION.prostrip) the section
 * eyebrow and the six profession titles are rendered larger, heavier
 * and in the gold accent so they read as the headline of each door.
 *
 * Kept in a separate stylesheet, enqueued after assets/mma-shell.css,
 * so that assets/mma-blocks.css stays a byte-faithful copy of the
 * design source and this change can be reverted by removing one
 * wp_enqueue_style() call.
 *
 * Scope is limited to .prostrip - nothing else on any page is touched.
 * ================================================================== */

/* ---- Section eyebrow: FOR PROFESSIONALS -------------------------- */
.prostrip .hd .kick {
    gap: 18px;
    font-size: clamp(14px, 0.62vw + 11px, 20px);
    font-weight: 700;
    letter-spacing: 0.30em;
    line-height: 1.25;
    text-shadow: 0 0 26px rgba(244, 188, 116, 0.38);
}

.prostrip .hd .kick i {
    width: 11px;
    height: 11px;
    box-shadow: 0 0 14px rgba(244, 188, 116, 0.55);
}

/* ---- The six profession titles ----------------------------------- */
/* INTERIOR DESIGNERS / ARCHITECTS / CONSTRUCTION COMPANIES /
   TRADERS & IMPORTERS / HOTELS & RIADS / RETAILERS & E-COMMERCE     */
.prostrip .doors .door .who {
    display: block;
    margin-top: 2px;
    font-size: clamp(12.5px, 0.36vw + 9.8px, 15px);
    font-weight: 700;
    letter-spacing: 0.10em;
    line-height: 1.28;
    color: #F4BC74;
    text-shadow: 0 0 20px rgba(244, 188, 116, 0.32);
}

.prostrip .doors .door:hover .who,
.prostrip .doors .door:focus-visible .who {
    color: #FFE7CE;
    text-shadow: 0 0 22px rgba(255, 231, 206, 0.42);
}

/* Breathing room under the now-larger title. */
.prostrip .doors .door b {
    margin-top: 12px;
}