/* v1.6.6: Reduce WoodMart page-wrapper spacing on the changelog page.
   This targets the theme wrapper itself, not just the shortcode margin. */
/* v1.6.8: The inspector confirms .wd-content-layout is the source of the 40px top gap. */
body:has(.rgpl-updates) .main-page-wrapper,
body:has(.rgpl-updates) .website-wrapper .main-page-wrapper{
    margin-top:0 !important;
    padding-top:0 !important;
}
/* WoodMart applies padding-block:40px directly to this main element.
   The inspector screenshot confirms this is the source of the visible gap.
   Keep only 10px above the changelog while leaving bottom spacing unchanged. */
body:has(.rgpl-updates) .wd-content-layout{
    padding-top:10px !important;
}
body:has(.rgpl-updates) .whb-header{
    margin-bottom:0 !important;
}
.rgpl-updates{margin-top:0 !important;}

.rgpl-updates{margin-top:10px;--rgpl-green:#159bd7;--rgpl-green-dark:#0d78b2;--rgpl-navy:#1d2735;--rgpl-orange:#159bd7;--b:#dce4eb;--t:#172334;--m:#64758a;font-family:inherit;color:var(--t)}
.rgpl-updates *{box-sizing:border-box}
.rgpl-updates-hero{position:relative;overflow:hidden;border:1px solid #d7e8f2;border-radius:18px;background:linear-gradient(135deg,#f3faff 0%,#fff 56%,#eef7fc 100%);padding:18px 28px 17px;margin:0 0 16px}
.rgpl-updates-hero:after{content:"";position:absolute;right:-100px;top:-130px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#cfeefa 0%,rgba(207,238,250,.38) 45%,transparent 70%);pointer-events:none}
.rgpl-breadcrumb{position:relative;z-index:1;font-size:15px;color:#647d92;padding-top:0;margin-bottom:13px}.rgpl-breadcrumb a{color:#496b82;text-decoration:none}.rgpl-breadcrumb a:hover{color:var(--rgpl-green-dark)}.rgpl-breadcrumb span{margin-right:5px}
.rgpl-hero-eyebrow{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;margin:3px 0 7px;color:var(--rgpl-green-dark);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rgpl-hero-dot{width:8px;height:8px;border-radius:50%;background:var(--rgpl-green);box-shadow:0 0 0 4px #159bd71c}
.rgpl-updates-hero h1{position:relative;z-index:1;font-size:27px;line-height:1.08;margin:0 0 10px;font-weight:800;color:var(--rgpl-navy);letter-spacing:-.02em}.rgpl-hero-lead{position:relative;z-index:1;max-width:850px;color:#60738a;font-size:17px;line-height:1.62;margin:0 0 17px}
.rgpl-hero-notice{position:relative;z-index:1;display:flex;align-items:center;gap:12px;max-width:850px;padding:12px 15px;border:1px solid #cfe6f2;border-left:3px solid var(--rgpl-green);border-radius:12px;background:linear-gradient(90deg,#f4fbff 0%,#fff 72%);box-shadow:0 4px 15px rgba(25,45,64,.03);margin:0 0 15px}.rgpl-hero-notice-icon{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--rgpl-green);color:#fff;font-size:18px;font-weight:800}.rgpl-hero-notice strong{display:block;color:#243244;font-size:17px;margin-bottom:2px}.rgpl-hero-notice span{display:block;color:#65788d;font-size:16px;line-height:1.45}.rgpl-hero-notice b{color:#304b63}
.rgpl-bottom-info{margin:28px 0 0;padding:18px 20px;border:1px solid #dce4eb;border-radius:16px;background:linear-gradient(135deg,#f7f9fc,#fff);text-align:center}.rgpl-bottom-info-title{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#68798b;margin-bottom:11px}.rgpl-bottom-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.rgpl-bottom-stats>div{min-width:125px;padding:9px 14px;border:1px solid #dce4eb;border-radius:10px;background:#fff;display:flex;flex-direction:column;text-align:left}.rgpl-bottom-stats strong{font-size:16px;color:var(--rgpl-navy);line-height:1.1}.rgpl-bottom-stats span{font-size:10.5px;color:#748296;margin-top:3px}
.rgpl-periods{position:relative;z-index:1;display:inline-flex;gap:3px;border:1px solid #dce4eb;background:#fff;border-radius:999px;padding:4px;box-shadow:0 4px 14px rgba(29,39,53,.06)}.rgpl-periods a{display:inline-flex;align-items:center;min-height:35px;padding:0 15px;border-radius:999px;color:#273547;font-size:13px;font-weight:650;text-decoration:none}.rgpl-periods a:hover{background:#e2f4fc;color:var(--rgpl-green-dark)}.rgpl-periods a.is-active{background:var(--rgpl-green);color:#fff;box-shadow:0 5px 14px #159bd733}
.rgpl-results-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--b);border-radius:16px;padding:10px 14px;margin:40px 0 14px;background:#fff;color:var(--m);font-size:15px}.rgpl-results-bar strong{color:var(--rgpl-navy)}.rgpl-pagination{display:flex;gap:6px}.rgpl-pagination a,.rgpl-pagination .rgpl-dots{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;text-decoration:none;color:#25384f}.rgpl-pagination a{border:1px solid #e0e8ef;background:#fff}.rgpl-pagination a:hover{border-color:#8bc8e8;color:var(--rgpl-green-dark)}.rgpl-pagination a.is-current{color:#fff;background:var(--rgpl-green);border-color:var(--rgpl-green)}
.rgpl-update-list{display:grid;gap:12px}.rgpl-update-card{display:grid;grid-template-columns:180px minmax(0,1fr) 225px 190px;gap:20px;align-items:center;padding:14px 12px 14px 10px;border:1px solid var(--b);border-radius:17px;background:#fff;transition:.18s}.rgpl-update-card:hover{transform:translateY(-1px);box-shadow:0 8px 26px #26435c12;border-color:#b9dced}.rgpl-update-image{height:104px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#edf3f8;text-decoration:none}.rgpl-update-image img{width:100%;height:100%;object-fit:cover}.rgpl-image-placeholder{color:#7890a7;font-weight:700}
.rgpl-title-row{min-height:21px}.rgpl-badge{display:inline-flex;padding:3px 8px;border-radius:999px;background:#eef9fe;color:#0d78b2;border:1px solid #b9dff0;font-size:11px;font-weight:700}.rgpl-activation-note{text-decoration:none!important;cursor:pointer;transition:.15s}.rgpl-activation-note:hover{background:#fff0d6;border-color:#efc985;color:#b76108}.rgpl-update-main h2{font-size:17px;line-height:1.3;margin:3px 0 6px;font-weight:750}.rgpl-update-main h2 a{color:#172338;text-decoration:none}.rgpl-version{white-space:nowrap}.rgpl-description{color:#71849a;font-size:16px;line-height:1.45;margin:0}
.rgpl-update-meta{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:7px;background:#f3f8fc;border-radius:13px;padding:12px 13px;font-size:13px}.rgpl-updated{color:#159bd7;display:flex;gap:7px}.rgpl-source{color:#445970;display:flex;gap:7px}.rgpl-meta-actions{display:flex;flex-wrap:wrap;gap:6px}.rgpl-small-button{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #dce6ee;color:#263b52;font-size:12px;text-decoration:none;font-weight:600}.rgpl-preview{color:#0d78b2;border-color:#b9dff0;background:#eef9fe}
.rgpl-update-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.rgpl-download,.rgpl-join{display:flex;align-items:center;justify-content:center;width:100%;min-height:39px;padding:0 15px;border-radius:999px;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:750;transition:.18s}.rgpl-download{background:linear-gradient(135deg,#159bd7,#0d78b2);box-shadow:0 8px 18px #159bd733}.rgpl-join{background:linear-gradient(135deg,#159bd7,#087fb9);box-shadow:0 8px 18px #159bd733}.rgpl-download span,.rgpl-join span{margin-right:6px}.rgpl-details{color:#3d5064;font-size:13px;font-weight:600;text-decoration:none}.rgpl-details:hover{color:var(--rgpl-green-dark)}
.rgpl-existing-download{width:100%;display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch}.rgpl-existing-download>*{min-width:0;max-width:100%}.rgpl-existing-download a,.rgpl-existing-download button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:39px;padding:0 10px;border-radius:999px;text-decoration:none!important;font-size:11px;font-weight:750;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rgpl-empty,.rgpl-notice{padding:40px;text-align:center;border:1px solid var(--b);border-radius:16px;background:#fff}.rgpl-bottom-pagination{display:flex;justify-content:center;margin-top:24px}
@media(max-width:1100px){.rgpl-update-card{grid-template-columns:160px minmax(0,1fr) 205px}.rgpl-update-cta{grid-column:2/-1;flex-direction:row;justify-content:flex-end}.rgpl-existing-download{width:205px;grid-template-columns:1fr}.rgpl-existing-download a,.rgpl-existing-download button{min-width:0}}
@media(max-width:760px){.rgpl-updates{margin-top:0}.rgpl-updates-hero{padding-left:18px;padding-right:18px}.rgpl-hero-stats>div{flex:1 1 120px}.rgpl-periods{max-width:100%;overflow-x:auto}.rgpl-results-bar .rgpl-pagination{display:none}.rgpl-update-card{grid-template-columns:110px minmax(0,1fr);gap:13px;padding:12px}.rgpl-update-image{height:80px}.rgpl-update-meta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.rgpl-meta-actions{grid-column:1/-1}.rgpl-update-cta{grid-column:1/-1;flex-direction:row}.rgpl-existing-download{flex:1;display:grid;grid-template-columns:1fr}.rgpl-existing-download a,.rgpl-existing-download button{width:100%;min-width:0}.rgpl-details{white-space:nowrap}}
@media(max-width:500px){.rgpl-updates-hero{padding-bottom:25px}.rgpl-bottom-stats>div{min-width:calc(50% - 5px)}.rgpl-hero-notice{align-items:flex-start}.rgpl-hero-stats>div{min-width:calc(50% - 5px)}.rgpl-update-card{grid-template-columns:1fr}.rgpl-update-image{height:150px}.rgpl-update-meta{grid-template-columns:1fr}.rgpl-update-cta{align-items:stretch}}

/* v1.4.5 visual refresh */
.rgpl-update-list{padding:4px 2px 10px;background:linear-gradient(180deg,#f7f9fc 0%,#f3f6f9 100%);border-radius:22px;}
.rgpl-update-card{position:relative;overflow:hidden;transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .24s ease,background-color .24s ease;}
.rgpl-update-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 4px 4px 0;background:var(--rgpl-green);transform:scaleY(.25);transform-origin:center;opacity:0;transition:transform .24s ease,opacity .24s ease;}
.rgpl-update-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(29,39,53,.11);border-color:#b9dced;background:#fff;}
.rgpl-update-card:hover:before{transform:scaleY(1);opacity:1;}
.rgpl-update-image{transition:box-shadow .24s ease,background-color .24s ease;}
.rgpl-update-image img{transition:transform .35s cubic-bezier(.2,.7,.2,1);}
.rgpl-update-card:hover .rgpl-update-image img{transform:scale(1.045);}
.rgpl-update-main h2 a{transition:color .18s ease;}
.rgpl-update-card:hover .rgpl-update-main h2 a{color:#0d78b2;}
.rgpl-update-meta{transition:background-color .24s ease,box-shadow .24s ease;}
.rgpl-update-card:hover .rgpl-update-meta{background:#eef8fd;box-shadow:inset 0 0 0 1px #d6eaf4;}
.rgpl-download,.rgpl-join{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;}
.rgpl-update-card:hover .rgpl-download,.rgpl-update-card:hover .rgpl-join{transform:translateY(-1px);box-shadow:0 10px 22px rgba(21,155,215,.24);}
.rgpl-details{transition:color .18s ease,transform .18s ease;}
.rgpl-update-card:hover .rgpl-details{color:var(--rgpl-green-dark);transform:translateX(2px);}
/* Legacy tag markup is intentionally hidden: the changelog no longer uses product tags. */
.rgpl-tags,.rgpl-update-tags,.rgpl-product-tags{display:none!important;}
@media(prefers-reduced-motion:reduce){.rgpl-update-card,.rgpl-update-card:before,.rgpl-update-image img,.rgpl-update-meta,.rgpl-download,.rgpl-join,.rgpl-details{transition:none!important}.rgpl-update-card:hover{transform:none}.rgpl-update-card:hover .rgpl-update-image img{transform:none}.rgpl-update-card:hover .rgpl-details{transform:none}}
/* v1.5.1 - Force the existing RealGPL download CTA to use the same blue as the Category Archive plugin.
   The existing [realgpl_download_button] shortcode still owns all access/membership logic. */
.rgpl-updates .rgpl-existing-download a,
.rgpl-updates .rgpl-existing-download button,
.rgpl-updates .rgpl-existing-download input[type="button"],
.rgpl-updates .rgpl-existing-download input[type="submit"],
.rgpl-updates .rgpl-existing-download .realgpl-download-button,
.rgpl-updates .rgpl-existing-download [class*="download-button"]{
    background:rgb(23,105,176)!important;
    background-color:rgb(23,105,176)!important;
    background-image:none!important;
    border-color:rgb(23,105,176)!important;
    color:#fff!important;
}
.rgpl-updates .rgpl-existing-download a:hover,
.rgpl-updates .rgpl-existing-download button:hover,
.rgpl-updates .rgpl-existing-download input[type="button"]:hover,
.rgpl-updates .rgpl-existing-download input[type="submit"]:hover,
.rgpl-updates .rgpl-existing-download .realgpl-download-button:hover,
.rgpl-updates .rgpl-existing-download [class*="download-button"]:hover{
    background:rgb(219,102,0)!important;
    background-color:rgb(219,102,0)!important;
    background-image:none!important;
    border-color:rgb(219,102,0)!important;
    color:#fff!important;
}
.rgpl-updates .rgpl-existing-download a *,
.rgpl-updates .rgpl-existing-download button *,
.rgpl-updates .rgpl-existing-download .realgpl-download-button *{
    color:#fff!important;
}


/* v1.6.0 - Category Archive visual language + today's update card */
.rgpl-updates{
    --rgpl-purple:#7c3aed;
    --rgpl-purple-bg:#f5f3ff;
    --rgpl-green-fresh:#16a34a;
    --rgpl-blue-soft:#eef8fd;
}
.rgpl-updates-hero{
    padding:20px 28px 18px;
    border-color:#d8e8f2;
    background:linear-gradient(120deg,#f3faff 0%,#ffffff 52%,#f8f6ff 100%);
    box-shadow:0 8px 28px rgba(37,71,98,.045);
}
.rgpl-updates-hero:before{
    content:"";
    position:absolute;
    right:-120px;
    bottom:-170px;
    width:360px;
    height:360px;
    border-radius:50%;
    border:1px solid rgba(124,58,237,.08);
    box-shadow:0 0 0 22px rgba(124,58,237,.025),0 0 0 44px rgba(124,58,237,.018);
    pointer-events:none;
}
.rgpl-updates-hero:after{
    right:-80px;
    top:-170px;
    width:330px;
    height:330px;
    background:radial-gradient(circle,#dceeff 0%,rgba(220,238,255,.36) 43%,transparent 70%);
}
.rgpl-hero-content{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
}
.rgpl-hero-copy{min-width:0;flex:1}
.rgpl-today-card{
    position:relative;
    z-index:2;
    flex:0 0 132px;
    min-height:106px;
    padding:13px 14px 12px;
    border:1px solid #dfe5f3;
    border-radius:16px;
    background:rgba(255,255,255,.94);
    box-shadow:0 10px 24px rgba(66,57,120,.09);
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.rgpl-today-card:before{
    content:"";
    position:absolute;
    top:0;
    left:12px;
    right:12px;
    height:3px;
    border-radius:0 0 6px 6px;
    background:linear-gradient(90deg,#159bd7,#7c3aed);
}
.rgpl-today-card strong{
    font-size:27px;
    line-height:1;
    color:#1d2735;
    font-weight:800;
    letter-spacing:-.02em;
}
.rgpl-today-card span{
    margin-top:6px;
    color:#159bd7;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.rgpl-today-card small{
    margin-top:4px;
    color:#758397;
    font-size:10px;
    line-height:1.25;
}
.rgpl-hero-eyebrow{margin-top:2px}
.rgpl-updates-hero h1{font-size:27px;margin-bottom:9px}
.rgpl-hero-lead{max-width:850px;margin-bottom:15px}
.rgpl-hero-notice{
    max-width:none;
    margin-top:2px;
    border-color:#cfe6f2;
    background:linear-gradient(90deg,#f3fbff 0%,#fff 74%,#faf8ff 100%);
}
.rgpl-results-bar{
    margin-top:16px;
    margin-bottom:14px;
    border-color:#d9e5ed;
    box-shadow:0 3px 12px rgba(40,70,95,.035);
}
.rgpl-update-list{
    padding:4px 2px 12px;
    background:linear-gradient(180deg,#f8fafc 0%,#f3f6f9 100%);
    border-radius:20px;
}
.rgpl-update-card{
    grid-template-columns:180px minmax(0,1fr) 225px 190px;
    gap:20px;
    padding:14px 12px 14px 10px;
    border-color:#dce5eb;
    border-radius:17px;
    box-shadow:0 2px 9px rgba(37,62,80,.025);
}
.rgpl-update-card:hover{
    transform:translateY(-3px);
    box-shadow:0 13px 30px rgba(29,58,78,.105);
    border-color:#b9dced;
}
.rgpl-update-card:before{background:linear-gradient(180deg,#159bd7,#7c3aed)}
.rgpl-update-image{
    border:1px solid #e1e9ef;
    background:#f1f5f8;
}
.rgpl-update-main h2{font-size:17px;line-height:1.32}
.rgpl-update-main h2 a{transition:color .18s ease}
.rgpl-update-card:hover .rgpl-update-main h2 a{color:#0d78b2}
.rgpl-description{font-size:16px;color:#6d8094}
.rgpl-update-meta{
    background:#f4f8fb;
    border:1px solid #e3edf3;
    border-radius:13px;
    padding:12px 13px;
}
.rgpl-update-card:hover .rgpl-update-meta{
    background:#eef8fd;
    box-shadow:inset 0 0 0 1px #d6eaf4;
}
.rgpl-updated{color:#159bd7;align-items:center}
.rgpl-updated.is-today{
    color:#15803d;
}
.rgpl-updated.is-today strong{
    color:#15803d;
}
.rgpl-updated.is-today span{
    color:#16a34a;
}
.rgpl-updated:not(.is-today) strong{color:#159bd7}
.rgpl-activation-note{
    background:var(--rgpl-purple-bg);
    color:var(--rgpl-purple);
    border-color:#ddd6fe;
}
.rgpl-activation-note:hover{
    background:#ede9fe;
    border-color:#c4b5fd;
    color:#6d28d9;
}
.rgpl-small-button{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.rgpl-small-button:hover{transform:translateY(-1px)}
.rgpl-preview{color:#0d78b2;border-color:#b9dff0;background:#eef9fe}
.rgpl-existing-download a:hover,
.rgpl-existing-download button:hover{
    background:rgb(219,102,0)!important;
    border-color:rgb(219,102,0)!important;
    color:#fff!important;
}
.rgpl-bottom-info{
    margin-top:24px;
    border-color:#dce5ed;
    background:linear-gradient(135deg,#f8fafc,#fff,#faf8ff);
}
.rgpl-bottom-stats>div{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rgpl-bottom-stats>div:hover{transform:translateY(-2px);border-color:#cbddea;box-shadow:0 8px 18px rgba(40,70,95,.06)}

@media(max-width:900px){
    .rgpl-hero-content{align-items:flex-start}
    .rgpl-today-card{flex-basis:120px;min-height:100px}
}
@media(max-width:760px){
    .rgpl-updates-hero{padding-left:18px;padding-right:18px}
    .rgpl-hero-content{gap:18px}
    .rgpl-today-card{flex:0 0 112px}
    .rgpl-today-card strong{font-size:24px}
}
@media(max-width:560px){
    .rgpl-hero-content{display:block}
    .rgpl-today-card{
        width:100%;
        min-height:82px;
        margin:14px 0 2px;
        flex-direction:row;
        justify-content:flex-start;
        gap:9px;
        padding:12px 15px;
        text-align:left;
    }
    .rgpl-today-card strong{font-size:25px}
    .rgpl-today-card span{margin-top:0}
    .rgpl-today-card small{margin-top:0;margin-left:auto}
}
/* =========================================================
   DOWNLOAD HOVER — keep the whole CTA area consistent
   ========================================================= */
.rgpl-updates .rgpl-existing-download:hover a,
.rgpl-updates .rgpl-existing-download:hover button,
.rgpl-updates .rgpl-existing-download:hover .realgpl-download-button,
.rgpl-updates .rgpl-existing-download:hover [class*="download-button"]{
    background:rgb(219,102,0)!important;
    background-color:rgb(219,102,0)!important;
    background-image:none!important;
    border-color:rgb(219,102,0)!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(21,155,215,.28)!important;
    transform:translateY(-1px);
}
.rgpl-updates .rgpl-existing-download:hover a *,
.rgpl-updates .rgpl-existing-download:hover button *,
.rgpl-updates .rgpl-existing-download:hover .realgpl-download-button *{
    color:#fff!important;
}


/* v1.6.3 - Match pagination to the RealGPL blue/orange button color system */
.rgpl-updates .rgpl-pagination a{
    background:rgb(23,105,176)!important;
    background-color:rgb(23,105,176)!important;
    background-image:none!important;
    border-color:rgb(23,105,176)!important;
    color:#fff!important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.rgpl-updates .rgpl-pagination a:hover,
.rgpl-updates .rgpl-pagination a.is-current:hover{
    background:rgb(219,102,0)!important;
    background-color:rgb(219,102,0)!important;
    background-image:none!important;
    border-color:rgb(219,102,0)!important;
    color:#fff!important;
    transform:translateY(-1px);
    box-shadow:0 6px 14px rgba(219,102,0,.22);
}
.rgpl-updates .rgpl-pagination a.is-current{
    background:rgb(23,105,176)!important;
    background-color:rgb(23,105,176)!important;
    background-image:none!important;
    border-color:rgb(23,105,176)!important;
    color:#fff!important;
}


/* v1.6.4 - Mobile card redesign
   On small screens each product becomes a clean single-column card:
   image -> title/description -> update metadata -> action. */
@media(max-width:767px){
    .rgpl-update-list{gap:14px;padding:5px 2px 14px;border-radius:18px}
    .rgpl-update-card,
    .rgpl-update-card:hover{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        width:100%;
        gap:0;
        padding:12px;
        margin:0;
        border-radius:18px;
        transform:none;
        box-shadow:0 4px 16px rgba(29,58,78,.07);
        background:#fff;
    }
    .rgpl-update-card:before{
        top:12px;
        bottom:12px;
        width:3px;
    }
    .rgpl-update-card:hover:before{transform:scaleY(1);opacity:1}

    .rgpl-update-image,
    .rgpl-update-card:hover .rgpl-update-image{
        display:flex;
        width:100%;
        height:auto;
        aspect-ratio:16 / 8.5;
        min-height:0;
        margin:0 0 14px;
        border-radius:13px;
        background:#f1f5f8;
        box-shadow:none;
    }
    .rgpl-update-image img{width:100%;height:100%;object-fit:cover}
    .rgpl-update-card:hover .rgpl-update-image img{transform:scale(1.02)}

    .rgpl-update-main,
    .rgpl-update-meta,
    .rgpl-update-cta{
        width:100%;
        min-width:0;
        max-width:none;
        grid-column:auto;
    }
    .rgpl-update-main{display:block}
    .rgpl-title-row{margin-bottom:5px}
    .rgpl-update-main h2{
        font-size:19px;
        line-height:1.3;
        margin:0 0 8px;
        letter-spacing:-.01em;
    }
    .rgpl-description{
        font-size:15px;
        line-height:1.5;
        margin:0;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:5;
        overflow:hidden;
    }

    .rgpl-update-meta,
    .rgpl-update-card:hover .rgpl-update-meta{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:9px;
        margin-top:14px;
        padding:13px 14px;
        border-radius:14px;
        background:#f3f8fc;
        box-shadow:none;
    }
    .rgpl-updated,.rgpl-source{font-size:13px}
    .rgpl-meta-actions{width:100%;display:flex;flex-wrap:wrap;gap:7px}
    .rgpl-small-button{font-size:12px;padding:6px 10px}

    .rgpl-update-cta,
    .rgpl-update-card:hover .rgpl-update-cta{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:8px;
        margin-top:12px;
    }
    .rgpl-existing-download{width:100%;display:block}
    .rgpl-existing-download a,
    .rgpl-existing-download button,
    .rgpl-existing-download input[type="button"],
    .rgpl-existing-download input[type="submit"]{
        width:100%!important;
        min-height:44px!important;
        border-radius:999px!important;
        font-size:12px!important;
    }
    .rgpl-details{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:32px;
        font-size:13px;
    }
}

@media(max-width:420px){
    .rgpl-update-card{padding:10px;border-radius:16px}
    .rgpl-update-image{aspect-ratio:16 / 9;margin-bottom:12px}
    .rgpl-update-main h2{font-size:18px}
    .rgpl-description{font-size:14px;-webkit-line-clamp:5}
    .rgpl-update-meta{margin-top:12px;padding:12px}
}


/* v1.6.9 - Tablet card layout + tighter top spacing
   WoodMart uses 769px-1024px as the tablet range. The previous desktop/tablet
   grid squeezed the title column between the image and metadata, producing the
   narrow vertical text seen on tablet. Use a two-column content row, then place
   metadata and actions across the full card width. */
@media (min-width:768px) and (max-width:1024px){
    /* Reduce the remaining WoodMart top padding from 10px to 5px on tablet. */
    body:has(.rgpl-updates) .wd-content-layout{
        padding-top:5px !important;
    }

    .rgpl-updates{
        margin-top:0 !important;
    }

    .rgpl-update-list{
        gap:14px;
        padding:5px 2px 14px;
        border-radius:20px;
    }

    .rgpl-update-card,
    .rgpl-update-card:hover{
        display:grid;
        grid-template-columns:190px minmax(0,1fr);
        grid-template-rows:auto auto auto;
        align-items:start;
        gap:0 18px;
        width:100%;
        padding:14px;
        margin:0;
        border-radius:18px;
        transform:none;
        box-shadow:0 4px 16px rgba(29,58,78,.07);
    }

    .rgpl-update-image,
    .rgpl-update-card:hover .rgpl-update-image{
        grid-column:1;
        grid-row:1;
        width:100%;
        height:112px;
        min-height:112px;
        margin:0;
        border-radius:12px;
    }

    .rgpl-update-main{
        grid-column:2;
        grid-row:1;
        min-width:0;
        display:block;
        padding:1px 0 0;
    }

    .rgpl-title-row{margin-bottom:5px}
    .rgpl-update-main h2{
        font-size:18px;
        line-height:1.32;
        margin:0 0 7px;
    }
    .rgpl-description{
        font-size:15px;
        line-height:1.48;
        margin:0;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:4;
        overflow:hidden;
    }

    .rgpl-update-meta,
    .rgpl-update-card:hover .rgpl-update-meta{
        grid-column:1/-1;
        grid-row:2;
        width:100%;
        min-width:0;
        margin-top:14px;
        padding:11px 13px;
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
        align-items:center;
        gap:8px 14px;
        background:#f3f8fc;
        border:1px solid #e3edf3;
        border-radius:13px;
        box-shadow:none;
    }

    .rgpl-updated,
    .rgpl-source{
        min-width:0;
        font-size:13px;
    }

    .rgpl-meta-actions{
        min-width:0;
        display:flex;
        flex-wrap:wrap;
        justify-content:flex-end;
        gap:6px;
    }

    .rgpl-small-button{
        font-size:12px;
        padding:6px 9px;
        white-space:nowrap;
    }

    .rgpl-update-cta,
    .rgpl-update-card:hover .rgpl-update-cta{
        grid-column:1/-1;
        grid-row:3;
        width:100%;
        min-width:0;
        margin-top:12px;
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:flex-end;
        gap:12px;
    }

    .rgpl-existing-download{
        width:240px;
        max-width:100%;
        display:block;
    }

    .rgpl-existing-download a,
    .rgpl-existing-download button,
    .rgpl-existing-download input[type="button"],
    .rgpl-existing-download input[type="submit"]{
        width:100%!important;
        min-height:40px!important;
        border-radius:999px!important;
        font-size:12px!important;
    }

    .rgpl-details{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:32px;
        font-size:13px;
        white-space:nowrap;
    }
}

@media (max-width:767px){
    /* Reduce the 10px WoodMart top padding to 5px on mobile too. */
    body:has(.rgpl-updates) .wd-content-layout{
        padding-top:5px !important;
    }
}


/* v1.7.1 - Remember downloaded products by product ID + version.
   The existing [realgpl_download_button] remains responsible for the actual
   download, access checks, labels and normal appearance. This rule only changes
   the appearance after the user activates a download for this exact version. */
.rgpl-updates .rgpl-existing-download.rgpl-download-completed a,
.rgpl-updates .rgpl-existing-download.rgpl-download-completed button,
.rgpl-updates .rgpl-existing-download.rgpl-download-completed input[type="button"],
.rgpl-updates .rgpl-existing-download.rgpl-download-completed input[type="submit"],
.rgpl-updates .rgpl-existing-download.rgpl-download-completed .realgpl-download-button,
.rgpl-updates .rgpl-existing-download.rgpl-download-completed [class*="download-button"]{
    background:#16a34a !important;
    background-color:#16a34a !important;
    background-image:none !important;
    border-color:#16a34a !important;
    color:#fff !important;
}
.rgpl-updates .rgpl-existing-download.rgpl-download-completed a:hover,
.rgpl-updates .rgpl-existing-download.rgpl-download-completed button:hover,
.rgpl-updates .rgpl-existing-download.rgpl-download-completed input[type="button"]:hover,
.rgpl-updates .rgpl-existing-download.rgpl-download-completed input[type="submit"]:hover,
.rgpl-updates .rgpl-existing-download.rgpl-download-completed .realgpl-download-button:hover,
.rgpl-updates .rgpl-existing-download.rgpl-download-completed [class*="download-button"]:hover{
    background:#15803d !important;
    background-color:#15803d !important;
    background-image:none !important;
    border-color:#15803d !important;
    color:#fff !important;
}
.rgpl-updates .rgpl-existing-download.rgpl-download-completed a *,
.rgpl-updates .rgpl-existing-download.rgpl-download-completed button *,
.rgpl-updates .rgpl-existing-download.rgpl-download-completed .realgpl-download-button *{
    color:#fff !important;
}


/* v1.7.2 - Active pagination button must use the RealGPL orange.
   Keep normal buttons blue and make the current page orange on both
   top and bottom pagination. High specificity prevents WoodMart/theme
   pagination rules from overriding the active state. */
.rgpl-updates .rgpl-pagination a.is-current,
.rgpl-updates .rgpl-pagination a.is-current:link,
.rgpl-updates .rgpl-pagination a.is-current:visited{
    background:#DB6600 !important;
    background-color:#DB6600 !important;
    background-image:none !important;
    border-color:#DB6600 !important;
    color:#fff !important;
    box-shadow:0 6px 14px rgba(219,102,0,.22) !important;
}
.rgpl-updates .rgpl-pagination a.is-current:hover,
.rgpl-updates .rgpl-pagination a.is-current:focus,
.rgpl-updates .rgpl-pagination a.is-current:active{
    background:#DB6600 !important;
    background-color:#DB6600 !important;
    background-image:none !important;
    border-color:#DB6600 !important;
    color:#fff !important;
}

/* v1.7.3 - Changelog sorting controls. */
.rgpl-results-controls{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    min-width:0;
}
.rgpl-sort-label{
    color:#68798b;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}
.rgpl-sort-select{
    min-width:158px;
    height:36px;
    padding:0 32px 0 11px;
    border:1px solid #d8e3eb;
    border-radius:10px;
    background:#fff;
    color:#26384d;
    font-family:inherit;
    font-size:13px;
    font-weight:650;
    cursor:pointer;
    outline:none;
}
.rgpl-sort-select:hover{border-color:#9fcbe2}
.rgpl-sort-select:focus{
    border-color:#1769B0;
    box-shadow:0 0 0 3px rgba(23,105,176,.12);
}
.rgpl-results-controls .rgpl-pagination{margin-left:2px}
@media(max-width:900px){
    .rgpl-results-bar{flex-wrap:wrap}
    .rgpl-results-controls{width:100%;justify-content:flex-end}
}
@media(max-width:760px){
    .rgpl-results-bar{align-items:flex-start}
    .rgpl-results-controls{justify-content:space-between}
    .rgpl-sort-label{font-size:12px}
    .rgpl-sort-select{flex:1;min-width:0;max-width:220px}
}
@media(max-width:500px){
    .rgpl-results-controls{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;width:100%}
    .rgpl-sort-select{width:100%;max-width:none}
}

/* v1.7.5 - Updated Today filter */
.rgpl-today-card{position:relative;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rgpl-today-card:hover{transform:translateY(-2px)}
.rgpl-today-card.is-active{border-color:#DB6600;box-shadow:0 10px 24px rgba(219,102,0,.16);background:linear-gradient(135deg,#fff8f2 0%,#fff 72%)}
.rgpl-today-card.is-active strong,.rgpl-today-card.is-active span{color:#DB6600}
.rgpl-today-card:focus-visible{outline:3px solid rgba(219,102,0,.22);outline-offset:3px}
@media(max-width:760px){.rgpl-today-card{width:100%}}


/* v1.7.6 - New / Updated product status badges. */
.rgpl-changelog-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:27px;
    padding:4px 10px;
    border-radius:999px;
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:.1px;
    white-space:nowrap;
}
.rgpl-status-new{
    color:#15803d;
    background:#ecfdf3;
    border:1px solid #bbf7d0;
}
.rgpl-status-updated{
    color:#1769B0;
    background:#eef7fd;
    border:1px solid #c7e3f5;
}
.rgpl-title-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:8px;
}

/* v1.7.8 - Clearer changelog release status badges. */
.rgpl-changelog-status{
    min-height:29px;
    padding:5px 11px;
    font-size:11px;
    letter-spacing:.35px;
    font-weight:850;
}
.rgpl-status-new{
    color:#15803d;
    background:linear-gradient(135deg,#ecfdf3 0%,#f4fff7 100%);
    border-color:#a7f3c0;
    box-shadow:0 3px 9px rgba(21,128,61,.08);
}
.rgpl-status-updated{
    color:#1769B0;
    background:linear-gradient(135deg,#eef7fd 0%,#f6fbff 100%);
    border-color:#b9dbef;
    box-shadow:0 3px 9px rgba(23,105,176,.08);
}
.rgpl-update-card:hover .rgpl-status-new{
    background:#dcfce9;
    border-color:#86efac;
}
.rgpl-update-card:hover .rgpl-status-updated{
    color:#fff;
    background:#DB6600;
    border-color:#DB6600;
    box-shadow:0 4px 11px rgba(219,102,0,.16);
}


/* v1.8.0 - Make VERSION UPDATED and Activation Notes identical badges.
   Only the label text differs. All typography, sizing, spacing, border,
   background, hover and transition behavior are intentionally shared. */
.rgpl-title-row .rgpl-badge.rgpl-changelog-status,
.rgpl-title-row .rgpl-badge.rgpl-activation-note{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    min-height:29px !important;
    height:29px !important;
    padding:5px 11px !important;
    margin:0 !important;
    border-radius:999px !important;
    border:1px solid #b9dff0 !important;
    background:#eef7fd !important;
    color:#1769B0 !important;
    font-family:inherit !important;
    font-size:11px !important;
    font-style:normal !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.35px !important;
    text-transform:none !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    vertical-align:middle !important;
    box-shadow:none !important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease !important;
}
.rgpl-title-row .rgpl-badge.rgpl-changelog-status:hover,
.rgpl-title-row .rgpl-badge.rgpl-activation-note:hover,
.rgpl-update-card:hover .rgpl-badge.rgpl-changelog-status,
.rgpl-update-card:hover .rgpl-badge.rgpl-activation-note{
    color:#fff !important;
    background:#DB6600 !important;
    border-color:#DB6600 !important;
    box-shadow:0 4px 11px rgba(219,102,0,.16) !important;
}


/* v1.8.2 - Refined card hierarchy and spacing. */
.rgpl-update-list{gap:14px;padding:5px 3px 14px}
.rgpl-update-card{
    grid-template-columns:185px minmax(0,1fr) 215px 175px;
    gap:18px;
    padding:13px 13px 13px 11px;
    border-radius:16px;
}
.rgpl-update-image{height:108px;border-radius:11px}
.rgpl-update-main{min-width:0;padding:1px 0}
.rgpl-title-row{gap:7px;margin-bottom:9px}
.rgpl-title-row .rgpl-badge.rgpl-changelog-status,
.rgpl-title-row .rgpl-badge.rgpl-activation-note{
    min-height:28px !important;
    height:28px !important;
    padding:5px 10px !important;
}
.rgpl-update-main h2{
    margin:0 0 7px;
    font-size:18px;
    line-height:1.3;
    letter-spacing:-.1px;
}
.rgpl-description{
    margin:0;
    font-size:14.5px;
    line-height:1.55;
    color:#687c90;
}
.rgpl-update-meta{
    padding:11px 12px;
    border-radius:12px;
    background:#f7fafc;
}
.rgpl-updated,.rgpl-source{font-size:13px;line-height:1.35}
.rgpl-updated strong,.rgpl-source span:last-child{font-weight:700}
.rgpl-meta-actions{gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid #e2ebf1}
.rgpl-small-button{font-size:12px;padding:7px 9px}
.rgpl-update-cta{gap:9px}
.rgpl-existing-download{border-radius:11px}
.rgpl-details{font-size:13px;font-weight:750}
@media(max-width:1100px){
    .rgpl-update-card{grid-template-columns:165px minmax(0,1fr) 205px;gap:16px}
}
@media(max-width:760px){
    .rgpl-update-card{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px}
    .rgpl-update-image{height:82px}
    .rgpl-update-main h2{font-size:17px}
    .rgpl-description{font-size:14px}
    .rgpl-update-meta{padding:10px 11px}
}
@media(max-width:500px){
    .rgpl-update-card{grid-template-columns:1fr;gap:11px;padding:11px}
    .rgpl-update-image{height:145px}
    .rgpl-update-main h2{font-size:17px}
}