/* Homepage theme and plugin showcase refinements. */
.mr-plugin-card h4,
.mr-plugin-card h5,
.mr-plugin-card h4 a,
.mr-plugin-card h5 a,
.mr-theme-mini-card h5,
.mr-theme-mini-card h5 a {
    color: var(--mr-color-heading);
}

.mr-theme-mini-card__category {
    margin-bottom: var(--mr-space-sm, 8px);
}

.mr-theme-featured-card{
    border-color:transparent;
    background:linear-gradient(145deg,color-mix(in srgb,var(--mr-color-primary) 72%,var(--mr-color-secondary)) 0%,color-mix(in srgb,var(--mr-color-secondary) 68%,var(--mr-color-primary)) 100%);
    color:#fff;
    box-shadow:0 16px 36px rgba(5,38,44,.18);
}
.mr-theme-featured-card__media{background:rgba(255,255,255,.05)}
.mr-theme-featured-card__body{color:rgba(255,255,255,.88)}
.mr-theme-featured-card .mr-theme-showcase__category{
    border-color:rgba(255,255,255,.2);
    background:rgba(255,255,255,.11);
    color:#fff;
}
.mr-theme-featured-card .mr-theme-featured-card__title a{color:#fff}
.mr-theme-featured-card .mr-theme-featured-card__features,
.mr-theme-featured-card .mr-theme-featured-card__meta{
    border-color:rgba(255,255,255,.16);
    background:rgba(5,38,44,.22);
}
.mr-theme-featured-card .mr-theme-featured-card__features li,
.mr-theme-featured-card .mr-theme-featured-card__meta span{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.9);
}
.mr-theme-featured-card .mr-theme-featured-card__features li:before{
    background:color-mix(in srgb,var(--mr-color-primary) 44%,#d8fffd);
    box-shadow:0 0 0 2px rgba(255,255,255,.12);
}
.mr-theme-featured-card .mr-theme-featured-card__meta small{color:rgba(255,255,255,.66)}
.mr-theme-featured-card .mr-theme-featured-card__meta strong{color:#fff}
.mr-theme-featured-card .mr-theme-featured-card__actions .mr-button--outline{
    border-color:rgba(255,255,255,.46);
    background:transparent;
    color:#fff;
}
.mr-theme-featured-card .mr-theme-featured-card__actions .mr-button--outline:hover,
.mr-theme-featured-card .mr-theme-featured-card__actions .mr-button--outline:focus-visible{
    border-color:rgba(255,255,255,.72);
    background:rgba(255,255,255,.1);
    color:#fff;
}
.mr-theme-featured-card .mr-theme-featured-card__actions .mr-button:not(.mr-button--outline){
    border-color:#fff;
    background:#fff;
    color:color-mix(in srgb,var(--mr-color-primary) 70%,var(--mr-color-secondary));
}
.mr-theme-featured-card .mr-theme-featured-card__actions .mr-button:not(.mr-button--outline):hover,
.mr-theme-featured-card .mr-theme-featured-card__actions .mr-button:not(.mr-button--outline):focus-visible{
    border-color:rgba(255,255,255,.88);
    background:rgba(255,255,255,.88);
    color:color-mix(in srgb,var(--mr-color-primary) 64%,var(--mr-color-secondary));
}
@media(min-width:1025px){
    .mr-theme-featured-card__body{padding:11px 13px 12px}
    .mr-theme-featured-card__title{margin-top:6px}
    .mr-theme-featured-card__details{display:block;margin-top:9px}
    .mr-theme-featured-card .mr-theme-featured-card__features{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px;
        padding:7px;
    }
    .mr-theme-featured-card .mr-theme-featured-card__features li{
        min-height:26px;
        padding:5px 8px;
        font-size:11px;
    }
    .mr-theme-featured-card__actions{padding-top:14px}
}
@media(max-width:1024px){
    .mr-theme-featured-card .mr-theme-featured-card__features li{font-size:11px}
}
.mr-theme-mini-card__features li{font-size:11px}


/* Explore MR Themes side images: full image, fixed card height, top aligned. */
.mr-theme-mini-card__media{background:color-mix(in srgb,var(--mr-color-primary) 7%,var(--mr-color-surface))!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mr-theme-mini-card__media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:top center!important;background:transparent!important}


/* v1.1.74 — Desktop Explore MR Themes reference-card layout.
 * Uses isolated class names so the global card system cannot collapse the grid.
 * The existing showcase remains the source for tablet/mobile. */
.mrbt-theme-reference-layout{display:none}

@media (min-width:1025px){
    .mr-themes-showcase .mrbt-theme-reference-layout{
        display:block;
        width:100%;
        margin-top:20px;
    }
    .mr-themes-showcase .mrbt-theme-legacy-layout{display:none}

    .mr-themes-showcase .mrbt-theme-reference-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px;
        width:100%;
        align-items:stretch;
    }

    .mr-themes-showcase .mrbt-theme-reference-card{
        display:flex;
        min-width:0;
        min-height:0;
        flex-direction:column;
        overflow:hidden;
        border:1px solid color-mix(in srgb,var(--mr-color-primary) 13%,var(--mr-color-border));
        border-radius:16px;
        background:var(--mr-color-surface,#fff);
    }

    .mr-themes-showcase .mrbt-theme-reference-card__media{
        display:flex;
        width:calc(100% - 24px);
        aspect-ratio:16/9;
        margin:12px 12px 0;
        align-items:center;
        justify-content:center;
        overflow:hidden;
        border-radius:11px;
        background:color-mix(in srgb,var(--mr-color-primary) 5%,var(--mr-color-surface,#fff));
        text-decoration:none;
    }
    .mr-themes-showcase .mrbt-theme-reference-card__media img{
        display:block;
        width:100%;
        height:100%;
        max-width:none;
        object-fit:contain;
        object-position:center;
        background:transparent;
    }

    .mr-themes-showcase .mrbt-theme-reference-card__body{
        display:flex;
        min-width:0;
        flex:1 1 auto;
        flex-direction:column;
        padding:14px 15px 16px;
    }
    .mr-themes-showcase .mrbt-theme-reference-card__badge{
        display:inline-flex;
        width:max-content;
        max-width:100%;
        align-items:center;
        margin:0 0 9px;
        padding:5px 9px;
        border:1px solid color-mix(in srgb,var(--mr-color-primary) 20%,var(--mr-color-border));
        border-radius:7px;
        background:color-mix(in srgb,var(--mr-color-primary) 7%,var(--mr-color-surface,#fff));
        color:var(--mr-color-primary);
        font-size:10px;
        font-weight:800;
        line-height:1;
        letter-spacing:.04em;
        text-transform:uppercase;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .mr-themes-showcase .mrbt-theme-reference-card__title-row{
        display:flex;
        min-width:0;
        align-items:center;
        justify-content:space-between;
        gap:14px;
    }
    .mr-themes-showcase .mrbt-theme-reference-card__title{
        min-width:0;
        margin:0;
        font-family:var(--mr-font-heading);
        font-size:20px;
        font-weight:800;
        line-height:1.2;
        letter-spacing:-.02em;
    }
    .mr-themes-showcase .mrbt-theme-reference-card__title a{
        color:var(--mr-color-heading);
        text-decoration:none;
    }
    .mr-themes-showcase .mrbt-theme-reference-card__divider{
        width:100%;
        height:1px;
        margin:12px 0 11px;
        background:color-mix(in srgb,var(--mr-color-primary) 11%,var(--mr-color-border));
    }
    .mr-themes-showcase .mrbt-theme-reference-card__meta{
        display:flex;
        min-width:0;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        color:var(--mr-color-muted);
        font-size:12px;
        line-height:1.25;
    }
    .mr-themes-showcase .mrbt-theme-reference-card__pages{
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .mr-themes-showcase .mrbt-theme-reference-card__price{
        flex:0 0 auto;
        color:var(--mr-color-heading);
        font-size:16px;
        font-weight:850;
        line-height:1.2;
        white-space:nowrap;
    }
    .mr-themes-showcase .mrbt-theme-reference-card__price .amount,
    .mr-themes-showcase .mrbt-theme-reference-card__price ins,
    .mr-themes-showcase .mrbt-theme-reference-card__price del{
        color:inherit;
        font-size:inherit;
        font-weight:inherit;
    }
    .mr-themes-showcase .mrbt-theme-reference-card__demo{
        display:inline-flex;
        width:max-content;
        align-items:center;
        gap:4px;
        margin-top:0;
        margin-left:auto;
        color:var(--mr-color-primary);
        font-size:11px;
        font-weight:800;
        line-height:1.2;
        text-decoration:none;
    }

    .mr-themes-showcase .mrbt-theme-reference-cta{
        display:flex;
        width:100%;
        min-height:54px;
        margin-top:16px;
        padding:11px 16px;
        align-items:center;
        justify-content:space-between;
        gap:24px;
        border:1px solid rgba(255,255,255,.14);
        border-radius:12px;
        background:linear-gradient(135deg,#0b343b 0%,#123f46 100%);
        color:#fff;
    }
    .mr-themes-showcase .mrbt-theme-reference-cta__copy{
        display:flex;
        min-width:0;
        align-items:center;
        gap:18px;
    }
    .mr-themes-showcase .mrbt-theme-reference-cta__copy strong{
        flex:0 0 auto;
        color:#fff;
        font-size:13px;
        font-weight:850;
        line-height:1.3;
    }
    .mr-themes-showcase .mrbt-theme-reference-cta__copy span{
        min-width:0;
        color:rgba(255,255,255,.78);
        font-size:11px;
        line-height:1.4;
    }
    .mr-themes-showcase .mrbt-theme-reference-cta>a{
        display:inline-flex;
        flex:0 0 auto;
        align-items:center;
        gap:5px;
        color:#64e2df;
        font-size:11px;
        font-weight:800;
        line-height:1.2;
        text-decoration:none;
        white-space:nowrap;
    }
}

@media (max-width:1024px){
    .mr-themes-showcase .mrbt-theme-reference-layout{display:none}
    .mr-themes-showcase .mrbt-theme-legacy-layout{display:block}
}

/* v1.1.77 — Desktop MR Themes carousel mirrors the Homepage Services slider controls and motion. */
@media (min-width:1025px){
    .mr-themes-showcase{
        --mr-home-themes-gap:16px;
    }
    .mr-themes-showcase .mr-section-heading__action{
        display:flex;
        align-items:center;
        gap:10px;
        flex-wrap:nowrap;
    }
    .mr-themes-showcase .mr-section-heading__action > .mr-button{
        min-height:42px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
    }
    .mr-themes-showcase .mr-home-themes-slider__heading-nav{
        display:inline-flex;
        align-items:center;
        gap:4px;
    }
    .mr-themes-showcase .mr-home-themes-slider__nav-btn{
        display:inline-grid;
        width:46px;
        height:36px;
        min-width:46px;
        padding:0;
        place-items:center;
        border:1px solid color-mix(in srgb,var(--mr-color-heading) 24%,var(--mr-color-border));
        border-radius:6px;
        background:var(--mr-color-surface,#fff);
        color:var(--mr-color-heading);
        box-shadow:none;
        cursor:pointer;
        transition:border-color .2s ease,background .2s ease,color .2s ease;
    }
    .mr-themes-showcase .mr-home-themes-slider__nav-btn svg{
        display:block;
        width:17px;
        height:17px;
    }
    .mr-themes-showcase .mr-home-themes-slider__nav-btn:hover:not(:disabled),
    .mr-themes-showcase .mr-home-themes-slider__nav-btn:focus-visible:not(:disabled){
        border-color:var(--mr-color-primary);
        background:color-mix(in srgb,var(--mr-color-primary) 7%,var(--mr-color-surface,#fff));
        color:var(--mr-color-primary);
    }
    .mr-themes-showcase .mr-home-themes-slider__nav-btn:disabled{
        border-color:color-mix(in srgb,var(--mr-color-heading) 12%,var(--mr-color-border));
        background:color-mix(in srgb,var(--mr-color-heading) 3%,var(--mr-color-surface,#fff));
        color:color-mix(in srgb,var(--mr-color-heading) 35%,var(--mr-color-surface,#fff));
        cursor:not-allowed;
        opacity:1;
    }
    .mr-themes-showcase .mrbt-theme-reference-viewport{
        position:relative;
        width:100%;
        overflow:hidden;
        isolation:isolate;
    }
    .mr-themes-showcase .mrbt-theme-reference-grid{
        display:flex;
        grid-template-columns:none;
        align-items:stretch;
        gap:var(--mr-home-themes-gap);
        width:100%;
        min-width:0;
        transform:translate3d(0,0,0);
        will-change:transform;
    }
    .mr-themes-showcase .mrbt-theme-reference-card{
        flex:0 0 calc((100% - (var(--mr-home-themes-gap) * 2)) / 3);
        width:calc((100% - (var(--mr-home-themes-gap) * 2)) / 3);
        max-width:calc((100% - (var(--mr-home-themes-gap) * 2)) / 3);
    }
    .mr-themes-showcase .mrbt-theme-reference-card[data-home-themes-clone="true"] a{
        pointer-events:none;
    }
}

@media (max-width:1024px){
    .mr-themes-showcase .mr-home-themes-slider__heading-nav{display:none}
}

/* v1.1.78 — Light CTA bar + Light Card hover language for desktop Explore MR Themes cards. */
@media (min-width:1025px){
    .mr-themes-showcase .mrbt-theme-reference-cta{
        min-height:66px;
        padding:12px 14px;
        border:1px solid color-mix(in srgb,var(--mr-color-primary) 18%,var(--mr-color-border));
        border-radius:14px;
        background:linear-gradient(135deg,
            color-mix(in srgb,var(--mr-color-primary) 5%,var(--mr-color-surface,#fff)) 0%,
            color-mix(in srgb,var(--mr-color-secondary) 4%,var(--mr-color-surface,#fff)) 100%
        );
        color:var(--mr-color-heading);
        box-shadow:0 10px 26px rgba(7,20,43,.035);
    }
    .mr-themes-showcase .mrbt-theme-reference-cta__copy{
        gap:14px;
    }
    .mr-themes-showcase .mrbt-theme-reference-cta__copy::before{
        content:"✎";
        display:grid;
        width:38px;
        height:38px;
        flex:0 0 38px;
        place-items:center;
        border-radius:999px;
        background:color-mix(in srgb,var(--mr-color-primary) 10%,var(--mr-color-surface,#fff));
        color:var(--mr-color-primary);
        font-size:17px;
        font-weight:800;
        line-height:1;
    }
    .mr-themes-showcase .mrbt-theme-reference-cta__copy strong{
        color:var(--mr-color-heading);
        font-size:14px;
    }
    .mr-themes-showcase .mrbt-theme-reference-cta__copy span{
        color:var(--mr-color-muted);
        font-size:12px;
    }
    .mr-themes-showcase .mrbt-theme-reference-cta>a{
        min-height:40px;
        padding:0 16px;
        justify-content:center;
        border:1px solid color-mix(in srgb,var(--mr-color-primary) 26%,transparent);
        border-radius:9px;
        background:var(--mr-color-primary);
        color:#fff;
        font-size:12px;
        transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease;
    }
    .mr-themes-showcase .mrbt-theme-reference-cta>a:hover,
    .mr-themes-showcase .mrbt-theme-reference-cta>a:focus-visible{
        transform:translateY(-1px);
        background:color-mix(in srgb,var(--mr-color-primary) 88%,#062c31 12%);
        border-color:var(--mr-color-primary);
        box-shadow:0 8px 18px color-mix(in srgb,var(--mr-color-primary) 20%,transparent);
    }

    .mr-themes-showcase .mrbt-theme-reference-card{
        background-image:linear-gradient(var(--mr-color-primary),var(--mr-color-primary));
        background-repeat:no-repeat;
        background-position:0 0;
        background-size:0 2px;
        transition:transform .28s cubic-bezier(.2,.65,.3,1),background-color .28s ease,background-size .42s cubic-bezier(.2,.65,.3,1),border-color .28s ease;
    }
    .mr-themes-showcase .mrbt-theme-reference-card:hover,
    .mr-themes-showcase .mrbt-theme-reference-card:focus-within{
        transform:none;
        background-color:var(--mr-card-light-hover-bg,var(--mr-card-light-bg,#fff));
        background-size:100% 2px;
        border-color:var(--mr-card-light-hover-border,var(--mr-color-primary));
    }
    .mr-themes-showcase .mrbt-theme-reference-card__media img{
        transition:transform .72s cubic-bezier(.22,.61,.36,1);
    }
    .mr-themes-showcase .mrbt-theme-reference-card:hover .mrbt-theme-reference-card__media img,
    .mr-themes-showcase .mrbt-theme-reference-card:focus-within .mrbt-theme-reference-card__media img{
        transform:scale(1.015);
    }
}

@media (prefers-reduced-motion:reduce){
    .mr-themes-showcase .mrbt-theme-reference-card,
    .mr-themes-showcase .mrbt-theme-reference-card__media img,
    .mr-themes-showcase .mrbt-theme-reference-cta>a{
        transition:none;
    }
    .mr-themes-showcase .mrbt-theme-reference-card:hover,
    .mr-themes-showcase .mrbt-theme-reference-card:focus-within,
    .mr-themes-showcase .mrbt-theme-reference-card:hover .mrbt-theme-reference-card__media img,
    .mr-themes-showcase .mrbt-theme-reference-card:focus-within .mrbt-theme-reference-card__media img,
    .mr-themes-showcase .mrbt-theme-reference-cta>a:hover,
    .mr-themes-showcase .mrbt-theme-reference-cta>a:focus-visible{
        transform:none;
    }
}


/* v1.1.79 — Keep hover accent visible, strengthen the light custom-design CTA, and use WhatsApp CTA. */
@media (min-width:1025px){
    /* The card lifts by 3px on hover; reserve a small safe area so the top accent is not clipped by the slider viewport. */
    .mr-themes-showcase .mrbt-theme-reference-viewport{
        padding-top:5px;
        padding-bottom:2px;
        margin-top:-5px;
    }

    .mr-themes-showcase .mrbt-theme-reference-cta{
        position:relative;
        overflow:hidden;
        border-color:color-mix(in srgb,var(--mr-color-primary) 28%,var(--mr-color-border));
        background:linear-gradient(110deg,
            color-mix(in srgb,var(--mr-color-primary) 11%,var(--mr-color-surface,#fff)) 0%,
            color-mix(in srgb,var(--mr-color-primary) 7%,var(--mr-color-surface,#fff)) 46%,
            color-mix(in srgb,var(--mr-color-secondary) 7%,var(--mr-color-surface,#fff)) 100%
        );
        box-shadow:0 12px 28px color-mix(in srgb,var(--mr-color-primary) 10%,transparent), inset 0 1px 0 rgba(255,255,255,.72);
    }
    .mr-themes-showcase .mrbt-theme-reference-cta::after{
        content:"";
        position:absolute;
        inset:0 auto 0 0;
        width:4px;
        background:var(--mr-color-primary);
        opacity:.82;
    }
    .mr-themes-showcase .mrbt-theme-reference-cta__copy strong{
        color:var(--mr-color-heading);
    }
    .mr-themes-showcase .mrbt-theme-reference-cta__copy span{
        color:color-mix(in srgb,var(--mr-color-heading) 64%,var(--mr-color-muted));
    }
    .mr-themes-showcase .mrbt-theme-reference-cta>a{
        gap:7px;
        min-height:42px;
        padding-inline:17px;
        box-shadow:0 7px 16px color-mix(in srgb,var(--mr-color-primary) 18%,transparent);
    }
    .mr-themes-showcase .mrbt-theme-reference-cta>a svg{
        width:17px;
        height:17px;
        flex:0 0 17px;
        fill:none;
        stroke:currentColor;
    }
}

/* v1.1.80 — White icon background for the custom-design CTA. */
@media (min-width:1025px){
    .mr-themes-showcase .mrbt-theme-reference-cta__copy::before{
        background:#fff;
        box-shadow:0 4px 12px rgba(7,20,43,.06), inset 0 0 0 1px color-mix(in srgb,var(--mr-color-primary) 10%,var(--mr-color-border));
    }
}

/* v1.1.88 — Upcoming card state: fade card content, keep Coming Soon badge crisp. */
.mr-themes-showcase .mrbt-theme-reference-card__demo--coming-soon{
    padding:5px 10px;
    border:1px solid #f0c76b;
    border-radius:999px;
    background:#fff1c9;
    color:#9a6500;
    box-shadow:0 3px 10px rgba(154,101,0,.08);
}
.mr-themes-showcase .mrbt-theme-reference-card.is-upcoming .mrbt-theme-reference-card__media,
.mr-themes-showcase .mrbt-theme-reference-card.is-upcoming .mrbt-theme-reference-card__badge,
.mr-themes-showcase .mrbt-theme-reference-card.is-upcoming .mrbt-theme-reference-card__title-row,
.mr-themes-showcase .mrbt-theme-reference-card.is-upcoming .mrbt-theme-reference-card__divider,
.mr-themes-showcase .mrbt-theme-reference-card.is-upcoming .mrbt-theme-reference-card__pages{
    opacity:.58;
}
.mr-themes-showcase .mrbt-theme-reference-card.is-upcoming:hover,
.mr-themes-showcase .mrbt-theme-reference-card.is-upcoming:focus-within{
    transform:none;
}
.mr-themes-showcase .mrbt-theme-reference-card.is-upcoming:hover .mrbt-theme-reference-card__media img,
.mr-themes-showcase .mrbt-theme-reference-card.is-upcoming:focus-within .mrbt-theme-reference-card__media img{
    transform:none;
}



/* v1.2.53 — New reference-card design: preserve Featured Theme semantics. */
@media (min-width:1025px){
    .mrbt-theme-reference-card.is-featured{
        border-color:color-mix(in srgb,var(--mr-color-primary,#1e8a8a) 34%,var(--mr-color-border,#d8eeee));
        box-shadow:none;
    }
    .mrbt-theme-reference-card.is-featured:before{
        width:100%;
    }
}


/* v1.2.57 — Match homepage MR Theme product title size with mobile Shop cards. */
@media (max-width: 767px){
    .mr-themes-showcase .mrbt-theme-reference-card__title,
    .mr-themes-showcase .mrbt-theme-reference-card h3,
    .mr-themes-showcase .mrbt-theme-reference-card .mrbt-theme-card__title{
        font-size:14px!important;
    }
}