/* =========================================================
   CACAR BLOG DETAIL — FINAL FIX 2026-09-14
   1) Mobile meta/date alignment
   2) Reliable article-cover rendering
   ========================================================= */

/* ---------- META ---------- */
.cacar-article-meta .cacar-meta-separator{
    display:none !important;
}

.cacar-article-meta .cacar-meta-author,
.cacar-article-meta .cacar-meta-date,
.cacar-article-meta .cacar-meta-views{
    display:inline-flex !important;
    align-items:center !important;
}

.cacar-article-meta .cacar-meta-date::before,
.cacar-article-meta .cacar-meta-views::before{
    content:"·";
    display:inline-block;
    margin:0 9px 0 0;
    color:#b0aaa3;
}

@media (max-width:767px){

    .cacar-article-root .cacar-article-meta{
        display:flex !important;
        align-items:center !important;
        flex-wrap:wrap !important;
        gap:6px 0 !important;

        width:100% !important;
        margin:0 0 24px !important;
        padding:12px 0 !important;

        font-size:12px !important;
        line-height:1.45 !important;
    }

    .cacar-article-meta .cacar-meta-author,
    .cacar-article-meta .cacar-meta-date,
    .cacar-article-meta .cacar-meta-views{
        white-space:nowrap !important;
        font-size:12px !important;
        line-height:1.45 !important;
    }

    /* Mobile uses the shorter clean date stored by JS. */
    .cacar-article-meta .cacar-meta-date[data-mobile-date]{
        font-size:0 !important;
    }

    .cacar-article-meta .cacar-meta-date[data-mobile-date]::after{
        content:attr(data-mobile-date);
        font-size:12px !important;
        line-height:1.45 !important;
        color:#777 !important;
    }

    .cacar-article-meta .cacar-meta-date[data-mobile-date]::before{
        font-size:12px !important;
    }
}

/* ---------- COVER ---------- */
.cacar-article-cover,
.cacar-generated-cover{
    display:block !important;
    width:100% !important;
    aspect-ratio:4 / 3 !important;
    margin:0 0 42px !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#f5f3f0 !important;
    box-sizing:border-box !important;
}

.cacar-article-cover img,
.cacar-generated-cover img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    opacity:1 !important;
    visibility:visible !important;
}

@media (max-width:767px){
    .cacar-article-cover,
    .cacar-generated-cover{
        margin-bottom:30px !important;
    }
}