/* ──────────────────────────────────────────────────────────
   FictionX – Ministry News Cards (`#ministryNews`)
   Modern card grid: clean, no shadows on buttons (per
   template UI rule), refined hover micro-interactions.
   ────────────────────────────────────────────────────────── */

/* ===== Section wrapper ===== */
.fx-news-section{
    position:relative;
    background:#f4f5f7;
    padding:50px 0 70px;
    overflow:hidden;
}
.fx-news-section::before{
    content:"";
    position:absolute;
    top:-120px;inset-inline-start:-120px;
    width:380px;height:380px;
    border-radius:50%;
    background:radial-gradient(closest-side,rgba(165,19,19,.06),transparent 70%);
    pointer-events:none;
}

/* Section heading polish — works alongside template's .heading.main-heading */
.fx-news-section .heading.main-heading{
    margin-bottom:36px;
}
.fx-news-section .heading.main-heading h4.sub-title{
    font-size:30px;font-weight:700;letter-spacing:.3px;
}
.fx-news-section .heading.main-heading .heading-separator{margin-top:14px;}

/* ===== Grid ===== */
.fx-news-grid{
    display:flex;flex-wrap:wrap;
    margin-inline:-12px;
    align-items:stretch;
}
.fx-news-grid > [class*="col-"]{padding:12px;display:flex;float:none;}

/* ===== Card ===== */
.fx-news-card{
    width:100%;
    display:flex;flex-direction:column;
    background:#fff;
    border:1px solid rgba(15,23,42,.06);
    border-radius:4px;
    overflow:hidden;
    transition:transform .35s cubic-bezier(.22,.61,.36,1),
               border-color .35s ease,
               background .35s ease;
}
.fx-news-card:hover{
    transform:translateY(-6px);
    border-color:rgba(165,19,19,.35);
}

/* The whole card acts as a link */
.fx-news-card__link{
    display:flex;flex-direction:column;
    color:inherit !important;
    text-decoration:none !important;
    height:100%;
}

/* Media (image) */
.fx-news-card__media{
    position:relative;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#e9eaee;
}
@supports not (aspect-ratio:1){
    .fx-news-card__media{height:220px;}
}
.fx-news-card__img{
    position:absolute;inset:0;
    width:100%;height:100%;
    object-fit:cover;
    display:block;
    transition:transform .8s cubic-bezier(.22,.61,.36,1),
               filter .5s ease;
    will-change:transform;
}
.fx-news-card:hover .fx-news-card__img{
    transform:scale(1.06);
    filter:saturate(1.08);
}
/* Subtle bottom fade to anchor the date chip */
.fx-news-card__media::after{
    content:"";
    position:absolute;left:0;right:0;bottom:0;height:46%;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));
    pointer-events:none;
}

/* Date chip overlaid on image */
.fx-news-card__date{
    position:absolute;
    bottom:12px;inset-inline-start:12px;
    display:inline-flex;align-items:center;gap:6px;
    padding:6px 12px;
    border-radius:4px;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(6px);
    color:#1f2937;
    font-size:11.5px;font-weight:600;letter-spacing:.3px;
    z-index:2;
    direction:ltr;
}
.fx-news-card__date i{
    color:#a51313;
    font-size:11px;
}

/* Category chip (optional — appears on top-end of image) */
.fx-news-card__cat{
    position:absolute;
    top:12px;inset-inline-end:12px;
    padding:5px 12px;
    background:#a51313;
    color:#fff !important;
    border-radius:4px;
    font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
    z-index:2;
}

/* Body */
.fx-news-card__body{
    display:flex;flex-direction:column;flex:1;
    padding:20px 22px 22px;
    gap:10px;
}
.fx-news-card__title{
    margin:0;
    font-size:16.5px;
    font-weight:700;
    line-height:1.55;
    color:#15202b;
    transition:color .25s ease;
    /* clamp to 3 lines for grid alignment */
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.fx-news-card:hover .fx-news-card__title{color:#a51313;}

.fx-news-card__excerpt{
    margin:0;
    font-size:13.5px;
    line-height:1.85;
    color:#5b6470;
    text-align:justify;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/* Read-more — flat link with animated CSS chevron (no shadow) */
.fx-news-card__more{
    margin-top:auto;
    padding-top:14px;
    border-top:1px dashed rgba(15,23,42,.10);
    display:inline-flex;align-items:center;gap:8px;
    color:#a51313 !important;
    font-size:13px;font-weight:700;letter-spacing:.3px;
    transition:gap .3s ease,color .25s ease;
}
/* CSS chevron — direction-aware */
.fx-news-card__more::after{
    content:"";
    display:inline-block;
    width:7px;height:7px;
    border-top:2px solid currentColor;
    border-inline-end:2px solid currentColor;
    transform:rotate(-135deg);                /* RTL: points to the start (left) */
    margin-inline-start:2px;
    transition:transform .3s ease,margin .3s ease;
}
[dir="ltr"] .fx-news-card__more::after{
    transform:rotate(45deg);                  /* LTR: points to the end (right) */
}
.fx-news-card:hover .fx-news-card__more{
    gap:14px;
    color:#7d0f0f !important;
}

/* ===== Bottom CTA – "More News" ===== */
.fx-news-section__cta{
    margin-top:28px;
    display:flex;justify-content:center;
}
.fx-news-more-link{
    display:inline-flex;align-items:center;gap:10px;
    padding:12px 26px;
    background:transparent;
    border:1.5px solid #a51313;
    border-radius:4px;
    color:#a51313 !important;
    font-size:13.5px;font-weight:700;letter-spacing:.3px;
    text-decoration:none !important;
    box-shadow:none;
    transition:background .25s ease,color .25s ease,gap .3s ease,transform .25s ease;
}
.fx-news-more-link::after{
    content:"";
    display:inline-block;
    width:8px;height:8px;
    border-top:2px solid currentColor;
    border-inline-end:2px solid currentColor;
    transform:rotate(-135deg);
    transition:transform .3s ease;
}
[dir="ltr"] .fx-news-more-link::after{transform:rotate(45deg);}
.fx-news-more-link:hover{
    background:#a51313;
    color:#fff !important;
    gap:14px;
    transform:translateY(-2px);
}

/* ===== Responsive ===== */
@media (max-width:991px){
    .fx-news-section{padding:40px 0 56px;}
    .fx-news-card__title{font-size:15.5px;}
}
@media (max-width:767px){
    .fx-news-section .heading.main-heading h4.sub-title{font-size:24px;}
    .fx-news-grid{margin-inline:-8px;}
    .fx-news-grid > [class*="col-"]{padding:8px;width:100%;flex:0 0 100%;max-width:100%;}
    .fx-news-card__body{padding:18px 18px 18px;}
}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion:reduce){
    .fx-news-card,
    .fx-news-card__img,
    .fx-news-card__title,
    .fx-news-card__more,
    .fx-news-card__more i,
    .fx-news-more-link,
    .fx-news-more-link i{
        transition:none !important;
    }
    .fx-news-card:hover,
    .fx-news-more-link:hover{transform:none !important;}
    .fx-news-card:hover .fx-news-card__img{transform:none !important;}
}