.elementor-724 .elementor-element.elementor-element-1eab27a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-6e5eb81 *//* ==========================================
   Bijuterii Persian — Permanent Neon Gold Glow
   Always-On Glow + Strong Hover Lift
=========================================== */

.bp-modal-gold {
    width: 100%;
    max-width: 760px;
    padding: 48px 56px;
    margin: 0 auto;
    text-align: center;

    /* Lux Glass */
    background: rgba(12, 10, 7, 0.68);
    backdrop-filter: blur(30px) saturate(220%);
    -webkit-backdrop-filter: blur(30px) saturate(220%);
    border-radius: 22px;
    position: relative;
    transition: transform .45s ease;
    
    /* Entrance Animation */
    opacity: 0;
    transform: translateY(18px) scale(0.97);
    animation: bpFadeIn .45s ease-out forwards;
}

@keyframes bpFadeIn {
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* ======== ✨ Permanent Soft Gold Glow (NO SOLID BORDER) ======== */
.bp-modal-gold::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 22px;
    padding: 3px;

    /* GOLD GRADIENT MOVING */
    background: linear-gradient(120deg,#b88a1a,#e8c46a,#f8e6a0,#b88a1a);
    background-size: 300% 300%;
    animation: goldFlow 9s linear infinite;

    /* MASK = no real border, only glow */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    opacity: .25; /* SOFT (visible but classy) */
    filter: blur(1.3px); /* Glow without line */
    transition: opacity .45s ease, filter .45s ease;
}

@keyframes goldFlow {
    0%   { background-position: 0% 0%; }
    100% { background-position: 300% 300%; }
}

/* ======== 🟨 Hover Amplifies Glow + Slight Lift ======== */
.bp-modal-gold:hover {
    transform: translateY(-6px) scale(1.01);
}
.bp-modal-gold:hover::before {
    opacity: .9;
    filter: blur(1.8px) brightness(1.2);
}

/* ======== Typography (UNCHANGED) ======== */
.bp-title {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 20px;
    background: linear-gradient(90deg,#f8e6a0,#e8c46a,#b88a1a,#f8e6a0);
    background-size: 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: bpGoldText 13s linear infinite;
}
@keyframes bpGoldText { 100% { background-position: 300%; } }

.bp-subtitle {
    font-size: 19px;
    font-weight: 500;
    color: #f7e5b3;
    opacity: .92;
    margin-bottom: 22px;
}

.bp-text {
    font-size: 15.5px;
    color: #f4e4c7;
    opacity: .78;
    line-height: 1.65;
    margin-bottom: 18px;
}




/* ============================
   MOBILE (Compact Gold Popup)
   BijuteriiPersian.ro
============================ */
@media (max-width: 540px) {

    .bp-modal-gold {
        max-width: 88% !important;
        padding: 28px 26px !important;
        border-radius: 18px !important;
        transform: translateY(10px) scale(.94) !important;
    }

    .bp-modal-gold:hover {
        transform: translateY(-2px) scale(.965) !important;
    }

    /* Title */
    .bp-modal-gold .bp-title {
        font-size: 24px !important;
        line-height: 1.26 !important;
        margin-bottom: 14px !important;
    }

    /* Subtitle */
    .bp-modal-gold .bp-subtitle {
        font-size: 15px !important;
        margin-bottom: 14px !important;
    }

    /* Text paragraphs */
    .bp-modal-gold .bp-text {
        font-size: 13.8px !important;
        line-height: 1.58 !important;
        margin-bottom: 12px !important;
    }
}








/* ============================================
 💛 NEON CLOSE BUTTON — Bijuterii Persian (Pro)
 90° Spin + Royal Gold Glow + #d4af37
=========================================== */

/* Default popup close button styles */
.mfp-close-btn-in .mfp-close,
.wd-popup-close,
.wd-popup-close i {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 22px !important;
    border-radius: 50% !important;

    /* Glass background */
    background: rgba(55, 44, 22, 0.55) !important;
    backdrop-filter: blur(14px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%) !important;

    /* Neon Gold */
    color: #d4af37 !important;
    border: 1px solid rgba(212, 175, 55, 0.55) !important;

    /* Glow */
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.45),
                0 0 18px rgba(212, 175, 55, 0.25) !important;

    /* Animation */
    transition: transform .35s ease, box-shadow .35s ease, color .35s ease, border-color .35s ease !important;
    z-index: 999999 !important;
}

/* Hover animation — rotation + neon boost */
.mfp-close-btn-in .mfp-close:hover,
.wd-popup-close:hover {
    transform: rotate(90deg) scale(1.15) !important;
    color: #fff3c8 !important;
    border-color: rgba(212, 175, 55, 0.95) !important;

    /* Stronger Gold Glow on Hover */
    box-shadow: 0 0 16px rgba(212, 175, 55, 0.95),
                0 0 32px rgba(212, 175, 55, 0.65),
                0 0 56px rgba(212, 175, 55, 0.45) !important;
}/* End custom CSS */