/* Chapter news page: post list, events block and pagination (moved from posts.php so the page renders on the server) */
/* =====================
   POST LAYOUT
===================== */

article.post.custom-style-list {
    display: flex;
    margin-bottom: 30px;
    border: 1px solid #ccc;
    border-radius: 14px;
    overflow: hidden;
}

.post-thumbnail {
    max-width: 500px;
}

.post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

header.entry-header {
    padding: 30px;
}

h2.entry-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 20px;
}

.entry-date {
    font-size: 16px;
    color: #777;
    margin-bottom: 10px;
}

a.post-readmore {
    background: #ea0a8e;
    color: #fff;
    padding: 7px 25px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 20px;
}

a.post-readmore:hover {
    background: #cb097a;
}

/* =====================
   PAGINATION
===================== */

nav.pagination {
    margin: 70px 0 90px;
}

nav.pagination ul {
    display: flex;
    justify-content: center;
    gap: 10px;
}

nav.pagination ul li a {
    padding: 10px 16px;
    background: #ea0a8e;
    color: #fff;
    border-radius: 5px;
}

nav.pagination ul li.active a {
    background: #ccc;
    color: #777;
    cursor: not-allowed;
}
nav.pagination .dots {
    display: inline-block;
    padding: 0 8px;
    font-size: 14px;
    color: #777;
}
/* =====================
   SHIMMER LOADER
===================== */

