/*
|--------------------------------------------------------------------------
| PM Live Sale Notification
|--------------------------------------------------------------------------
*/

#pmlsn-live-notification {

    position: fixed;

    left: 20px;
    bottom: 20px;

    width: var(--pmlsn-width, 360px);
    max-width: calc(100vw - 30px);

    background: var(--pmlsn-bg, #ffffff);

    border: 1px solid #e5e7eb;

    border-radius: var(--pmlsn-radius, 14px);

    box-shadow: var(--pmlsn-shadow, 0 10px 35px rgba(0, 0, 0, 0.14));

    z-index: 999999;

    padding: var(--pmlsn-padding, 12px);

    box-sizing: border-box;

    opacity: 0;

    visibility: hidden;

    transform:
        translateY(25px);

    transition:
        opacity var(--pmlsn-animation-speed, 350ms) ease,
        transform var(--pmlsn-animation-speed, 350ms) ease,
        visibility var(--pmlsn-animation-speed, 350ms) ease;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;
}


/*
|--------------------------------------------------------------------------
| Visible
|--------------------------------------------------------------------------
*/

#pmlsn-live-notification.pmlsn-show {

    opacity: 1;

    visibility: visible;

    transform:
        translateY(0);
}


/*
|--------------------------------------------------------------------------
| Inner Layout
|--------------------------------------------------------------------------
*/

.pmlsn-notification-inner {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    position: relative;
}


/*
|--------------------------------------------------------------------------
| Thumbnail
|--------------------------------------------------------------------------
*/

.pmlsn-notification-thumbnail {

    flex: 0 0 var(--pmlsn-thumb-size, 64px);

    width: var(--pmlsn-thumb-size, 64px);

    height: var(--pmlsn-thumb-size, 64px);

    border-radius: 10px;

    overflow: hidden;

    background: #f1f5f9;
}


.pmlsn-notification-thumbnail img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;
}


/*
|--------------------------------------------------------------------------
| Content
|--------------------------------------------------------------------------
*/

.pmlsn-notification-content {

    flex: 1;

    min-width: 0;

    padding-right: 15px;
}


/*
|--------------------------------------------------------------------------
| Customer
|--------------------------------------------------------------------------
*/

.pmlsn-notification-customer {

    font-size: var(--pmlsn-customer-size, 14px);

    font-weight: 700;

    color: var(--pmlsn-text, #111827);

    line-height: 1.3;

    margin-bottom: 2px;
}


/*
|--------------------------------------------------------------------------
| Location
|--------------------------------------------------------------------------
*/

.pmlsn-notification-location {

    font-size: 12px;

    color: #6b7280;

    margin-bottom: 7px;
}


/*
|--------------------------------------------------------------------------
| Purchase Text
|--------------------------------------------------------------------------
*/

.pmlsn-notification-purchase {

    font-size: var(--pmlsn-course-size, 13px);

    color: #374151;

    line-height: 1.4;

    margin-bottom: 7px;
}


.pmlsn-notification-course {

    font-weight: 600;

    color: #111827;
}


/*
|--------------------------------------------------------------------------
| Bottom Meta
|--------------------------------------------------------------------------
*/

.pmlsn-notification-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    font-size: var(--pmlsn-meta-size, 11px);
}


/*
|--------------------------------------------------------------------------
| Verified Badge
|--------------------------------------------------------------------------
*/

.pmlsn-verified-badge {

    display: inline-flex;

    align-items: center;

    gap: 3px;

    color: var(--pmlsn-accent, #2563eb);

    font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| Time
|--------------------------------------------------------------------------
*/

.pmlsn-notification-time {

    color: #6b7280;
}


/*
|--------------------------------------------------------------------------
| Close Button
|--------------------------------------------------------------------------
*/

.pmlsn-notification-close {

    position: absolute;

    top: -2px;

    right: -2px;

    width: var(--pmlsn-close-size, 24px);

    height: var(--pmlsn-close-size, 24px);

    border: 0;

    background: transparent;

    color: #9ca3af;

    cursor: pointer;

    font-size: 18px;

    line-height: var(--pmlsn-close-size, 24px);

    padding: 0;

    border-radius: 50%;
}


.pmlsn-notification-close:hover {

    background: #f3f4f6;

    color: #374151;
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 600px) {

    #pmlsn-live-notification {

        left: 10px;

        right: 10px;

        bottom: 10px;

        width: auto;

        max-width: none;

        padding: 10px;

        border-radius: 12px;
    }


    .pmlsn-notification-thumbnail {

        flex-basis: var(--pmlsn-thumb-size, 58px);

        width: var(--pmlsn-thumb-size, 58px);

        height: var(--pmlsn-thumb-size, 58px);
    }


    .pmlsn-notification-customer {

        font-size: var(--pmlsn-customer-size, 13px);
    }


    .pmlsn-notification-purchase {

        font-size: 12px;
    }

}
/*
|--------------------------------------------------------------------------
| Position Right
|--------------------------------------------------------------------------
*/

#pmlsn-live-notification.pmlsn-position-right {

    left: auto;

    right: 20px;
}


