/* UpEventi — Blog ordonat: carduri uniforme, spațiere generoasă, hover elegant */

/* GRID — spațiere mai aerisită */
.premium-blog-wrap{
    display: flex !important;
    flex-wrap: wrap !important;
    margin-inline: -12px !important;
}
.premium-blog-post-outer-container{
    padding-inline: 12px !important;
    margin-bottom: 28px !important;
    display: flex !important;
}

/* CARD — wrapper cu înălțime egală */
.premium-blog-post-outer-container .premium-blog-post-container{
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 4px 14px rgba(15, 23, 42, 0.06) !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}
.premium-blog-post-outer-container .premium-blog-post-container:hover{
    transform: translateY(-4px);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06), 0 12px 28px rgba(15, 23, 42, 0.1) !important;
}

/* THUMBNAIL — proporții egale */
.premium-blog-thumb-effect-wrapper{
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}
.premium-blog-thumbnail-container{
    width: 100%;
    height: 100%;
}
.premium-blog-thumbnail-container img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .5s ease !important;
}
.premium-blog-post-container:hover .premium-blog-thumbnail-container img{
    transform: scale(1.05);
}
.premium-blog-thumbnail-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(15,23,42,.18));
}
.premium-blog-thumbnail-overlay a{
    position: absolute;
    inset: 0;
}

/* CONTENT — flex column, excerpt împinge meta la fund */
.premium-blog-content-wrapper{
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 22px 22px !important;
    background: #ffffff !important;
}
.premium-blog-inner-container{
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

/* TITLU — max 2 rânduri */
.premium-blog-entry-title{
    margin: 0 !important;
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.7em;
}
.premium-blog-entry-title a{
    color: #0f172a !important;
    text-decoration: none !important;
}
.premium-blog-entry-title a:hover{
    color: #B6A0FF !important;
}

/* META — date + categorie discrete */
.premium-blog-entry-meta{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 0.78rem !important;
    color: #64748b !important;
}
.premium-blog-entry-meta .premium-blog-meta-separator{
    color: #cbd5e1 !important;
}
.premium-blog-entry-meta .premium-blog-meta-separator:first-child{ display: none !important; }
.premium-blog-entry-meta i{
    margin-right: 4px;
    color: #94a3b8;
}
.premium-blog-entry-meta a{
    color: #6366f1 !important;
    text-decoration: none !important;
}
.premium-blog-entry-meta a:hover{ text-decoration: underline !important; }

/* EXCERPT — max 3 rânduri, împinge restul către fund */
.premium-blog-content-inner-wrapper{
    margin-top: auto !important;
}
.premium-blog-post-content{
    margin: 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
    color: #475569 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* PAGINATION — centrat, aerisit */
.premium-blog-pagination-container{
    margin-top: 24px !important;
    text-align: center !important;
}
.premium-blog-pagination-container .page-numbers{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    margin: 0 4px;
    border-radius: 10px !important;
    font-size: 0.9rem;
    transition: all .2s ease;
}

/* RESPONSIVE */
@media (max-width: 1024px){
    .premium-blog-entry-title{ font-size: 1rem !important; }
}
@media (max-width: 767px){
    .premium-blog-post-outer-container{ margin-bottom: 20px !important; }
    .premium-blog-content-wrapper{ padding: 16px 18px 18px !important; }
}