/* UI/UX Pro Max home overrides: blog slider only */

.pgco-blog-slider{
    --uxpm-surface:#fff;
    --uxpm-surface-soft:#f8fafc;
    --uxpm-ink:#17223f;
    --uxpm-muted:#69758a;
    --uxpm-line:#e6eaf1;
    --uxpm-brand:#19284f;
    --uxpm-accent:#ef4444;
    --uxpm-accent-dark:#cf2f2f;
    --uxpm-shadow:0 14px 34px rgba(25,40,79,.075);

    position:relative;
    margin:28px 0 30px;
    padding:18px 14px 16px;
    border:1px solid rgba(230,234,241,.9);
    border-radius:20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.98));
    box-shadow:0 6px 28px rgba(25,40,79,.045);
    overflow:hidden;
}

.pgco-blog-slider__head{
    position:relative;
    z-index:2;
    align-items:center;
    padding:8px 2px 4px;
    margin:0 0 14px;
}

.pgco-blog-slider__title{
    color:var(--uxpm-ink);
    font-size:20px;
    line-height:1.45;
    letter-spacing:0;
}

.pgco-blog-slider__title::after{
    content:"";
    display:block;
    width:44px;
    height:3px;
    margin-top:8px;
    border-radius:999px;
    background:var(--uxpm-accent);
}

.pgco-blog-slider__tools{
    gap:8px;
}

.pgco-blog-slider__nav{
    width:44px;
    height:44px;
    border-color:rgba(25,40,79,.12);
    background:#fff;
    color:var(--uxpm-brand);
    box-shadow:0 10px 24px rgba(25,40,79,.07);
    touch-action:manipulation;
}

.pgco-blog-slider__nav:focus-visible,
.pgco-blog-slider__all:focus-visible,
.pgco-article-card__thumb:focus-visible,
.pgco-article-card__title:focus-visible,
.pgco-article-card__btn:focus-visible{
    outline:3px solid rgba(239,68,68,.28);
    outline-offset:3px;
}

.pgco-blog-slider__nav:hover{
    background:var(--uxpm-brand);
    color:#fff;
}

.pgco-blog-slider__nav:disabled{
    opacity:.42;
    box-shadow:none;
}

.pgco-blog-slider__all{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border:1px solid rgba(239,68,68,.18);
    border-radius:999px;
    background:rgba(239,68,68,.07);
    color:var(--uxpm-accent);
    line-height:1;
}

.pgco-blog-slider__all:hover{
    background:rgba(25,40,79,.08);
    color:var(--uxpm-brand);
}

.pgco-blog-slider__track{
    position:relative;
    z-index:1;
    gap:16px;
    padding:4px 2px 16px;
    scroll-padding-inline:2px;
    scrollbar-width:none;
}

.pgco-blog-slider__track::-webkit-scrollbar{
    display:none;
}

.pgco-article-card{
    min-height:360px;
    padding:14px;
    gap:10px;
    border-radius:18px;
    border-color:rgba(230,234,241,.95);
    background:var(--uxpm-surface);
    box-shadow:0 8px 20px rgba(25,40,79,.04);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    flex:0 0 min(315px, calc((100% - 48px) / 4));
}

.pgco-article-card:hover{
    transform:translateY(-4px);
    border-color:rgba(25,40,79,.18);
    box-shadow:var(--uxpm-shadow);
}

.pgco-article-card__thumb{
    aspect-ratio:16 / 10;
    border-radius:16px;
    border-color:rgba(230,234,241,.95);
    background:var(--uxpm-surface-soft);
}

.pgco-article-card__thumb img{
    transform:scale(1.001);
}

.pgco-article-card__time{
    top:12px;
    left:12px;
    padding:8px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.9);
    color:var(--uxpm-brand);
    backdrop-filter:blur(8px);
}

.pgco-article-card__title{
    min-height:50px;
    margin-top:4px;
    color:var(--uxpm-ink);
    font-size:16px;
    line-height:1.55;
}

.pgco-article-card__divider{
    width:42px;
    height:3px;
    margin:0;
    background:rgba(239,68,68,.22);
}

.pgco-article-card__excerpt{
    min-height:70px;
    color:var(--uxpm-muted);
    font-size:13.5px;
    line-height:1.85;
}

.pgco-article-card__btn{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:0;
    border-radius:13px;
    background:var(--uxpm-accent);
    box-shadow:0 6px 16px rgba(239,68,68,.25);
    font-weight:800;
}

.pgco-article-card__btn:hover{
    background:#d52f2f;
}

@media (max-width:1099px){
    .pgco-article-card{
        flex-basis:calc((100% - 16px) / 2);
    }
}

@media (max-width:640px){
    .pgco-blog-slider{
        margin-inline:-2px;
        padding:16px 12px 14px;
        border-radius:18px;
    }

    .pgco-blog-slider__head{
        gap:10px;
    }

    .pgco-blog-slider__title{
        font-size:18px;
    }

    .pgco-blog-slider__tools{
        flex-wrap:wrap;
        justify-content:flex-end;
    }

    .pgco-blog-slider__nav{
        width:40px;
        height:40px;
    }

    .pgco-blog-slider__all{
        min-height:40px;
        padding-inline:12px;
        font-size:12.5px;
    }

    .pgco-blog-slider__track{
        gap:14px;
        padding-bottom:10px;
        scroll-snap-type:x proximity;
    }

    .pgco-article-card{
        min-height:348px;
        flex-basis:calc((100% - 14px) / 2);
        padding:13px;
    }

    .pgco-article-card__title{
        font-size:15px;
    }
}

@media (prefers-reduced-motion:reduce){
    .pgco-blog-slider__nav,
    .pgco-blog-slider__all,
    .pgco-article-card,
    .pgco-article-card__thumb img,
    .pgco-article-card__btn{
        transition:none;
    }

    .pgco-article-card:hover{
        transform:none;
    }
}