@media screen and (max-width: 600px) {

    #pmlsn-live-notification.pmlsn-position-right {

        left: 10px;

        right: 10px;

    }

}

/*
|--------------------------------------------------------------------------
| Advanced Shadow
|--------------------------------------------------------------------------
*/

#pmlsn-live-notification[data-pmlsn-shadow="none"] {
    --pmlsn-shadow: none;
}

#pmlsn-live-notification[data-pmlsn-shadow="soft"] {
    --pmlsn-shadow: 0 10px 35px rgba(0, 0, 0, 0.14);
}

#pmlsn-live-notification[data-pmlsn-shadow="medium"] {
    --pmlsn-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
}

#pmlsn-live-notification[data-pmlsn-shadow="strong"] {
    --pmlsn-shadow: 0 18px 50px rgba(0, 0, 0, 0.30);
}

/*
|--------------------------------------------------------------------------
| Advanced Animations
|--------------------------------------------------------------------------
*/

#pmlsn-live-notification[data-pmlsn-animation="slide-up"] {
    transform: translateY(25px);
}

#pmlsn-live-notification[data-pmlsn-animation="slide-up"].pmlsn-show {
    transform: translateY(0);
}

#pmlsn-live-notification[data-pmlsn-animation="slide-left"] {
    transform: translateX(-35px);
}

#pmlsn-live-notification[data-pmlsn-animation="slide-left"].pmlsn-show {
    transform: translateX(0);
}

#pmlsn-live-notification[data-pmlsn-animation="fade"] {
    transform: none;
}

#pmlsn-live-notification[data-pmlsn-animation="fade"].pmlsn-show {
    transform: none;
}

#pmlsn-live-notification[data-pmlsn-animation="zoom"] {
    transform: scale(0.90);
}

#pmlsn-live-notification[data-pmlsn-animation="zoom"].pmlsn-show {
    transform: scale(1);
}

/* Premium Template System */
#pmlsn-live-notification {
    border: var(--pmlsn-border-width, 1px) solid var(--pmlsn-border-color, #e5e7eb);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: var(--pmlsn-shadow, 0 10px 35px rgba(0,0,0,.14));
}

#pmlsn-live-notification .pmlsn-notification-inner {
    align-items: center;
    gap: 14px;
}

#pmlsn-live-notification .pmlsn-notification-content {
    padding-right: 4px;
}

#pmlsn-live-notification .pmlsn-notification-location,
#pmlsn-live-notification .pmlsn-notification-time {
    color: var(--pmlsn-secondary, #6b7280);
}

#pmlsn-live-notification .pmlsn-notification-course {
    color: var(--pmlsn-course, #111827);
}

#pmlsn-live-notification .pmlsn-notification-thumbnail {
    border-radius: 10px;
}

#pmlsn-live-notification[data-pmlsn-avatar="circle"] .pmlsn-notification-thumbnail {
    border-radius: 50%;
}

#pmlsn-live-notification[data-pmlsn-avatar="rounded"] .pmlsn-notification-thumbnail {
    border-radius: 14px;
}

#pmlsn-live-notification[data-pmlsn-avatar="square"] .pmlsn-notification-thumbnail {
    border-radius: 3px;
}

