/* Nabbd News homepage layout — append to style.css */
.nabbd-topbar{background:#171717;color:#eee;font-size:13px;padding:6px 0}
.nabbd-topbar .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nabbd-header{background:#fff;border-bottom:1px solid var(--nabbd-border)}
.nabbd-brand{padding:26px 0}
.nabbd-wordmark{font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1.3}
.nabbd-wordmark strong,.nabbd-wordmark span{color:var(--nabbd-red)}
.nabbd-brand p{margin:2px 0;color:#666}
.nabbd-nav{background:#202020;color:white}
.nabbd-nav-inner{display:flex;gap:0;overflow-x:auto;white-space:nowrap}
.nabbd-nav a{display:block;padding:12px 14px;font-weight:700;font-size:14px}
.nabbd-nav a:hover,.nabbd-nav a:focus{background:var(--nabbd-red);color:#fff}
.nabbd-breaking{background:#fff;border-bottom:1px solid #ddd}
.nabbd-breaking .container{display:flex;align-items:center;gap:14px;padding-top:9px;padding-bottom:9px}
.nabbd-breaking strong{background:var(--nabbd-red);color:#fff;padding:2px 12px;flex-shrink:0}
.nabbd-main{padding-top:28px;padding-bottom:44px}
.nabbd-section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--nabbd-red);margin-bottom:18px;gap:16px}
.nabbd-section-title h1,.nabbd-section-title h2{font-size:23px;margin:0 0 8px}
.nabbd-section-title>a{font-weight:700;color:var(--nabbd-red)}
.nabbd-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nabbd-story{background:#fff;border:1px solid var(--nabbd-border);overflow:hidden;min-width:0}
.nabbd-lead{grid-column:span 2;grid-row:span 2}
.nabbd-story-image{display:block;aspect-ratio:16/10;background:#eee;overflow:hidden}
.nabbd-story-image img{display:block;width:100%;height:100%;object-fit:cover}
.nabbd-image-placeholder{display:grid;place-items:center;height:100%;font-size:35px;font-weight:800;color:#aaa}
.nabbd-story-content{padding:15px}
.nabbd-story-content h2,.nabbd-story-content h3{font-size:18px;line-height:1.55;margin:5px 0}
.nabbd-lead .nabbd-story-content h2{font-size:27px}
.nabbd-story-content p{margin:8px 0 0;color:#666}
.nabbd-date{font-size:12px;color:#777}
.nabbd-category-section{margin-top:36px}
.nabbd-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nabbd-empty{background:#fff;border:1px solid #ddd;padding:24px}
.nabbd-footer{background:#1c1c1c;color:#eee;padding:28px 0 14px}
.nabbd-footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.nabbd-footer-inner strong{font-size:22px}
.nabbd-footer-inner p{margin:0;color:#bbb}
.nabbd-footer-inner a{margin-inline-end:14px}
.nabbd-copyright{border-top:1px solid #444;margin-top:20px;padding-top:12px;font-size:13px;color:#bbb}
@media(max-width:800px){.nabbd-news-grid,.nabbd-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nabbd-lead{grid-column:span 2;grid-row:auto}}
@media(max-width:540px){.nabbd-news-grid,.nabbd-category-grid{grid-template-columns:1fr}.nabbd-lead{grid-column:auto}.nabbd-lead .nabbd-story-content h2{font-size:22px}.nabbd-brand{padding:18px 0}.nabbd-section-title h1,.nabbd-section-title h2{font-size:20px}}


/* === ARTICLE PAGE === */

.nabbd-article {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border: 1px solid #e5e5e5;
}

.nabbd-article-header {
    margin-bottom: 25px;
}

.nabbd-article-title {
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.5;
    margin: 15px 0;
}

.nabbd-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    color: #777;
    font-size: 14px;
}

.nabbd-article-image {
    margin: 25px 0;
}

.nabbd-article-image img {
    width: 100%;
    height: auto;
    display: block;
}

.nabbd-article-image figcaption {
    color: #777;
    font-size: 13px;
    padding-top: 8px;
}

.nabbd-article-content {
    font-size: 19px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.nabbd-article-content img {
    max-width: 100%;
    height: auto;
}

.nabbd-article-content p {
    margin-bottom: 22px;
}

.nabbd-article-categories,
.nabbd-article-tags {
    margin: 15px 0;
    color: #b51f2a;
}

.nabbd-article-footer {
    border-top: 1px solid #ddd;
    margin-top: 35px;
    padding-top: 20px;
}

.nabbd-article-navigation {
    margin-top: 25px;
}

.nabbd-pagination {
    margin-top: 30px;
    text-align: center;
}

.nabbd-pagination .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    margin: 4px;
    border: 1px solid #ddd;
    background: #fff;
}

.nabbd-pagination .current {
    background: #b51f2a;
    color: #fff;
    border-color: #b51f2a;
}

@media (max-width: 600px) {
    .nabbd-article {
        padding: 18px;
    }

    .nabbd-article-content {
        font-size: 17px;
    }
}


/* === MOBILE REFINEMENTS V1 === */

.nabbd-nav-inner {
    scrollbar-width: none;
}

.nabbd-nav-inner::-webkit-scrollbar {
    display: none;
}

@media (max-width: 600px) {

    .nabbd-topbar {
        font-size: 11px;
        line-height: 1.6;
    }

    .nabbd-topbar .container {
        gap: 3px;
    }

    .nabbd-brand {
        padding: 14px 0;
    }

    .nabbd-wordmark {
        font-size: 32px;
    }

    .nabbd-brand p {
        font-size: 12px;
    }

    .nabbd-nav a {
        padding: 11px 13px;
        font-size: 13px;
    }

    .nabbd-main {
        padding-top: 20px;
    }

    .nabbd-story-image {
        aspect-ratio: 16 / 9;
    }

    .nabbd-story-content {
        padding: 13px;
    }

    .nabbd-story-content h2,
    .nabbd-story-content h3 {
        font-size: 17px;
    }

    .nabbd-category-section {
        margin-top: 28px;
    }
}

/* NABBD_ARTICLE_REFINEMENT_V1 */
.nabbd-article-page{max-width:1000px;margin-inline:auto}
.nabbd-full-article{max-width:850px;margin-inline:auto;background:#fff;padding:clamp(16px,3vw,38px);border:1px solid #e6e6e6}
.nabbd-article-header{text-align:right;margin-bottom:22px}
.nabbd-article-header h1{font-size:clamp(26px,3vw,38px);line-height:1.55;margin:12px 0;font-weight:800}
.nabbd-article-categories{font-size:15px;color:#b91c2b;font-weight:700}
.nabbd-article-meta{font-size:14px;color:#666;line-height:1.8}
.nabbd-article-cover{margin:22px auto 28px;max-width:760px;text-align:center}
.nabbd-article-cover img,.nabbd-article-cover .nabbd-original-image{display:block;max-width:100%;width:auto;height:auto;max-height:none;margin-inline:auto;object-fit:contain}
.nabbd-article-cover figcaption{font-size:13px;color:#666;padding-top:8px}
.nabbd-article-body{font-size:clamp(18px,1.6vw,20px);line-height:2.05;text-align:right;overflow-wrap:anywhere}
.nabbd-article-body p{margin:0 0 1.25em}
.nabbd-article-body img{max-width:100%;height:auto}
.nabbd-post-navigation{max-width:850px;margin:22px auto}
@media(max-width:600px){.nabbd-full-article{padding:15px}.nabbd-article-header h1{font-size:26px}.nabbd-article-body{font-size:18px}}

/* NABBD_ORIGINAL_MASTHEAD_V1: newspaper original artwork, preserve aspect ratio */
.nabbd-brand .custom-logo-link { display: inline-block; max-width: 100%; line-height: 0; }
.nabbd-brand .custom-logo { display: block; width: min(100%, 980px); max-width: 100%; height: auto; object-fit: contain; }
.nabbd-brand .custom-logo-link + p { margin-top: 8px; }
@media (max-width: 700px) {
  .nabbd-brand .custom-logo { width: 100%; height: auto; }
  .nabbd-header .nabbd-brand { padding-top: 12px; padding-bottom: 12px; }
}

/* NABBD_HEADER_REFINEMENT_V1 */
.nabbd-header .nabbd-brand {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.nabbd-brand .custom-logo-link {
  display: inline-block;
  max-width: 100%;
  line-height: 0;
  vertical-align: middle;
}

.nabbd-brand .custom-logo {
  display: block;
  width: 757px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin-inline: auto;
}

.nabbd-brand .custom-logo-link + p,
.nabbd-brand .custom-logo-link + .site-description {
  display: none;
}

@media (max-width: 700px) {
  .nabbd-header .nabbd-brand {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nabbd-brand .custom-logo {
    width: 100%;
    height: auto;
  }
}
/* NABBD_HOMEPAGE_V2 — additive, scoped to newspaper homepage */
.nabbd-home-v2 { padding-top: 24px; padding-bottom: 48px; }
.nabbd-home-v2 .nabbd-section-title { margin: 0 0 18px; }
.nabbd-home-v2 .nabbd-section-title h1,
.nabbd-home-v2 .nabbd-section-title h2 { margin: 0; }
.nabbd-breaking { display:flex; align-items:flex-start; gap:16px; background:#fff8ec; border:1px solid #e7c99a; border-right:5px solid #b42328; padding:12px 16px; margin-bottom:28px; }
.nabbd-breaking-label { flex:none; color:#a31620; font-weight:800; }
.nabbd-breaking-links { display:flex; flex-wrap:wrap; gap:8px 20px; }
.nabbd-breaking-links a { color:#302b28; font-weight:700; text-decoration:none; }
.nabbd-home-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:start; }
.nabbd-home-card { min-width:0; background:#fff; border:1px solid #e7e3da; overflow:hidden; }
.nabbd-home-lead { grid-column:span 2; grid-row:span 2; }
.nabbd-home-image { display:block; overflow:hidden; background:#f3f1ed; }
.nabbd-home-image img { width:100%; height:165px; object-fit:cover; display:block; }
.nabbd-home-lead .nabbd-home-image img { height:350px; }
.nabbd-home-card-body { padding:14px 16px 18px; }
.nabbd-home-meta { display:flex; flex-wrap:wrap; gap:8px 14px; color:#777; font-size:.82rem; margin-bottom:8px; }
.nabbd-home-meta span { color:#9c262b; font-weight:700; }
.nabbd-home-card h2, .nabbd-home-card h3 { margin:0; line-height:1.6; }
.nabbd-home-card h2 { font-size:1.5rem; }
.nabbd-home-card h3 { font-size:1.05rem; }
.nabbd-home-card h2 a, .nabbd-home-card h3 a { color:#252525; text-decoration:none; }
.nabbd-home-card h2 a:hover, .nabbd-home-card h3 a:hover { color:#a31620; }
.nabbd-home-card p { color:#555; margin:10px 0 0; line-height:1.8; }
.nabbd-home-v2 .nabbd-category-section { margin-top:38px; }
.nabbd-home-section-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.nabbd-home-section-grid .nabbd-home-image img { height:205px; }
@media(max-width:900px) { .nabbd-home-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .nabbd-home-lead { grid-column:span 2; grid-row:auto; } .nabbd-home-section-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .nabbd-home-v2 { padding-top:16px; } .nabbd-home-feature-grid,.nabbd-home-section-grid { grid-template-columns:1fr; } .nabbd-home-lead { grid-column:auto; } .nabbd-home-lead .nabbd-home-image img { height:auto; max-height:300px; } .nabbd-home-image img,.nabbd-home-section-grid .nabbd-home-image img { height:auto; max-height:230px; } .nabbd-home-card h2 { font-size:1.3rem; } .nabbd-breaking { flex-direction:column; gap:6px; } }

/* NABBD_SINGLE_FRAME_FIX_V1 */

/* Keep the article aligned with the newspaper layout */
.nabbd-article-page.container {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    box-sizing: border-box;
}

/* Remove the nested box appearance */
.nabbd-article-page .nabbd-full-article {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: clamp(18px, 3vw, 38px);
    box-sizing: border-box;
    border: 0;
    background: #fff;
    min-width: 0;
}

/* Editorial reading column */
.nabbd-article-page .nabbd-article-header,
.nabbd-article-page .nabbd-article-body,
.nabbd-article-page .nabbd-article-footer {
    max-width: 920px;
    margin-inline: auto;
}

/* Main headline */
.nabbd-article-page .nabbd-article-header h1 {
    font-size: clamp(30px, 3.5vw, 46px);
    line-height: 1.5;
    font-weight: 800;
}

/* Original photographs */
.nabbd-article-page .nabbd-article-cover {
    max-width: 920px;
    margin: 24px auto 32px;
}

.nabbd-article-page .nabbd-article-cover img {
    max-width: 100%;
    height: auto;
}

/* Comfortable Arabic typography */
.nabbd-article-page .nabbd-article-body {
    font-size: clamp(18px, 1.7vw, 21px);
    line-height: 2;
    overflow-wrap: anywhere;
}

.nabbd-article-page .nabbd-post-navigation {
    max-width: 920px;
    margin-inline: auto;
}

@media (max-width: 600px) {
    .nabbd-article-page .nabbd-full-article {
        padding: 16px;
    }

    .nabbd-article-page .nabbd-article-header h1 {
        font-size: 28px;
    }
}

/* NABBD_EDITORIAL_ARTICLE_V3 */

/* Newspaper page alignment */
.nabbd-article-page.container {
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  margin-inline: auto;
  padding-top: 24px;
  padding-bottom: 48px;
}

/* Article is part of the newspaper, not a floating card */
.nabbd-article-page .nabbd-full-article {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 0;
  padding: clamp(18px, 3vw, 36px);
  border: 0;
  border-top: 4px solid #ae1e2b;
  background: #fff;
  box-shadow: none;
}

/* Editorial headline */
.nabbd-article-page .nabbd-article-header {
  max-width: 940px;
  margin: 0 auto 26px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e5e1dc;
  text-align: right;
}

.nabbd-article-page .nabbd-article-categories {
  color: #a51e2b;
  font-size: 15px;
  font-weight: 800;
}

.nabbd-article-page .nabbd-article-header h1 {
  color: #171717;
  font-size: clamp(30px, 3.5vw, 46px);
  font-weight: 800;
  line-height: 1.5;
  margin: 14px 0 18px;
}

.nabbd-article-page .nabbd-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  color: #686868;
  font-size: 14px;
}

/* Original newspaper photography */
.nabbd-article-page .nabbd-article-cover {
  max-width: 940px;
  margin: 0 auto 32px;
  text-align: center;
}

.nabbd-article-page .nabbd-article-cover img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin-inline: auto;
}

.nabbd-article-page .nabbd-article-cover figcaption {
  padding-top: 10px;
  color: #666;
  font-size: 14px;
}

/* Readable Arabic editorial text */
.nabbd-article-page .nabbd-article-body {
  max-width: 820px;
  margin-inline: auto;
  color: #242424;
  font-size: clamp(18px, 1.7vw, 21px);
  line-height: 2.1;
  text-align: right;
  overflow-wrap: anywhere;
}

.nabbd-article-page .nabbd-article-body p {
  margin: 0 0 1.35em;
}

.nabbd-article-page .nabbd-article-body h2,
.nabbd-article-page .nabbd-article-body h3 {
  color: #202020;
  line-height: 1.6;
  margin: 1.5em 0 .65em;
}

.nabbd-article-page .nabbd-article-body blockquote {
  border-right: 4px solid #b42330;
  background: #f8f6f2;
  margin: 28px 0;
  padding: 18px 24px;
  font-size: 1.1em;
  font-weight: 700;
}

/* Footer and article navigation */
.nabbd-article-page .nabbd-article-footer,
.nabbd-article-page .nabbd-post-navigation {
  max-width: 940px;
  margin: 32px auto 0;
}

.nabbd-article-page .nabbd-post-navigation {
  border-top: 1px solid #e5e1dc;
  padding-top: 20px;
}

/* Responsive layout */
@media (max-width: 700px) {
  .nabbd-article-page.container {
    padding-top: 12px;
    padding-bottom: 28px;
  }

  .nabbd-article-page .nabbd-full-article {
    padding: 16px;
  }

  .nabbd-article-page .nabbd-article-header h1 {
    font-size: 29px;
  }

  .nabbd-article-page .nabbd-article-body {
    font-size: 18px;
    line-height: 2;
  }
}

/* NABBD_EDITORIAL_V4 — single-article layout only */
.nabbd-editorial-v4 {max-width:1200px!important; width:100%; box-sizing:border-box; padding-top:32px; padding-bottom:60px;}
.nabbd-editorial-v4 *, .nabbd-editorial-v4 *::before, .nabbd-editorial-v4 *::after {box-sizing:border-box;}
.nabbd-editorial-v4 .nabbd-v4-article {width:100%; margin:0; background:transparent; border:0; box-shadow:none;}
.nabbd-v4-hero {max-width:1000px; margin:0 auto 30px; text-align:center; border-top:4px solid #a51e2b; padding:26px 12px 24px; border-bottom:1px solid #dedbd6;}
.nabbd-v4-kicker {color:#a51e2b; font-weight:800; font-size:15px; margin-bottom:12px;}
.nabbd-v4-kicker a {color:inherit; text-decoration:none;}
.nabbd-v4-hero h1 {font-size:clamp(32px,4vw,54px); line-height:1.42; font-weight:800; color:#171717; max-width:960px; margin:0 auto 16px;}
.nabbd-v4-deck {font-size:clamp(17px,2vw,22px); line-height:1.8; color:#555; max-width:780px; margin:0 auto 18px;}
.nabbd-v4-byline {display:flex; justify-content:center; flex-wrap:wrap; gap:10px; font-size:14px; color:#666;}
.nabbd-v4-byline strong {color:#252525;}
.nabbd-v4-cover {max-width:1000px; margin:0 auto 36px; text-align:center;}
.nabbd-v4-cover img {display:block; width:auto; max-width:100%; height:auto; max-height:none; margin-inline:auto;}
.nabbd-v4-cover figcaption {font-size:13px; color:#666; padding:10px 8px; line-height:1.7;}
.nabbd-v4-columns {display:grid; grid-template-columns:minmax(145px,1fr) minmax(0,720px) minmax(170px,1fr); gap:clamp(18px,2.5vw,34px); align-items:start; direction:rtl;}
.nabbd-v4-author-rail, .nabbd-v4-related {font-size:14px; line-height:1.8; color:#555; min-width:0;}
.nabbd-v4-rail-inner {border-top:2px solid #262626; padding-top:14px;}
.nabbd-v4-rail-label {font-size:12px; color:#8e2832; font-weight:800; margin-bottom:8px;}
.nabbd-v4-author-name {font-size:17px; font-weight:800; color:#222;}
.nabbd-v4-author-rail p {font-size:13px; line-height:1.8;}
.nabbd-v4-share-heading {margin-top:26px;}
.nabbd-v4-share {display:flex; flex-direction:column; align-items:flex-start; gap:8px;}
.nabbd-v4-share a {color:#333; text-decoration:none; border-bottom:1px solid #ddd;}
.nabbd-v4-share a:hover, .nabbd-v4-related a:hover {color:#a51e2b;}
.nabbd-v4-reading {min-width:0;}
.nabbd-v4-body {font-size:clamp(19px,1.7vw,21px); line-height:2.05; color:#242424; overflow-wrap:anywhere; text-align:right;}
.nabbd-v4-body p {margin:0 0 1.35em;}
.nabbd-v4-body h2, .nabbd-v4-body h3 {font-size:1.25em; line-height:1.6; margin:1.65em 0 .7em;}
.nabbd-v4-body img, .nabbd-v4-body video, .nabbd-v4-body iframe {max-width:100%; height:auto;}
.nabbd-v4-body blockquote {border-right:4px solid #a51e2b; margin:26px 0; padding:14px 22px; background:#f7f5f1; font-size:1.07em;}
.nabbd-v4-article-footer {border-top:1px solid #ddd; padding-top:20px; margin-top:32px; font-size:14px;}
.nabbd-v4-return {margin-top:16px;}
.nabbd-v4-related {border-top:2px solid #262626; padding-top:14px;}
.nabbd-v4-related h2 {font-size:17px; margin:0 0 10px; color:#222;}
.nabbd-v4-related-item {padding:14px 0; border-bottom:1px solid #e4e0da;}
.nabbd-v4-related-item a {font-weight:700; color:#222; text-decoration:none; display:block;}
.nabbd-v4-related-item time {display:block; font-size:12px; color:#777; margin-top:5px;}
.nabbd-v4-post-nav {max-width:720px; margin:35px auto 0; padding-top:20px; border-top:1px solid #ddd;}
@media (max-width:960px) {.nabbd-v4-columns {grid-template-columns:minmax(0,1fr) minmax(0,2.8fr);} .nabbd-v4-related {grid-column:2;} }
@media (max-width:650px) {.nabbd-editorial-v4 {padding-top:14px; padding-bottom:30px;} .nabbd-v4-hero {padding:18px 4px 20px;} .nabbd-v4-hero h1 {font-size:30px;} .nabbd-v4-columns {grid-template-columns:minmax(0,1fr); gap:22px;} .nabbd-v4-reading {grid-row:1;} .nabbd-v4-author-rail {grid-row:2;} .nabbd-v4-related {grid-column:1; grid-row:3;} .nabbd-v4-share {flex-direction:row; flex-wrap:wrap; gap:12px;} .nabbd-v4-body {font-size:18px; line-height:2;} }

/* NABBD_RAIAAM_TYPOGRAPHY_V1 */

.nabbd-article-page,
.nabbd-full-article {
    font-family: Arial, Helvetica, sans-serif;
}

.nabbd-full-article .nabbd-article-body,
.nabbd-full-article .nabbd-article-body p,
.nabbd-full-article .nabbd-article-body li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 2;
    font-weight: 400;
}

.nabbd-full-article .nabbd-article-header h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(30px, 3.4vw, 42px);
    font-weight: 700;
    line-height: 1.5;
}

.nabbd-full-article .nabbd-article-body h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.6;
}

.nabbd-full-article .nabbd-article-body blockquote {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;
    line-height: 1.9;
}

.nabbd-full-article .nabbd-article-meta {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

@media (max-width: 767px) {
    .nabbd-full-article .nabbd-article-body,
    .nabbd-full-article .nabbd-article-body p,
    .nabbd-full-article .nabbd-article-body li {
        font-size: 18px;
        line-height: 1.95;
    }
}