/* Blog index: category bar, featured + latest, recent list, grid, pagination */
.bl { --bl-ink:#12363c; --bl-sea:#0e5960; --bl-gold:#a47d3d; --bl-line:#dfe6e3; --bl-soft:#5f7a7e; max-width:1240px; margin:0 auto; padding:140px 24px 90px; color:var(--bl-ink); }
.bl a { color:inherit; text-decoration:none; }
.bl img { display:block; width:100%; height:100%; object-fit:cover; }

.bl-kicker { margin:0 0 10px; font-size:11px; font-weight:700; letter-spacing:.22em; color:var(--bl-gold); }
.bl-kicker--light { color:#e6d6a8; }
.bl-head h1 { margin:0; font:500 clamp(40px,6vw,72px)/1.04 'Cormorant Garamond',Georgia,serif; color:#0b1b30; }
.bl-head h1 em { color:var(--bl-sea); font-style:italic; }
.bl-intro { max-width:680px; margin:16px 0 0; font-size:17px; line-height:1.7; color:var(--bl-soft); }

/* categories */
.bl-cats { display:flex; gap:10px; margin:34px 0 38px; padding-bottom:4px; overflow-x:auto; scrollbar-width:none; }
.bl-cats::-webkit-scrollbar { display:none; }
.bl-cat { flex:none; display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border:1px solid var(--bl-line); border-radius:999px; background:#fff; font-size:13px; font-weight:600; color:var(--bl-ink); transition:background .2s,color .2s,border-color .2s; }
.bl-cat span { font-size:11px; font-weight:700; color:var(--bl-soft); }
.bl-cat:hover { border-color:var(--bl-sea); }
.bl-cat.is-active { background:#0b1b30; border-color:#0b1b30; color:#fff; }
.bl-cat.is-active span { color:#e6d6a8; }
.bl-empty { padding:60px 0; text-align:center; color:var(--bl-soft); }

/* shared bits */
.bl-tag { margin:0 0 8px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--bl-gold); }
.bl-tag span { display:inline-block; margin-right:10px; padding:4px 10px; border-radius:999px; background:#0b1b30; color:#fff; letter-spacing:.12em; }
.bl-excerpt { margin:0 0 14px; font-size:15.5px; line-height:1.7; color:#3d5a60; }
.bl-meta { margin:0 0 14px; font-size:12.5px; color:var(--bl-soft); }
.bl-more { display:inline-flex; gap:8px; align-items:center; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--bl-sea); border-bottom:2px solid #6ed5cc; padding-bottom:3px; }
.bl-more span { transition:transform .2s; }
.bl-more:hover span { transform:translateX(4px); }
.bl-section { margin:0 0 22px; font:500 30px/1.15 'Cormorant Garamond',Georgia,serif; color:#0b1b30; }
.bl-label { margin:0 0 14px; font-size:11px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--bl-soft); }

/* top: featured left, latest right */
.bl-top { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:36px; align-items:start; }
.bl-feature__img { display:block; aspect-ratio:16/10; overflow:hidden; border-radius:14px; background:#dfe6e3; }
.bl-feature__img img { transition:transform .6s ease; }
.bl-feature:hover .bl-feature__img img { transform:scale(1.03); }
.bl-feature__body { padding-top:22px; }
.bl-feature h2 { margin:0 0 12px; font:500 clamp(30px,3.4vw,44px)/1.12 'Cormorant Garamond',Georgia,serif; color:#0b1b30; }
.bl-feature h2 a:hover, .bl-latest h3 a:hover, .bl-card h3 a:hover { color:var(--bl-sea); }
.bl-feature .bl-excerpt { font-size:17px; }

.bl-latest { padding:26px; border:1px solid var(--bl-line); border-radius:14px; background:#fff; }
.bl-latest__img { display:block; aspect-ratio:3/2; overflow:hidden; border-radius:10px; margin-bottom:18px; background:#dfe6e3; }
.bl-latest h3 { margin:0 0 10px; font:500 27px/1.2 'Cormorant Garamond',Georgia,serif; color:#0b1b30; }

/* recent list */
.bl-recent { margin-top:54px; padding-top:38px; border-top:1px solid var(--bl-line); }
.bl-recent ul { list-style:none; margin:0; padding:0; }
.bl-row { display:grid; grid-template-columns:150px minmax(0,1fr) auto; gap:22px; align-items:center; padding:18px 0; border-bottom:1px solid var(--bl-line); }
.bl-row img { width:150px; height:100px; border-radius:10px; }
.bl-row__text { display:grid; gap:6px; }
.bl-row__text .bl-tag, .bl-row__text .bl-meta { margin:0; }
.bl-row strong { font:500 24px/1.2 'Cormorant Garamond',Georgia,serif; color:#0b1b30; }
.bl-row:hover strong { color:var(--bl-sea); }
.bl-row__arrow { font-size:22px; color:var(--bl-sea); transition:transform .2s; }
.bl-row:hover .bl-row__arrow { transform:translateX(5px); }

/* grid */
.bl-all { margin-top:60px; padding-top:38px; border-top:1px solid var(--bl-line); }
.bl-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px 28px; }
.bl-card__img { display:block; aspect-ratio:3/2; overflow:hidden; border-radius:12px; margin-bottom:16px; background:#dfe6e3; }
.bl-card__img img { transition:transform .5s ease; }
.bl-card:hover .bl-card__img img { transform:scale(1.04); }
.bl-card h3 { margin:0 0 8px; font:500 24px/1.2 'Cormorant Garamond',Georgia,serif; color:#0b1b30; }
.bl-card .bl-excerpt { font-size:15px; margin-bottom:10px; }

/* pagination */
.bl-pager { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:48px; }
.bl-pager > a, .bl-pager > .is-off { padding:12px 20px; border:1px solid var(--bl-line); border-radius:999px; background:#fff; font-size:13px; font-weight:700; }
.bl-pager > a:hover { border-color:var(--bl-sea); color:var(--bl-sea); }
.bl-pager .is-off { opacity:.4; }
.bl-pager__pages { display:flex; gap:6px; }
.bl-pager__pages a { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; font-size:14px; font-weight:700; color:var(--bl-soft); }
.bl-pager__pages a:hover { background:#eaf1ee; }
.bl-pager__pages a.is-current { background:#0b1b30; color:#fff; }

/* contact box */
.bl-cta { margin-top:70px; padding:44px 40px; border-radius:16px; background:linear-gradient(135deg,#0b1b30,#12363c); color:#fff; }
.bl-cta__quote { margin:0 0 22px; max-width:720px; font:500 clamp(22px,2.6vw,30px)/1.4 'Cormorant Garamond',Georgia,serif; }
.bl-cta__link { display:inline-flex; gap:8px; padding:13px 24px; border-radius:999px; background:#6ed5cc; color:#0a3035; font-size:13px; font-weight:800; letter-spacing:.08em; }
.bl-cta__link:hover { background:#fff; }

@media (max-width:980px) {
    .bl-top { grid-template-columns:1fr; gap:30px; }
    .bl-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
    .bl { padding:110px 16px 70px; }
    .bl-grid { grid-template-columns:1fr; }
    .bl-row { grid-template-columns:96px minmax(0,1fr); gap:14px; }
    .bl-row img { width:96px; height:84px; }
    .bl-row strong { font-size:20px; }
    .bl-row__arrow { display:none; }
    .bl-latest { padding:18px; }
    .bl-cta { padding:30px 22px; }
    .bl-pager { flex-wrap:wrap; justify-content:center; }
    .bl-pager__pages { order:-1; width:100%; justify-content:center; }
}

/* Arabic (RTL) */
[dir=rtl] .bl { text-align:right; }
[dir=rtl] .bl-kicker, [dir=rtl] .bl-tag, [dir=rtl] .bl-more, [dir=rtl] .bl-label { letter-spacing:0; }
[dir=rtl] .bl-tag span { margin-right:0; margin-left:10px; }
[dir=rtl] .bl-head h1 em { font-style:normal; }
[dir=rtl] .bl-feature h2, [dir=rtl] .bl-latest h3, [dir=rtl] .bl-card h3, [dir=rtl] .bl-row strong, [dir=rtl] .bl-section, [dir=rtl] .bl-head h1 { font-family:'Noto Sans Arabic','Cairo',sans-serif; line-height:1.35; }
[dir=rtl] .bl-more:hover span, [dir=rtl] .bl-row:hover .bl-row__arrow { transform:translateX(-5px); }