.shimmer-wrap {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.shimmer-card {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 14px;
    overflow: hidden;
}

.shimmer-img {
    width: 500px;
    height: 280px;
    background: #eee;
}

.shimmer-content {
    flex: 1;
    padding: 30px;
}

.shimmer-line {
    height: 18px;
    background: #eee;
    margin-bottom: 14px;
    border-radius: 6px;
}

.shimmer-line.short {
    width: 30%;
}

.shimmer-btn {
    width: 140px;
    height: 36px;
    border-radius: 20px;
    background: #eee;
    margin-top: 20px;
}

.shimmer-img,
.shimmer-line,
.shimmer-btn {
    background-image: linear-gradient(
        90deg,
        #eee 25%,
        #f5f5f5 37%,
        #eee 63%
    );
    background-size: 400% 100%;
    animation: shimmer 1.4s ease infinite;
}

@keyframes shimmer {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}
/* =====================
  special report section
===================== */
.news-special-report-section {
    display: flex;
    margin-bottom: 30px;
    border: 1px solid #ccc;
    border-radius: 14px;
    overflow: hidden;
    align-items: center;
}
.news-special-report-image {
    max-width: 500px;
}

.news-special-report-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-special-report-links {
    padding: 30px;
}

.news-special-report-links li {
    margin-bottom: 12px;
}

.news-special-report-links a {
    font-weight: 700;
    font-size: 26px;
    color: #1976d2;
    text-decoration: underline;
}

.news-special-report-links a:hover {
    color: #ea0a8e;
}

@media only screen and (max-width: 767px) {
    .news-special-report-section {
        align-items: unset;
        flex-direction: column;
    }
    .news-special-report-image {
        max-width: 100%;
    }
    .news-special-report-links a {
        font-size: 18px;
    }
    .shimmer-card,
    article.post.custom-style-list {
        flex-direction: column;
    }
    .shimmer-img,
    .post-thumbnail {
        max-width: 100%;
    }
    h2.entry-title {
        font-size: 24px;
        line-height: 30px;
    }
}



/* section headings and the Don't Miss Out list */
.wla-sec-h{font-size:28px;font-weight:800;line-height:1.2;margin:10px 0 18px;color:#1e1b4b}
.wla-sec-h span{color:#ea0a8e}
h3.entry-title{font-size:30px;font-weight:700;line-height:36px;margin-bottom:20px}
@media only screen and (max-width:767px){h3.entry-title{font-size:24px;line-height:30px}}
.wla-dmo-sec{margin-bottom:30px}
.wla-dmo-h{display:inline-block;margin:0 0 14px;padding:4px 16px;background:#d40980;color:#fff;font-size:24px;font-weight:800;line-height:1.2;border-radius:6px;transform:rotate(-1deg)}
.news-special-report-links ul.wla-dmo li{position:relative;padding-left:22px}
.news-special-report-links ul.wla-dmo li::before{content:"";position:absolute;left:2px;top:.42em;width:0;height:0;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #1976d2}
.wla-dmo-t{margin:0 0 12px;color:#ea0a8e;font-size:28px;font-weight:800;letter-spacing:.06em;line-height:1.1;text-transform:uppercase}
nav.pagination ul li a, nav.pagination ul li span.cur{display:inline-block}
nav.pagination ul li span.cur{padding:10px 16px;background:#ccc;color:#777;border-radius:5px}
nav.pagination ul{flex-wrap:wrap}
@media only screen and (max-width:767px){.wla-sec-h{font-size:22px}}

/* WLA short-article cards: full-bleed series scene, headline across three quarters, dark band behind the words */
.wla-shorts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 28px}
.wla-short{position:relative;display:block;container-type:inline-size;aspect-ratio:3/2;overflow:hidden;border-radius:10px;
  text-decoration:none;color:#fff;background:#1e1b4b var(--img) center/cover no-repeat;box-shadow:0 6px 18px rgba(30,27,75,.18)}
.wla-short-text{position:absolute;left:6cqw;right:19cqw;bottom:7cqw;display:flex;flex-direction:column;align-items:flex-start}
.wla-short-k{display:inline;font:700 3.3cqw/1.5 Inter,Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:#fbd3ea;background:rgba(0,0,0,.4);padding:.25em .6em;border-radius:3px;margin:0 0 1.6cqw}
.wla-short-h{display:inline;font:800 6.4cqw/1.4 Inter,Arial,Helvetica,sans-serif;color:#fff;
  background:rgba(0,0,0,.4);padding:.12em .5em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;overflow-wrap:anywhere}
.wla-short:hover .wla-short-h{background:rgba(0,0,0,.55)}
/* right-to-left languages: headline anchored to the right */
.wla-short[dir=rtl]{direction:rtl}
.wla-short[dir=rtl] .wla-short-text{left:19cqw;right:6cqw;align-items:flex-end}
/* long-script languages (Thai, Bengali) need more line height */
.wla-short[lang=th] .wla-short-h,.wla-short[lang=bn] .wla-short-h{line-height:1.6;font-size:5.8cqw}
@media only screen and (max-width:1023px){
  .wla-shorts{grid-template-columns:1fr}
  .wla-short{aspect-ratio:2/1}
  .wla-short-text{left:4cqw;right:25cqw;bottom:5cqw}
  .wla-short-k{font-size:2cqw}.wla-short-h{font-size:4cqw}
  .wla-short[lang=th] .wla-short-h,.wla-short[lang=bn] .wla-short-h{font-size:3.6cqw}
}
@media only screen and (max-width:599px){
  .wla-short{aspect-ratio:3/2}
  .wla-short-text{left:14px;right:14px;bottom:16px}
  .wla-short-k{font-size:11px;margin-bottom:6px}.wla-short-h{font-size:19px}
  .wla-short[lang=th] .wla-short-h,.wla-short[lang=bn] .wla-short-h{font-size:18px}
}

/* ---- One consistent row layout for events, Quick Reads and stories:
   left image column 40% wide, same fixed height on desktop, text on the right ---- */
.news-special-report-section,
article.post.custom-style-list{display:flex;align-items:stretch;height:300px;margin-bottom:30px;border:1px solid #ccc;border-radius:14px;overflow:hidden}
.news-special-report-image.wla-sr,
article.post.custom-style-list .post-thumbnail{flex:0 0 40%;max-width:none;width:40%;height:100%;aspect-ratio:auto;align-self:stretch}
.news-special-report-image.wla-sr{container-type:size}
.wla-sr-side{width:15cqw}
article.post.custom-style-list .post-thumbnail a{display:block;width:100%;height:100%}
article.post.custom-style-list .post-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center}
article.post.custom-style-list.wla-qr .post-thumbnail img{object-position:70% center}
header.entry-header,.news-special-report-links{flex:1;min-width:0;padding:26px 30px;display:flex;flex-direction:column;justify-content:center}
header.entry-header h3.entry-title{font-size:26px;line-height:32px;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
header.entry-header .post-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
header.entry-header .entry-date{margin-bottom:8px}
header.entry-header a.post-readmore{align-self:flex-start;margin-top:14px}
.wla-qr-k{color:#ea0a8e;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:14px}
.news-special-report-links ul.wla-dmo{margin:0}
.news-special-report-links ul.wla-dmo li{margin-bottom:8px}
.news-special-report-links ul.wla-dmo a{font-size:22px}

@media only screen and (max-width:767px){
  .news-special-report-section,article.post.custom-style-list{flex-direction:column;height:auto}
  .news-special-report-image.wla-sr,article.post.custom-style-list .post-thumbnail{flex:none;width:100%;height:auto;aspect-ratio:16/9}
  header.entry-header,.news-special-report-links{padding:22px}
  header.entry-header h3.entry-title{font-size:22px;line-height:28px;display:block;-webkit-line-clamp:unset;overflow:visible}
  .news-special-report-links ul.wla-dmo a{font-size:18px}
  .wla-dmo-t{font-size:22px}
}