/* Newsletter mod: manji prozor od zadanog u temi (500px). */
.hrpp-popup.hrpp-mode-newsletter .newsletter-popup-content {
    max-width: 400px;
}

.hrpp-popup.hrpp-mode-newsletter .newsletter-popup-body {
    padding: 1.8rem 1.5rem 1rem;
}

.hrpp-popup.hrpp-mode-newsletter .newsletter-icon {
    font-size: 2rem;
    margin-bottom: 0.8rem;
}

.hrpp-popup.hrpp-mode-newsletter .newsletter-text h3 {
    font-size: 1.35rem;
    margin-bottom: 0.6rem;
}

.hrpp-popup.hrpp-mode-newsletter .newsletter-text p {
    font-size: 0.92rem;
    margin-bottom: 0.8rem;
}

.hrpp-popup.hrpp-mode-newsletter .newsletter-popup-form {
    padding: 1rem 1.5rem 1.2rem;
}

/* Promo mod - slika kao oglas. */
.hrpp-popup.hrpp-mode-promo .hrpp-promo-content {
    max-width: 440px;
    background: transparent;
    border: none;
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.28);
    line-height: 0;
}

.hrpp-popup .hrpp-promo-link {
    display: block;
    line-height: 0;
}

.hrpp-popup img.hrpp-promo-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 18px;
}

/* Sigurnosni fallback ako se popup prikaze na stranici bez tema-CSS-a */
.hrpp-popup {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10002;
    display: none;
    align-items: center;
    justify-content: center;
}

.hrpp-popup.show {
    display: flex;
}