/* ───────────── Full‑screen dimmer */
#ph-onboarding-popup {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.50);
    z-index: 9999;
}

/* ───────────── Popup box */
#ph-onboarding-popup .ph-box {
    position: relative;
    width: 90%;
    max-width: 640px;
    padding: 40px 30px;
    background: url('https://pulseheaven.com/wp-content/plugins/astra-customizations/assets/images/onboarding.webp')
                center / cover no-repeat;
    border-radius: 20px;
    color: #ffffff;
    text-align: center;          /* default */
    overflow: hidden;
}

/* Dark overlay */
#ph-onboarding-popup .ph-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 0;
}

/* Lift content above overlay */
#ph-onboarding-popup .ph-box > * {
    position: relative;
    z-index: 1;
}

/* Heading – same block width & centring as the paragraphs, but left‑aligned text */
#ph-onboarding-popup .ph-box h2 {
    max-width: 440px;               /* match the paragraphs */
    margin: 0 auto 24px;            /* centre the block within the popup */
    text-align: left;               /* left‑align the text */
    color: #ffffff;
    font-weight: 700;
}


/* All paragraphs share sizing & centring as a block */
#ph-onboarding-popup .ph-box p {
    max-width: 440px;
    margin: 12px auto;
}

/* First two paragraphs: left‑aligned */
#ph-onboarding-popup .ph-box p:not(:last-child) {
    text-align: left;
}

/* Last paragraph (the links row): centred */
#ph-onboarding-popup .ph-box p:last-child {
    text-align: center;
}

/* Links */
#ph-onboarding-popup a {
    display: inline-block;
    margin: 10px 16px;
    color: #ffffff;
    text-decoration: underline;
    font-weight: 500;
}
#ph-onboarding-popup a:hover {
    opacity: 0.85;
}

/* Close button */
#ph-onboarding-popup .ph-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 28px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    line-height: 1;
}