.pmlsn-verified-badge {
    color: var(--pmlsn-verified-color, #16a34a);
    font-size: var(--pmlsn-verified-size, 18px);
    gap: 4px;
}

.pmlsn-verified-badge span {
    font-size: var(--pmlsn-meta-size, 11px);
    color: var(--pmlsn-verified-color, #16a34a);
    font-weight: 700;
}

.pmlsn-verified-badge svg {
    display: block;
    flex: 0 0 auto;
}

.pmlsn-notification-close {
    background: var(--pmlsn-close-bg, #f3f4f6) !important;
    color: var(--pmlsn-close-color, #6b7280) !important;
    width: var(--pmlsn-close-size, 30px) !important;
    height: var(--pmlsn-close-size, 30px) !important;
    line-height: var(--pmlsn-close-size, 30px) !important;
    font-size: calc(var(--pmlsn-close-size, 30px) * .62) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
}

#pmlsn-live-notification[data-pmlsn-close-position="top-left"] .pmlsn-notification-close {
    right: auto;
    left: 4px;
}

#pmlsn-live-notification[data-pmlsn-close-position="inside-right"] .pmlsn-notification-close {
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}

.pmlsn-buy-button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 9px 15px;
    border-radius: var(--pmlsn-buy-radius, 999px);
    background: var(--pmlsn-buy-bg, #2b2b81);
    color: var(--pmlsn-buy-color, #fff) !important;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .02em;
    white-space: nowrap;
    transition: transform .2s ease, filter .2s ease;
}

.pmlsn-buy-button:hover {
    color: var(--pmlsn-buy-color, #fff) !important;
    transform: translateY(-1px);
    filter: brightness(.95);
}

.pmlsn-buy-icon {
    font-size: 13px;
    line-height: 1;
}

#pmlsn-live-notification[data-pmlsn-template="glass-premium"] {
    background: var(--pmlsn-bg, rgba(255,255,255,.78));
}

#pmlsn-live-notification[data-pmlsn-template="dark-premium"] .pmlsn-notification-location,
#pmlsn-live-notification[data-pmlsn-template="dark-premium"] .pmlsn-notification-time {
    color: var(--pmlsn-secondary, #cbd5e1);
}

#pmlsn-live-notification[data-pmlsn-template="dark-premium"] .pmlsn-notification-purchase {
    color: #cbd5e1;
}

@media screen and (max-width: 600px) {
    #pmlsn-live-notification .pmlsn-notification-inner {
        gap: 9px;
    }
    .pmlsn-buy-button {
        padding: 8px 10px;
        font-size: 10px;
    }
}
#pmlsn-live-notification .pmlsn-notification-customer .pmlsn-notification-location {
    display:inline;
    margin:0 0 0 5px;
    font-size:inherit;
    color:var(--pmlsn-secondary,#6b7280);
}


/* Premium Template v1.10.2 — reference layout fixes */
#pmlsn-live-notification { position: fixed; overflow: visible; border: var(--pmlsn-border-width,1px) solid var(--pmlsn-border-color,#e5e7eb); }
#pmlsn-live-notification .pmlsn-notification-inner { position: static; align-items: center; gap: 14px; }
#pmlsn-live-notification .pmlsn-notification-content { flex: 1 1 auto; min-width: 0; padding-right: 30px; }
#pmlsn-live-notification .pmlsn-notification-meta { display:flex; align-items:center; flex-wrap:nowrap; gap:7px; min-width:0; width:100%; }
#pmlsn-live-notification .pmlsn-notification-time { white-space:nowrap; }
#pmlsn-live-notification .pmlsn-verified-badge { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; flex:0 0 auto; }
#pmlsn-live-notification .pmlsn-verified-badge svg { width:var(--pmlsn-verified-size,18px); height:var(--pmlsn-verified-size,18px); }
#pmlsn-live-notification .pmlsn-notification-close { position:absolute !important; top:12px !important; right:12px !important; left:auto !important; transform:none !important; margin:0 !important; border:0 !important; border-radius:50% !important; padding:0 !important; background:var(--pmlsn-close-bg,#f3f4f6) !important; color:var(--pmlsn-close-color,#6b7280) !important; width:var(--pmlsn-close-size,30px) !important; height:var(--pmlsn-close-size,30px) !important; min-width:var(--pmlsn-close-size,30px) !important; line-height:var(--pmlsn-close-size,30px) !important; font-size:calc(var(--pmlsn-close-size,30px)*.62) !important; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(15,23,42,.08); }
#pmlsn-live-notification .pmlsn-buy-button { margin-left:auto; flex:0 0 auto; min-height:34px; padding:9px 14px; align-self:center; }
@media screen and (max-width:600px) { #pmlsn-live-notification .pmlsn-notification-inner{gap:9px;} #pmlsn-live-notification .pmlsn-notification-content{padding-right:26px;} #pmlsn-live-notification .pmlsn-notification-meta{gap:6px;} #pmlsn-live-notification .pmlsn-buy-button{padding:8px 10px;font-size:10px;} }

#pmlsn-live-notification[data-pmlsn-close-position="top-left"] .pmlsn-notification-close { left:12px !important; right:auto !important; }
#pmlsn-live-notification[data-pmlsn-close-position="inside-right"] .pmlsn-notification-close { top:50% !important; right:12px !important; left:auto !important; transform:translateY(-50%) !important; }

/* Premium Templates v1.10.3 — frontend renderer alignment */
#pmlsn-live-notification .pmlsn-notification-meta{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;width:100%;min-width:0;}
#pmlsn-live-notification .pmlsn-notification-time{white-space:nowrap;color:var(--pmlsn-secondary,#6b7280);}
#pmlsn-live-notification .pmlsn-buy-button{margin-left:auto;flex:0 0 auto;}
#pmlsn-live-notification .pmlsn-notification-content{min-width:0;}
#pmlsn-live-notification .pmlsn-notification-customer{color:var(--pmlsn-text,#111827);}
#pmlsn-live-notification .pmlsn-notification-purchase{color:var(--pmlsn-secondary,#6b7280);}
#pmlsn-live-notification .pmlsn-notification-course{color:var(--pmlsn-course,#111827);}
@media screen and (max-width:600px){
  #pmlsn-live-notification .pmlsn-notification-meta{gap:5px;}
  #pmlsn-live-notification .pmlsn-buy-button{padding:7px 9px;font-size:9px;}
}

/* v1.11.0 — customizable BUY NOW icon */
#pmlsn-live-notification .pmlsn-buy-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto}
#pmlsn-live-notification .pmlsn-buy-icon img{display:block;width:var(--pmlsn-buy-icon-size,15px);height:var(--pmlsn-buy-icon-size,15px);object-fit:contain}

/* v1.11.1 — prevent verified/time/BUY NOW overlap */
.pmlsn-notification-meta{display:flex;align-items:center;gap:10px;min-width:0;width:100%;flex-wrap:nowrap;}
.pmlsn-notification-meta-left{display:flex;align-items:center;gap:7px;min-width:0;flex:1 1 auto;overflow:hidden;}
.pmlsn-notification-meta-left .pmlsn-verified-badge{flex:0 1 auto;min-width:0;}
.pmlsn-notification-meta-left .pmlsn-notification-time{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pmlsn-buy-button{margin-left:auto;flex:0 0 auto;max-width:100%;}
.pmlsn-buy-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1;}
.pmlsn-buy-icon img{display:block;object-fit:contain;max-width:100%;}
@media(max-width:600px){
  .pmlsn-notification-meta{flex-wrap:wrap;row-gap:7px;}
  .pmlsn-notification-meta-left{flex:1 1 100%;width:100%;}
  .pmlsn-buy-button{margin-left:auto;}
}


/* v1.11.2 — perfectly center the close icon inside its circular button */
#pmlsn-live-notification .pmlsn-notification-close,
#pmlsn-live-notification .pmlsn-notification-close:hover,
#pmlsn-live-notification .pmlsn-notification-close:focus,
#pmlsn-live-notification .pmlsn-notification-close:active {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    line-height:0 !important;
    text-align:center !important;
    text-indent:0 !important;
    box-sizing:border-box !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-weight:400 !important;
    overflow:hidden !important;
    vertical-align:middle !important;
}
#pmlsn-live-notification .pmlsn-notification-close > span {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
    text-align:center !important;
    transform:none !important;
    position:static !important;
}

/* v1.11.8 — Customer location is rendered as "from State" */
.pmlsn-notification-location{margin-left:2px;white-space:nowrap;}

/* v1.11.9 — unified template typography + equal content spacing */
#pmlsn-live-notification .pmlsn-notification-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    row-gap:var(--pmlsn-row-gap,7px);
}
#pmlsn-live-notification .pmlsn-notification-customer,
#pmlsn-live-notification .pmlsn-notification-purchase,
#pmlsn-live-notification .pmlsn-notification-meta{
    margin-top:0 !important;
    margin-bottom:0 !important;
}
#pmlsn-live-notification .pmlsn-notification-customer{
    font-size:var(--pmlsn-customer-size,14px);
}
#pmlsn-live-notification .pmlsn-notification-location{
    font-size:var(--pmlsn-location-size,12px);
    margin-left:5px;
}
#pmlsn-live-notification .pmlsn-notification-purchase{
    font-size:var(--pmlsn-purchase-size,13px);
}
#pmlsn-live-notification .pmlsn-notification-meta{
    font-size:var(--pmlsn-verified-size-text,11px);
}
#pmlsn-live-notification .pmlsn-notification-time{
    font-size:var(--pmlsn-time-size,11px);
}