/* Cultural Archive Toolkit Pro – EKO Buganda */
:root{--catpro-navy:#0b2442;--catpro-gold:#d39a1e;--catpro-line:#dfe7ef;--catpro-soft:#f6f8fb;--catpro-muted:#526172;--catpro-text:#142033}

.catpro-empty-category-link>a,.catpro-empty-link{opacity:.42!important;cursor:not-allowed!important;pointer-events:none!important;filter:grayscale(.25)}
.catpro-empty-hide{display:none!important}

.catpro-breadcrumbs{max-width:1180px;margin:18px auto 0;padding:0 18px;font-size:13px;color:var(--catpro-muted)}
.catpro-breadcrumbs a{color:var(--catpro-navy);text-decoration:none;font-weight:700}
.catpro-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.catpro-breadcrumbs span{display:inline-block;margin:0 7px;color:#a66f08}

.catpro-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 16%,rgba(211,154,30,.16),rgba(211,154,30,0) 30%),radial-gradient(circle at 8% 86%,rgba(11,36,66,.10),rgba(11,36,66,0) 34%),linear-gradient(135deg,#fff 0%,#f6f8fb 58%,#eaf2f8 100%);border-bottom:1px solid var(--catpro-line);padding:54px 18px 70px;clip-path:polygon(0 0,100% 0,100% 91%,50% 100%,0 91%)}
.catpro-wrap{max-width:1180px;margin:0 auto;padding-left:18px;padding-right:18px}
.catpro-kicker{color:#a66f08;font-size:12px;line-height:1.1;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.catpro-hero h1{margin:0 0 12px;color:var(--catpro-navy);font-family:Georgia,"Times New Roman",serif;line-height:1.08;font-weight:800;letter-spacing:-.035em}
.catpro-desc{max-width:760px;color:var(--catpro-muted);line-height:1.65}

.catpro-grid-wrap{width:100%}
.catpro-grid{display:grid;gap:22px}
.catpro-cols-1{grid-template-columns:1fr}.catpro-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.catpro-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.catpro-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.catpro-card{background:#fff;border:1px solid var(--catpro-line);border-radius:14px;overflow:hidden;box-shadow:0 10px 22px rgba(11,36,66,.06);transition:transform .18s ease,box-shadow .18s ease}
.catpro-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(11,36,66,.10)}
.catpro-thumb{display:block;position:relative;background:#f5f7fa;overflow:hidden}
.catpro-thumb img{display:block;width:100%;height:auto}
.catpro-card-body{padding:17px 18px 19px}
.catpro-card h3{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;line-height:1.15}
.catpro-card h3 a{color:#111;text-decoration:none}
.catpro-card h3 a:hover{color:var(--catpro-navy);text-decoration:underline;text-decoration-color:var(--catpro-gold);text-underline-offset:5px}
.catpro-date{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#a66f08;font-weight:800;margin-bottom:8px}
.catpro-card p{margin:0;color:var(--catpro-muted);line-height:1.58}
.catpro-read{display:inline-flex;gap:8px;margin-top:12px;color:#a66f08;text-decoration:none;font-weight:800;font-size:14px}
.catpro-read:hover{text-decoration:underline;text-underline-offset:3px}

.catpro-layout-lead .catpro-lead-card{grid-column:span 2}
.catpro-layout-lead .catpro-lead-card h3{font-size:clamp(28px,3vw,42px)}
.catpro-layout-bbc{grid-template-columns:1.2fr 1fr 1fr}
.catpro-layout-bbc .catpro-card:first-child{grid-row:span 2}
.catpro-layout-list{display:block;max-width:940px;margin-left:auto;margin-right:auto}
.catpro-layout-list .catpro-card{display:grid;grid-template-columns:260px 1fr;margin-bottom:18px}
.catpro-layout-list .catpro-card.no-image{display:block}
.catpro-layout-overlay .catpro-card-body,.catpro-title-overlay .catpro-card-body{padding:14px 18px 18px}
.catpro-overlay-title{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 16px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:800;line-height:1.14;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.catpro-card.no-image .catpro-card-body{border-top:4px solid var(--catpro-gold)}
.catpro-empty{background:#fff;border:1px solid var(--catpro-line);border-left:4px solid var(--catpro-gold);border-radius:12px;padding:22px;color:var(--catpro-muted);font-weight:700}

.catpro-load-wrap{text-align:center;margin-top:28px}
.catpro-load-more{appearance:none;border:1px solid var(--catpro-gold);background:var(--catpro-gold);color:#111;border-radius:999px;padding:11px 20px;font-weight:800;cursor:pointer}
.catpro-load-more:hover{background:var(--catpro-navy);border-color:var(--catpro-navy);color:#fff}

.catpro-single-content,.catpro-archive-content{padding:44px 0 54px}
.catpro-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px;align-items:start}
.catpro-single.no-sidebar .catpro-single-layout{display:block}
.catpro-article{max-width:900px;margin:0 auto}
.catpro-featured{margin:0 0 28px;border-radius:12px;overflow:hidden;border:1px solid var(--catpro-line)}
.catpro-featured img{display:block;width:100%;height:auto}
.catpro-featured figcaption{padding:10px 14px;color:var(--catpro-muted);background:#f8fafc;font-size:13px}
.catpro-article-content{line-height:1.8}
.catpro-article-content img{max-width:100%;height:auto;border-radius:10px}
.catpro-related{background:#f7f9fc;border:1px solid var(--catpro-line);border-radius:12px;padding:18px;position:sticky;top:90px}
.catpro-related h2{margin:0 0 14px;color:var(--catpro-navy);font-family:Georgia,"Times New Roman",serif;border-bottom:3px solid var(--catpro-gold);padding-bottom:8px}
.catpro-related a{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--catpro-line);color:#111;text-decoration:none;font-weight:700}
.catpro-related a:last-child{border-bottom:0}
.catpro-related img{width:70px;height:auto;border-radius:6px}.catpro-related .no-thumb{width:70px;height:50px;border-radius:6px;background:linear-gradient(135deg,#eef3f7,#fff);border:1px solid var(--catpro-line)}

.catpro-archive-lead{max-width:980px;margin:0 auto 34px;background:#fff;border:1px solid var(--catpro-line);border-left:4px solid var(--catpro-gold);border-radius:12px;overflow:hidden;box-shadow:0 12px 26px rgba(11,36,66,.06)}
.catpro-archive-lead-body{padding:22px 24px}.catpro-archive-lead h2{margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;line-height:1.1}.catpro-archive-lead h2 a{color:#111;text-decoration:none}.catpro-archive-lead p{margin:0;color:var(--catpro-muted);line-height:1.65}
.comments-area,#comments,.comment-respond{display:none!important}

@media(max-width:1024px){.catpro-grid,.catpro-layout-bbc{grid-template-columns:repeat(2,minmax(0,1fr))}.catpro-single-layout{grid-template-columns:1fr}.catpro-related{position:static}}
@media(max-width:767px){.catpro-hero{padding:38px 14px 48px;clip-path:polygon(0 0,100% 0,100% 96%,0 100%)}.catpro-wrap{padding-left:14px;padding-right:14px}.catpro-grid,.catpro-layout-bbc{grid-template-columns:1fr}.catpro-layout-lead .catpro-lead-card{grid-column:auto}.catpro-layout-list .catpro-card{display:block}.catpro-card-body{padding:15px 16px 17px}}


/* ============================================================
   V3 TRUE BBC-STYLE NEWS GRID
   This only affects the post grid/archive cards. It does not
   control article body fonts, TablePress, or opened article images.
============================================================ */

/* Overall grid refinements */
.catpro-grid-wrap{
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}

.catpro-grid{
  align-items:start;
}

.catpro-card{
  border-radius:0;
  border:0;
  box-shadow:none;
  background:#fff;
  overflow:visible;
  transition:none;
}

.catpro-card:hover{
  transform:none;
  box-shadow:none;
}

.catpro-card-body{
  padding:10px 0 0;
}

.catpro-card h3{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:800;
  letter-spacing:-.01em;
}

.catpro-card h3 a{
  color:#111;
}

.catpro-card h3 a:hover{
  color:#8b0000;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.catpro-card p{
  color:#4c4c4c;
  font-size:14px;
  line-height:1.35;
}

.catpro-read{
  color:#b57500;
  font-size:13px;
  margin-top:8px;
}

/* TRUE BBC layout:
   4-column desktop. First story is large, next stories compact.
*/
.catpro-layout-bbc{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px 20px;
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}

.catpro-layout-bbc .catpro-card{
  min-width:0;
  border-bottom:1px solid #e3e3e3;
  padding-bottom:14px;
}

/* Main lead story */
.catpro-layout-bbc .catpro-card:first-child{
  grid-column:span 2;
  grid-row:span 2;
  border-bottom:0;
  padding-bottom:0;
}

.catpro-layout-bbc .catpro-card:first-child .catpro-thumb{
  margin-bottom:10px;
}

.catpro-layout-bbc .catpro-card:first-child .catpro-thumb img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

.catpro-layout-bbc .catpro-card:first-child .catpro-card-body{
  padding-top:0;
}

.catpro-layout-bbc .catpro-card:first-child h3{
  font-size:30px;
  line-height:1.05;
  margin-bottom:8px;
}

.catpro-layout-bbc .catpro-card:first-child p{
  font-size:15px;
  line-height:1.42;
  max-width:92%;
}

.catpro-layout-bbc .catpro-card:first-child .catpro-date{
  margin-top:18px;
}

/* Smaller BBC stories */
.catpro-layout-bbc .catpro-card:not(:first-child) .catpro-thumb{
  margin-bottom:8px;
}

.catpro-layout-bbc .catpro-card:not(:first-child) .catpro-thumb img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

.catpro-layout-bbc .catpro-card:not(:first-child) h3{
  font-size:18px;
  line-height:1.12;
  margin-bottom:7px;
}

.catpro-layout-bbc .catpro-card:not(:first-child) p{
  display:none;
}

/* Metadata like BBC */
.catpro-date{
  font-size:11px;
  color:#a30000;
  text-transform:none;
  letter-spacing:0;
  font-weight:500;
  margin-top:8px;
  margin-bottom:0;
}

/* Hide read more for BBC layout to keep it closer to the reference */
.catpro-layout-bbc .catpro-read{
  display:none;
}

/* BBC layout with no thumbnail still looks intentional */
.catpro-layout-bbc .catpro-card.no-image{
  border-top:3px solid #b80000;
  padding-top:10px;
}

.catpro-layout-bbc .catpro-card.no-image .catpro-card-body{
  border-top:0;
  padding-top:0;
}

/* Lead layout remains elegant, not forced BBC */
.catpro-layout-lead{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.catpro-layout-lead .catpro-lead-card{
  grid-column:span 2;
  grid-row:span 2;
}
.catpro-layout-lead .catpro-card{
  border:1px solid var(--catpro-line);
  border-radius:14px;
  box-shadow:0 10px 22px rgba(11,36,66,.06);
  overflow:hidden;
}
.catpro-layout-lead .catpro-card-body{
  padding:17px 18px 19px;
}

/* Cards layout still premium */
.catpro-layout-cards .catpro-card,
.catpro-layout-overlay .catpro-card{
  border:1px solid var(--catpro-line);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 22px rgba(11,36,66,.06);
}

.catpro-layout-cards .catpro-card-body,
.catpro-layout-overlay .catpro-card-body{
  padding:17px 18px 19px;
}

/* Archive template BBC improvements */
.catpro-archive .catpro-grid.catpro-layout-bbc{
  max-width:1120px;
}

/* Tablet */
@media(max-width:1024px){
  .catpro-layout-bbc{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
  }

  .catpro-layout-bbc .catpro-card:first-child{
    grid-column:span 2;
  }

  .catpro-layout-lead{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .catpro-layout-lead .catpro-lead-card{
    grid-column:span 2;
  }
}

/* Phone: clean news feed */
@media(max-width:767px){
  .catpro-grid-wrap{
    max-width:100%;
  }

  .catpro-layout-bbc{
    grid-template-columns:1fr;
    gap:18px;
  }

  .catpro-layout-bbc .catpro-card,
  .catpro-layout-bbc .catpro-card:first-child{
    grid-column:auto;
    grid-row:auto;
    display:grid;
    grid-template-columns:118px 1fr;
    gap:12px;
    align-items:start;
    border-bottom:1px solid #e3e3e3;
    padding-bottom:14px;
  }

  .catpro-layout-bbc .catpro-card:first-child{
    display:block;
  }

  .catpro-layout-bbc .catpro-card:first-child h3{
    font-size:25px;
  }

  .catpro-layout-bbc .catpro-card:not(:first-child) .catpro-thumb{
    margin:0;
  }

  .catpro-layout-bbc .catpro-card:not(:first-child) .catpro-thumb img{
    aspect-ratio:4/3;
  }

  .catpro-layout-bbc .catpro-card:not(:first-child) .catpro-card-body{
    padding:0;
  }

  .catpro-layout-bbc .catpro-card:not(:first-child) h3{
    font-size:17px;
  }

  .catpro-layout-lead{
    grid-template-columns:1fr;
  }

  .catpro-layout-lead .catpro-lead-card{
    grid-column:auto;
  }
}

/* Small note: if user selects overlay title, keep image-title clean */
.catpro-layout-bbc.catpro-title-overlay .catpro-overlay-title{
  font-size:17px;
  padding:26px 12px 12px;
}

.catpro-layout-bbc .catpro-overlay-title{
  background:linear-gradient(transparent,rgba(0,0,0,.78));
}


/* ============================================================
   V4 LAYOUT STUDIO: real presentation options
   Layouts: magazine, bbc, cards, lead, mosaic, overlay, list, minimal
   Only controls grid thumbnails/cards, not opened article images.
============================================================ */

.catpro-grid-wrap{max-width:1180px;margin-left:auto;margin-right:auto}
.catpro-grid{display:grid;gap:22px;align-items:start}
.catpro-cols-1{grid-template-columns:1fr}.catpro-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.catpro-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.catpro-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Thumb shape controls */
.catpro-ratio-16-9 .catpro-thumb img{aspect-ratio:16/9;object-fit:cover}
.catpro-ratio-4-3 .catpro-thumb img{aspect-ratio:4/3;object-fit:cover}
.catpro-ratio-1-1 .catpro-thumb img{aspect-ratio:1/1;object-fit:cover}
.catpro-ratio-3-2 .catpro-thumb img{aspect-ratio:3/2;object-fit:cover}
.catpro-ratio-auto .catpro-thumb img{height:auto;object-fit:contain}

/* Skins */
.catpro-skin-soft .catpro-card{border-radius:16px;border:1px solid #dfe7ef;box-shadow:0 12px 28px rgba(11,36,66,.08);overflow:hidden}
.catpro-skin-classic .catpro-card{border-radius:12px;border:1px solid #dfe7ef;box-shadow:0 8px 18px rgba(11,36,66,.05);overflow:hidden}
.catpro-skin-plain .catpro-card{border-radius:0;border:0;border-bottom:1px solid #e3e3e3;box-shadow:none;overflow:visible}

/* Equal cards / gallery */
.catpro-layout-cards .catpro-card{background:#fff}
.catpro-layout-cards .catpro-card-body{padding:16px}
.catpro-layout-cards .catpro-card h3{font-size:20px}

/* MAGAZINE HERO: like screenshots with one large card + two side cards + latest row */
.catpro-layout-magazine{
  grid-template-columns:2fr 1.1fr 1.1fr;
  grid-auto-flow:dense;
  gap:18px;
}
.catpro-layout-magazine .catpro-card{position:relative;border:0;border-radius:14px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.12);background:#0b2442}
.catpro-layout-magazine .catpro-card:first-child{grid-column:span 2;grid-row:span 2}
.catpro-layout-magazine .catpro-thumb{height:100%}
.catpro-layout-magazine .catpro-thumb img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.78)}
.catpro-layout-magazine .catpro-card:first-child .catpro-thumb img{aspect-ratio:16/9}
.catpro-layout-magazine .catpro-card-body{
  position:absolute;left:0;right:0;bottom:0;padding:46px 20px 18px;
  background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff
}
.catpro-layout-magazine .catpro-card h3{font-size:20px;line-height:1.1;margin:0 0 7px}
.catpro-layout-magazine .catpro-card:first-child h3{font-size:30px}
.catpro-layout-magazine .catpro-card h3 a,.catpro-layout-magazine .catpro-card p,.catpro-layout-magazine .catpro-read{color:#fff!important}
.catpro-layout-magazine .catpro-card:not(:first-child) p{display:none}
.catpro-layout-magazine .catpro-date{color:#f4c756}

/* BBC GRID: big lead + compact news blocks */
.catpro-layout-bbc{
  grid-template-columns:2fr 1fr 1fr;
  gap:18px 22px;
  align-items:start;
}
.catpro-layout-bbc .catpro-card{border:0;border-radius:0;box-shadow:none;border-bottom:1px solid #e2e2e2;padding-bottom:12px}
.catpro-layout-bbc .catpro-card:first-child{grid-row:span 2}
.catpro-layout-bbc .catpro-card h3{font-size:18px;line-height:1.1;margin:0 0 6px}
.catpro-layout-bbc .catpro-card:first-child h3{font-size:30px;line-height:1.05}
.catpro-layout-bbc .catpro-card p{display:none}
.catpro-layout-bbc .catpro-card:first-child p{display:block}
.catpro-layout-bbc .catpro-card-body{padding:9px 0 0}
.catpro-layout-bbc .catpro-read{display:none}
.catpro-layout-bbc .catpro-date{font-size:12px;color:#a30000;text-transform:none;letter-spacing:0;font-weight:500}

/* Lead + Cards: one large story then neat cards */
.catpro-layout-lead{grid-template-columns:repeat(4,minmax(0,1fr))}
.catpro-layout-lead .catpro-lead-card{grid-column:span 2;grid-row:span 2}
.catpro-layout-lead .catpro-lead-card h3{font-size:34px;line-height:1.05}

/* Mosaic album style */
.catpro-layout-mosaic{
  grid-template-columns:1.2fr 1fr 1fr;
  grid-auto-flow:dense;
}
.catpro-layout-mosaic .catpro-card{position:relative;border:0;border-radius:12px;overflow:hidden;box-shadow:0 12px 26px rgba(0,0,0,.12)}
.catpro-layout-mosaic .catpro-card:nth-child(1){grid-row:span 2}
.catpro-layout-mosaic .catpro-card:nth-child(4){grid-column:span 2}
.catpro-layout-mosaic .catpro-thumb img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;filter:brightness(.72)}
.catpro-layout-mosaic .catpro-card-body{position:absolute;left:0;right:0;bottom:0;padding:46px 16px 15px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff}
.catpro-layout-mosaic .catpro-card h3 a,.catpro-layout-mosaic .catpro-card p,.catpro-layout-mosaic .catpro-read{color:#fff!important}
.catpro-layout-mosaic .catpro-card p{font-size:13px}
.catpro-layout-mosaic .catpro-card:not(:nth-child(1)) p{display:none}

/* Overlay cards all equal */
.catpro-layout-overlay .catpro-card{position:relative;border:0;border-radius:14px;overflow:hidden;box-shadow:0 12px 26px rgba(0,0,0,.12)}
.catpro-layout-overlay .catpro-thumb img{filter:brightness(.72)}
.catpro-layout-overlay .catpro-card-body{position:absolute;left:0;right:0;bottom:0;padding:42px 16px 15px;background:linear-gradient(transparent,rgba(0,0,0,.80));color:#fff}
.catpro-layout-overlay .catpro-card h3 a,.catpro-layout-overlay .catpro-card p,.catpro-layout-overlay .catpro-read{color:#fff!important}

/* List style */
.catpro-layout-list{display:block;max-width:980px;margin-left:auto;margin-right:auto}
.catpro-layout-list .catpro-card{display:grid;grid-template-columns:250px 1fr;gap:0;margin-bottom:18px;border:1px solid #dfe7ef;border-radius:10px;overflow:hidden;box-shadow:none}
.catpro-layout-list .catpro-card.no-image{display:block}
.catpro-layout-list .catpro-card-body{padding:18px}
.catpro-layout-list .catpro-thumb img{height:100%;aspect-ratio:4/3;object-fit:cover}

/* Minimal text blocks */
.catpro-layout-minimal{grid-template-columns:repeat(3,minmax(0,1fr))}
.catpro-layout-minimal .catpro-thumb{display:none}
.catpro-layout-minimal .catpro-card{border:0;border-top:3px solid #d39a1e;border-radius:0;box-shadow:none;background:#fff}
.catpro-layout-minimal .catpro-card-body{padding:14px 0 16px}

/* No image cards */
.catpro-card.no-image .catpro-card-body{border-top:4px solid #d39a1e}
.catpro-layout-magazine .catpro-card.no-image .catpro-card-body,
.catpro-layout-mosaic .catpro-card.no-image .catpro-card-body,
.catpro-layout-overlay .catpro-card.no-image .catpro-card-body{position:relative;background:#0b2442;min-height:160px}

/* Tablet */
@media(max-width:1024px){
  .catpro-layout-magazine,.catpro-layout-bbc,.catpro-layout-mosaic,.catpro-layout-lead{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catpro-layout-magazine .catpro-card:first-child,.catpro-layout-lead .catpro-lead-card{grid-column:span 2}
  .catpro-layout-bbc .catpro-card:first-child{grid-column:span 2}
  .catpro-layout-minimal{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Mobile */
@media(max-width:767px){
  .catpro-layout-magazine,.catpro-layout-bbc,.catpro-layout-mosaic,.catpro-layout-lead,.catpro-layout-minimal{grid-template-columns:1fr}
  .catpro-layout-magazine .catpro-card:first-child,.catpro-layout-bbc .catpro-card:first-child,.catpro-layout-lead .catpro-lead-card,.catpro-layout-mosaic .catpro-card:nth-child(4){grid-column:auto;grid-row:auto}
  .catpro-layout-bbc .catpro-card{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:start}
  .catpro-layout-bbc .catpro-card:first-child{display:block}
  .catpro-layout-bbc .catpro-card:not(:first-child) .catpro-card-body{padding:0}
  .catpro-layout-bbc .catpro-card:not(:first-child) .catpro-thumb img{aspect-ratio:4/3}
  .catpro-layout-bbc .catpro-card:first-child h3,.catpro-layout-magazine .catpro-card:first-child h3,.catpro-layout-lead .catpro-lead-card h3{font-size:25px}
  .catpro-layout-list .catpro-card{display:block}
}


/* ============================================================
   V5 MENU CONTROLS + HISTORICAL NAVIGATION SWEETENERS
============================================================ */

/* Controlled menu styling: excludes logos and any image links */
body .elementskit-navbar-nav > li > a:not(:has(img)),
body .ekit-menu-nav-link:not(:has(img)),
body .elementor-nav-menu a:not(:has(img)),
body .main-navigation a:not(:has(img)){
  border-bottom:3px solid transparent;
  box-shadow:none;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}

body .elementskit-navbar-nav > li > a:not(:has(img)):hover,
body .ekit-menu-nav-link:not(:has(img)):hover,
body .elementor-nav-menu a:not(:has(img)):hover,
body .main-navigation a:not(:has(img)):hover{
  background:var(--catpro-menu-hover-bg, transparent)!important;
  color:var(--catpro-menu-hover-color, #0b2442)!important;
  border-bottom-color:var(--catpro-menu-active-underline, #d39a1e)!important;
}

body .elementskit-navbar-nav > li.current-menu-item > a:not(:has(img)),
body .elementskit-navbar-nav > li.current-menu-ancestor > a:not(:has(img)),
body .elementskit-navbar-nav > li.eko-current-menu-item > a:not(:has(img)),
body .elementor-nav-menu .current-menu-item > a:not(:has(img)),
body .elementor-nav-menu .current-menu-ancestor > a:not(:has(img)),
body .elementor-nav-menu a.eko-current-link:not(:has(img)),
body .main-navigation .current-menu-item > a:not(:has(img)){
  background:var(--catpro-menu-active-bg, transparent)!important;
  color:var(--catpro-menu-active-color, #0b2442)!important;
  border-bottom:3px solid var(--catpro-menu-active-underline, #d39a1e)!important;
  font-weight:var(--catpro-menu-active-weight, 800)!important;
  box-shadow:none!important;
}

/* Absolutely protect site logo/home image links from active/hover styling */
body a:has(img),
body a:has(img):hover,
body a:has(img).eko-current-link,
body a.custom-logo-link,
body a.custom-logo-link:hover,
body .elementor-widget-image a,
body .elementor-widget-image a:hover,
body .elementor-widget-theme-site-logo a,
body .elementor-widget-theme-site-logo a:hover{
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}

/* Better historical sidebar */
.catpro-related{
  background:linear-gradient(180deg,#fbfcfd,#f3f7fa);
  border:1px solid #dbe6ee;
  border-top:4px solid #d39a1e;
  box-shadow:0 10px 25px rgba(11,36,66,.06);
}

.catpro-related h2{
  font-size:21px;
  line-height:1.18;
}

.catpro-related:before{
  content:"Explore more from this section";
  display:block;
  margin-bottom:8px;
  color:#a66f08;
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.catpro-related a{
  grid-template-columns:76px 1fr;
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.2;
}

.catpro-related img,
.catpro-related .no-thumb{
  width:76px;
}

/* Breadcrumbs improved for navigation */
.catpro-breadcrumbs{
  background:#fff;
  border:1px solid #e5edf3;
  border-radius:999px;
  width:max-content;
  max-width:calc(100% - 32px);
  padding:9px 16px;
  box-shadow:0 6px 18px rgba(11,36,66,.04);
  overflow-x:auto;
  white-space:nowrap;
}

/* Article sugar/honey navigation */
.catpro-article-sugar{
  margin-top:42px;
  padding-top:22px;
  border-top:1px solid #dfe7ef;
}

.catpro-back-cat{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border:1px solid #d39a1e;
  border-radius:999px;
  color:#0b2442;
  text-decoration:none;
  font-weight:800;
  background:#fff8e8;
}

.catpro-back-cat:hover{
  background:#d39a1e;
  color:#111;
}

.catpro-prev-next{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:18px;
}

.catpro-prev-next a{
  display:block;
  padding:16px 18px;
  background:#f7f9fc;
  border:1px solid #dfe7ef;
  border-radius:12px;
  color:#0b2442;
  text-decoration:none;
  font-weight:800;
}

.catpro-prev-next a:hover{
  border-color:#d39a1e;
  background:#fffdf7;
}

.catpro-prev-next div:last-child{
  text-align:right;
}

/* Extra sweetness for archives */
.catpro-archive .catpro-read,
.catpro-read{
  position:relative;
}

.catpro-archive .catpro-read span,
.catpro-read span{
  transition:transform .18s ease;
}

.catpro-archive .catpro-read:hover span,
.catpro-read:hover span{
  transform:translateX(3px);
}

/* Mobile */
@media(max-width:767px){
  .catpro-breadcrumbs{
    border-radius:12px;
    width:auto;
    margin-left:14px;
    margin-right:14px;
  }

  .catpro-prev-next{
    grid-template-columns:1fr;
  }

  .catpro-prev-next div:last-child{
    text-align:left;
  }
}


/* ============================================================
   V6 CATEGORY ARCHIVE FIX
   This fixes the actual category page display shown in screenshot:
   - true BBC-style lead + compact stories
   - no uneven left-heavy masonry
   - clean "More from" grid
   - mobile news feed
============================================================ */

.catpro-archive-v6 .catpro-archive-content{
  padding:34px 0 48px;
  background:#fff;
}

.catpro-archive-v6 .catpro-wrap{
  max-width:1120px;
}

/* Main BBC layout */
.catpro-bbc-layout-v6{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:22px 24px;
  align-items:start;
}

.catpro-bbc-layout-v6 article{
  min-width:0;
}

/* Lead */
.catpro-bbc-lead-v6{
  grid-row:span 2;
  border-bottom:1px solid #e3e3e3;
  padding-bottom:16px;
}

.catpro-bbc-thumb-v6{
  display:block;
  overflow:hidden;
  background:#f4f7f9;
}

.catpro-bbc-lead-v6 .catpro-bbc-thumb-v6 img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

.catpro-bbc-lead-v6 .catpro-bbc-body-v6{
  padding-top:12px;
}

.catpro-bbc-lead-v6 h2{
  margin:0 0 9px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:31px;
  line-height:1.06;
  letter-spacing:-.02em;
  font-weight:800;
}

.catpro-bbc-lead-v6 h2 a{
  color:#111;
  text-decoration:none;
}

.catpro-bbc-lead-v6 h2 a:hover{
  color:#8b0000;
  text-decoration:underline;
  text-underline-offset:3px;
}

.catpro-bbc-lead-v6 p{
  margin:0 0 12px;
  color:#4b5560;
  line-height:1.45;
  font-size:15px;
}

/* Small stories */
.catpro-bbc-story-v6{
  border-bottom:1px solid #e3e3e3;
  padding-bottom:13px;
}

.catpro-bbc-story-v6 .catpro-bbc-thumb-v6{
  margin-bottom:8px;
}

.catpro-bbc-story-v6 .catpro-bbc-thumb-v6 img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

.catpro-bbc-story-v6 h3{
  margin:0 0 7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.12;
  letter-spacing:-.01em;
  font-weight:800;
}

.catpro-bbc-story-v6 h3 a{
  color:#111;
  text-decoration:none;
}

.catpro-bbc-story-v6 h3 a:hover{
  color:#8b0000;
  text-decoration:underline;
  text-underline-offset:3px;
}

.catpro-bbc-meta-v6{
  font-size:12px;
  color:#9b1010;
  line-height:1.2;
}

/* fallback/no image still neat */
.catpro-bbc-lead-v6.no-image,
.catpro-bbc-story-v6.no-image{
  border-top:3px solid #d39a1e;
  background:#fff;
  padding-top:12px;
}

/* More grid */
.catpro-more-header-v6{
  margin:40px 0 20px;
  border-top:1px solid #e3e9ef;
  padding-top:24px;
}

.catpro-more-header-v6 h2{
  margin:0;
  color:#0b2442;
  font-size:26px;
  line-height:1.15;
  font-weight:900;
}

.catpro-more-header-v6 h2:after{
  content:"";
  display:block;
  width:48px;
  height:3px;
  margin-top:10px;
  background:#d39a1e;
}

.catpro-more-grid-v6{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}

.catpro-more-card-v6{
  background:#fff;
  border:1px solid #dfe7ef;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 18px rgba(11,36,66,.05);
}

.catpro-more-thumb-v6{
  display:block;
  background:#f4f7f9;
}

.catpro-more-thumb-v6 img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

.catpro-more-body-v6{
  padding:15px 16px 17px;
}

.catpro-more-card-v6 h3{
  margin:0 0 8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  line-height:1.14;
  font-weight:800;
}

.catpro-more-card-v6 h3 a{
  color:#111;
  text-decoration:none;
}

.catpro-more-card-v6 h3 a:hover{
  color:#0b2442;
  text-decoration:underline;
  text-decoration-color:#d39a1e;
  text-underline-offset:4px;
}

.catpro-more-card-v6 p{
  margin:0;
  color:#526172;
  line-height:1.5;
  font-size:14px;
}

.catpro-more-card-v6.no-image .catpro-more-body-v6{
  border-top:4px solid #d39a1e;
}

/* Remove old archive card behaviours inside V6 page */
.catpro-archive-v6 .catpro-grid,
.catpro-archive-v6 .catpro-archive-lead{
  display:initial;
}

/* Tablet */
@media(max-width:1024px){
  .catpro-bbc-layout-v6{
    grid-template-columns:1fr 1fr;
  }

  .catpro-bbc-lead-v6{
    grid-column:span 2;
    grid-row:auto;
  }

  .catpro-more-grid-v6{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:767px){
  .catpro-bbc-layout-v6{
    grid-template-columns:1fr;
    gap:16px;
  }

  .catpro-bbc-lead-v6{
    grid-column:auto;
  }

  .catpro-bbc-story-v6{
    display:grid;
    grid-template-columns:112px 1fr;
    gap:12px;
    align-items:start;
  }

  .catpro-bbc-story-v6 .catpro-bbc-thumb-v6{
    margin:0;
  }

  .catpro-bbc-story-v6 .catpro-bbc-thumb-v6 img{
    aspect-ratio:4/3;
  }

  .catpro-bbc-story-v6 h3{
    font-size:16.5px;
  }

  .catpro-bbc-lead-v6 h2{
    font-size:25px;
  }

  .catpro-more-grid-v6{
    grid-template-columns:1fr;
  }

  .catpro-archive-v6 .catpro-wrap{
    padding-left:14px;
    padding-right:14px;
  }
}


/* ============================================================
   V7 BBC EXACT FLOW
   Lead has description by choice; supporting cards can hide/show
   descriptions. Single post uses breadcrumbs only.
============================================================ */

.catpro-archive-v7 .catpro-archive-content{
  padding:34px 0 48px;
  background:#fff;
}

.catpro-archive-v7 .catpro-wrap{
  max-width:1120px;
}

/* Like BBC: big lead + supporting cards */
.catpro-bbc-layout-v7{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:22px 24px;
  align-items:start;
}

.catpro-bbc-layout-v7 article{
  min-width:0;
}

.catpro-bbc-lead-v7{
  grid-row:span 2;
  padding-bottom:16px;
}

.catpro-bbc-thumb-v7{
  display:block;
  overflow:hidden;
  background:#f4f7f9;
}

.catpro-bbc-lead-v7 .catpro-bbc-thumb-v7 img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

.catpro-bbc-lead-v7 .catpro-bbc-body-v7{
  padding-top:12px;
}

.catpro-bbc-lead-v7 h2{
  margin:0 0 9px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:31px;
  line-height:1.06;
  letter-spacing:-.02em;
  font-weight:800;
}

.catpro-bbc-lead-v7 h2 a{
  color:#111;
  text-decoration:none;
}

.catpro-bbc-lead-v7 h2 a:hover{
  color:#8b0000;
  text-decoration:underline;
  text-underline-offset:3px;
}

.catpro-bbc-lead-v7 p{
  margin:0 0 12px;
  color:#4b5560;
  line-height:1.45;
  font-size:15px;
}

.catpro-bbc-story-v7{
  border-bottom:1px solid #e3e3e3;
  padding-bottom:13px;
}

.catpro-bbc-story-v7 .catpro-bbc-thumb-v7{
  margin-bottom:8px;
}

.catpro-bbc-story-v7 .catpro-bbc-thumb-v7 img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

.catpro-bbc-story-v7 h3{
  margin:0 0 7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.12;
  letter-spacing:-.01em;
  font-weight:800;
}

.catpro-bbc-story-v7 h3 a{
  color:#111;
  text-decoration:none;
}

.catpro-bbc-story-v7 h3 a:hover{
  color:#8b0000;
  text-decoration:underline;
  text-underline-offset:3px;
}

.catpro-bbc-story-v7 p{
  margin:0 0 8px;
  font-size:13.5px;
  color:#4b5560;
  line-height:1.38;
}

.catpro-bbc-meta-v7{
  font-size:12px;
  color:#9b1010;
  line-height:1.2;
}

.catpro-bbc-lead-v7.no-image,
.catpro-bbc-story-v7.no-image{
  border-top:3px solid #d39a1e;
  background:#fff;
  padding-top:12px;
}

/* More section */
.catpro-more-header-v7{
  margin:40px 0 20px;
  border-top:1px solid #e3e9ef;
  padding-top:24px;
}

.catpro-more-header-v7 h2{
  margin:0;
  color:#0b2442;
  font-size:24px;
  line-height:1.15;
  font-weight:900;
}

.catpro-more-header-v7 h2:after{
  content:"";
  display:block;
  width:48px;
  height:3px;
  margin-top:10px;
  background:#d39a1e;
}

.catpro-more-grid-v7{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}

.catpro-more-card-v7{
  background:#fff;
  border:1px solid #dfe7ef;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 8px 18px rgba(11,36,66,.05);
}

.catpro-more-thumb-v7{
  display:block;
  background:#f4f7f9;
}

.catpro-more-thumb-v7 img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

.catpro-more-body-v7{
  padding:14px 15px 16px;
}

.catpro-more-card-v7 h3{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.15;
  font-weight:800;
}

.catpro-more-card-v7 h3 a{
  color:#111;
  text-decoration:none;
}

.catpro-more-card-v7 h3 a:hover{
  color:#0b2442;
  text-decoration:underline;
  text-decoration-color:#d39a1e;
  text-underline-offset:4px;
}

/* Sidebar less wordy, more premium */
.catpro-related h2{
  font-size:19px!important;
}
.catpro-related:before{
  content:"Same section";
}

/* Remove older sugar styles if browser cached parts */
.catpro-article-sugar{
  display:none!important;
}

/* Section title for shortcode widgets */
.catpro-grid-section-title{
  margin:0 0 18px;
}

.catpro-grid-section-title h2{
  margin:0;
  color:#0b2442;
  font-size:24px;
  line-height:1.15;
  font-weight:900;
}

.catpro-grid-section-title h2:after{
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin-top:9px;
  background:#d39a1e;
}

/* Tablet */
@media(max-width:1024px){
  .catpro-bbc-layout-v7{
    grid-template-columns:1fr 1fr;
  }

  .catpro-bbc-lead-v7{
    grid-column:span 2;
    grid-row:auto;
  }

  .catpro-more-grid-v7{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:767px){
  .catpro-bbc-layout-v7{
    grid-template-columns:1fr;
    gap:16px;
  }

  .catpro-bbc-lead-v7{
    grid-column:auto;
  }

  .catpro-bbc-story-v7{
    display:grid;
    grid-template-columns:112px 1fr;
    gap:12px;
    align-items:start;
  }

  .catpro-bbc-story-v7 .catpro-bbc-thumb-v7{
    margin:0;
  }

  .catpro-bbc-story-v7 .catpro-bbc-thumb-v7 img{
    aspect-ratio:4/3;
  }

  .catpro-bbc-story-v7 h3{
    font-size:16.5px;
  }

  .catpro-bbc-lead-v7 h2{
    font-size:25px;
  }

  .catpro-more-grid-v7{
    grid-template-columns:1fr;
  }

  .catpro-archive-v7 .catpro-wrap{
    padding-left:14px;
    padding-right:14px;
  }
}


/* ============================================================
   V8 EXTRA CONTROLS
   More-section layout options + clean date/excerpt controls.
============================================================ */

.catpro-more-body-v7 p{
  margin:8px 0 0;
  color:#526172;
  font-size:13.5px;
  line-height:1.45;
}

.catpro-more-body-v7 .catpro-bbc-meta-v7{
  margin-top:8px;
}

/* More layout: BBC compact */
.catpro-more-grid-v7.catpro-more-layout-bbc{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.catpro-more-grid-v7.catpro-more-layout-bbc .catpro-more-card-v7{
  border:0;
  border-bottom:1px solid #e3e3e3;
  border-radius:0;
  box-shadow:none;
}

.catpro-more-grid-v7.catpro-more-layout-bbc .catpro-more-body-v7{
  padding:10px 0 12px;
}

/* More layout: list */
.catpro-more-grid-v7.catpro-more-layout-list{
  display:block;
  max-width:920px;
}

.catpro-more-grid-v7.catpro-more-layout-list .catpro-more-card-v7{
  display:grid;
  grid-template-columns:220px 1fr;
  margin-bottom:16px;
  box-shadow:none;
}

.catpro-more-grid-v7.catpro-more-layout-list .catpro-more-card-v7.no-image{
  display:block;
}

/* More layout: overlay */
.catpro-more-grid-v7.catpro-more-layout-overlay .catpro-more-card-v7{
  position:relative;
  border:0;
  box-shadow:0 12px 26px rgba(0,0,0,.12);
}

.catpro-more-grid-v7.catpro-more-layout-overlay .catpro-more-thumb-v7 img{
  filter:brightness(.68);
}

.catpro-more-grid-v7.catpro-more-layout-overlay .catpro-more-body-v7{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:42px 15px 15px;
  background:linear-gradient(transparent,rgba(0,0,0,.82));
}

.catpro-more-grid-v7.catpro-more-layout-overlay .catpro-more-body-v7 h3 a,
.catpro-more-grid-v7.catpro-more-layout-overlay .catpro-more-body-v7 p,
.catpro-more-grid-v7.catpro-more-layout-overlay .catpro-bbc-meta-v7{
  color:#fff!important;
}

/* More layout: minimal */
.catpro-more-grid-v7.catpro-more-layout-minimal .catpro-more-thumb-v7{
  display:none;
}

.catpro-more-grid-v7.catpro-more-layout-minimal .catpro-more-card-v7{
  border:0;
  border-top:3px solid #d39a1e;
  border-radius:0;
  box-shadow:none;
}

.catpro-more-grid-v7.catpro-more-layout-minimal .catpro-more-body-v7{
  padding:14px 0 16px;
}

/* Mobile */
@media(max-width:767px){
  .catpro-more-grid-v7.catpro-more-layout-bbc,
  .catpro-more-grid-v7.catpro-more-layout-list{
    display:grid;
    grid-template-columns:1fr;
  }

  .catpro-more-grid-v7.catpro-more-layout-list .catpro-more-card-v7{
    display:block;
  }
}



/* =====================================================
   V10 PROFESSIONAL WIDGET LAYOUTS — EKO BUGANDA
   Scoped to plugin/widget only. Does NOT style or replace the site logo.
===================================================== */
.catpro-eko-grid-wrap{
  --catpro-primary:#173455;
  --catpro-accent:#d7ad35;
  --catpro-grid-bg:#ffffff;
  --catpro-card-bg:#ffffff;
  --catpro-text:#173455;
  --catpro-muted:#4d5f73;
  --catpro-hover-bg:#fbfdff;
  --catpro-border:#c8dce8;
  --catpro-radius:10px;
  --catpro-gap:22px;
  --catpro-lead-img-h:340px;
  --catpro-card-img-h:200px;
  background:var(--catpro-grid-bg);
}
.catpro-eko-grid-wrap *{box-sizing:border-box}
.catpro-eko-grid{
  display:grid!important;
  gap:var(--catpro-gap)!important;
  align-items:stretch!important;
}
.catpro-eko-card{
  background:var(--catpro-card-bg)!important;
  border:1px solid var(--catpro-border)!important;
  border-radius:var(--catpro-radius)!important;
  overflow:hidden!important;
  box-shadow:0 12px 30px rgba(23,52,85,.08)!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.catpro-eko-card:hover{
  transform:translateY(-4px)!important;
  background:var(--catpro-hover-bg)!important;
  border-color:var(--catpro-accent)!important;
  box-shadow:0 18px 40px rgba(23,52,85,.14)!important;
}
.catpro-thumb{
  display:block!important;
  overflow:hidden!important;
  background:#eef4f8!important;
}
.catpro-thumb img{
  width:100%!important;
  height:var(--catpro-card-img-h)!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center;
}
.catpro-lead-card .catpro-thumb img{
  height:var(--catpro-lead-img-h)!important;
}
.catpro-card-ratio-16-9 .catpro-thumb img{aspect-ratio:16/9!important}
.catpro-card-ratio-4-3 .catpro-thumb img{aspect-ratio:4/3!important}
.catpro-card-ratio-3-2 .catpro-thumb img{aspect-ratio:3/2!important}
.catpro-card-ratio-1-1 .catpro-thumb img{aspect-ratio:1/1!important}
.catpro-card-ratio-auto .catpro-thumb img{height:auto!important;aspect-ratio:auto!important}
.catpro-card-body{
  padding:18px 20px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
}
.catpro-card-body h3{
  margin:0 0 10px!important;
  color:var(--catpro-text)!important;
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
.catpro-card-body h3 a{
  color:var(--catpro-text)!important;
  text-decoration:none!important;
}
.catpro-card-body p{
  color:var(--catpro-muted)!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0 0 18px!important;
}
.catpro-date{
  color:var(--catpro-muted)!important;
  font-size:13px!important;
  margin:0 0 8px!important;
  font-weight:600!important;
}
.catpro-read{
  margin-top:auto!important;
  display:inline-flex!important;
  width:max-content!important;
  align-items:center!important;
  gap:8px!important;
  color:var(--catpro-primary)!important;
  font-weight:800!important;
  text-decoration:none!important;
  border-bottom:3px solid var(--catpro-accent)!important;
  padding-bottom:6px!important;
}

/* Layout: BBC Balanced - best for category pages */
.catpro-layout-bbc-balanced{
  grid-template-columns:minmax(0,1.35fr) minmax(0,.82fr) minmax(0,.82fr)!important;
}
.catpro-layout-bbc-balanced .catpro-lead-card{
  grid-row:span 2!important;
}
.catpro-layout-bbc-balanced .catpro-lead-card .catpro-card-body h3{
  font-size:23px!important;
}

/* Layout: Classic News */
.catpro-layout-classic-news{
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;
}
.catpro-layout-classic-news .catpro-lead-card{
  grid-row:span 2!important;
}
.catpro-layout-classic-news .catpro-eko-card:not(.catpro-lead-card){
  display:grid!important;
  grid-template-columns:42% 1fr!important;
}
.catpro-layout-classic-news .catpro-eko-card:not(.catpro-lead-card) .catpro-thumb img{
  height:100%!important;
  min-height:170px!important;
}

/* Layout: Editorial Magazine */
.catpro-layout-editorial{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.catpro-layout-editorial .catpro-lead-card{
  grid-column:span 2!important;
  grid-row:span 2!important;
}
.catpro-layout-editorial .catpro-card-body h3{
  font-family:Georgia,'Times New Roman',serif!important;
}

/* Layout: Feature Top */
.catpro-layout-feature-top{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.catpro-layout-feature-top .catpro-lead-card{
  grid-column:1 / -1!important;
}
.catpro-layout-feature-top .catpro-lead-card{
  display:grid!important;
  grid-template-columns:1.25fr 1fr!important;
}
.catpro-layout-feature-top .catpro-lead-card .catpro-thumb img{
  height:100%!important;
  min-height:360px!important;
}

/* Layout: Image Left List */
.catpro-layout-side-list{
  grid-template-columns:1fr!important;
}
.catpro-layout-side-list .catpro-eko-card{
  display:grid!important;
  grid-template-columns:34% 1fr!important;
}
.catpro-layout-side-list .catpro-thumb img{
  height:100%!important;
  min-height:210px!important;
}

/* Improve existing layouts */
.catpro-layout-lead{
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr)!important;
}
.catpro-layout-lead .catpro-lead-card{
  grid-row:span 2!important;
}
.catpro-layout-cards.catpro-cols-1{grid-template-columns:1fr!important}
.catpro-layout-cards.catpro-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.catpro-layout-cards.catpro-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.catpro-layout-cards.catpro-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.catpro-layout-list,.catpro-layout-minimal{grid-template-columns:1fr!important}

/* Overlay title */
.catpro-title-overlay .catpro-thumb{position:relative}
.catpro-title-overlay .catpro-overlay-title,
.catpro-layout-overlay .catpro-overlay-title{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:20px!important;
  line-height:1.25!important;
  text-shadow:0 3px 15px rgba(0,0,0,.6)!important;
}

/* Mobile/tablet */
@media(max-width:900px){
  .catpro-eko-grid,
  .catpro-layout-bbc-balanced,
  .catpro-layout-classic-news,
  .catpro-layout-editorial,
  .catpro-layout-feature-top,
  .catpro-layout-side-list,
  .catpro-layout-lead{
    grid-template-columns:1fr!important;
  }
  .catpro-eko-card,
  .catpro-layout-classic-news .catpro-eko-card:not(.catpro-lead-card),
  .catpro-layout-feature-top .catpro-lead-card,
  .catpro-layout-side-list .catpro-eko-card{
    display:flex!important;
    flex-direction:column!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .catpro-thumb img,
  .catpro-lead-card .catpro-thumb img,
  .catpro-layout-classic-news .catpro-eko-card:not(.catpro-lead-card) .catpro-thumb img,
  .catpro-layout-feature-top .catpro-lead-card .catpro-thumb img,
  .catpro-layout-side-list .catpro-thumb img{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }
  .catpro-card-body{
    padding:16px!important;
  }
  .catpro-card-body h3{
    font-size:18px!important;
  }
}



/* =====================================================
   V16 NEWSROOM POLISH — SCOPED TO THIS WIDGET ONLY
   No global table, menu, header, logo, footer, or article CSS.
===================================================== */
.catpro-v16-grid{
  padding-top:var(--catpro-top-space,0px)!important;
  padding-bottom:var(--catpro-bottom-space,38px)!important;
}
.catpro-v16-grid.catpro-cultural-subtle:before,
.catpro-v16-grid.catpro-cultural-pattern:before{
  content:"";
  display:block;
  width:74px;
  height:3px;
  background:var(--catpro-accent,#d7ad35);
  margin:0 0 18px;
}
.catpro-v16-grid.catpro-cultural-pattern{
  background:
    radial-gradient(circle at 8% 8%, rgba(215,173,53,.08) 0 70px, transparent 72px),
    radial-gradient(circle at 96% 14%, rgba(214,238,247,.36) 0 110px, transparent 112px),
    var(--catpro-grid-bg,#fff)!important;
}
.catpro-v16-grid.catpro-equal-no .catpro-eko-grid{align-items:start!important}
.catpro-v16-grid.catpro-equal-no .catpro-eko-card{height:auto!important}
.catpro-v16-grid.catpro-compact-other-yes .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card),
.catpro-v16-grid.catpro-compact-other-yes .catpro-layout-classic-news .catpro-eko-card:not(.catpro-lead-card){
  align-self:start!important;
  height:auto!important;
}
.catpro-v16-grid.catpro-compact-other-yes .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card) .catpro-card-body{
  flex:0 0 auto!important;
  padding:16px 18px 18px!important;
}
.catpro-v16-grid.catpro-compact-other-yes .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card) .catpro-card-body h3{
  margin-bottom:0!important;
}
.catpro-v16-grid .catpro-thumb img{
  transition:transform .45s ease, filter .45s ease!important;
}
.catpro-v16-grid.catpro-hover-none .catpro-eko-card:hover{
  transform:none!important;
  box-shadow:0 12px 30px rgba(23,52,85,.08)!important;
  border-color:var(--catpro-border,#c8dce8)!important;
}
.catpro-v16-grid.catpro-hover-lift .catpro-thumb img,
.catpro-v16-grid.catpro-hover-underline .catpro-thumb img{transform:none!important}
.catpro-v16-grid.catpro-hover-zoom .catpro-eko-card:hover{transform:none!important}
.catpro-v16-grid.catpro-hover-zoom .catpro-eko-card:hover .catpro-thumb img,
.catpro-v16-grid.catpro-hover-premium .catpro-eko-card:hover .catpro-thumb img{
  transform:scale(1.045)!important;
}
.catpro-v16-grid.catpro-hover-underline .catpro-card-body h3 a,
.catpro-v16-grid.catpro-hover-premium .catpro-card-body h3 a{
  background-image:linear-gradient(var(--catpro-accent,#d7ad35),var(--catpro-accent,#d7ad35));
  background-size:0 3px;
  background-repeat:no-repeat;
  background-position:0 100%;
  padding-bottom:4px;
  transition:background-size .25s ease,color .25s ease!important;
}
.catpro-v16-grid.catpro-hover-underline .catpro-eko-card:hover .catpro-card-body h3 a,
.catpro-v16-grid.catpro-hover-premium .catpro-eko-card:hover .catpro-card-body h3 a{
  background-size:100% 3px;
}
.catpro-reading-time{
  color:var(--catpro-muted,#4d5f73)!important;
  font-size:12px!important;
  line-height:1.25!important;
  margin:0 0 10px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
.catpro-reading-time:before{
  content:"◷";
  color:var(--catpro-accent,#d7ad35);
  margin-right:6px;
}
.catpro-quality-warning{
  position:absolute!important;
  left:10px!important;
  top:10px!important;
  z-index:4!important;
  background:rgba(180,0,0,.86)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:5px 9px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
}
.catpro-low-image .catpro-thumb img{
  filter:saturate(.9) contrast(.96)!important;
}
/* Cleaner information-site default for BBC balanced */
.catpro-v16-grid .catpro-layout-bbc-balanced .catpro-eko-card{
  box-shadow:none!important;
  border-radius:4px!important;
}
.catpro-v16-grid .catpro-layout-bbc-balanced .catpro-eko-card:hover{
  box-shadow:0 14px 32px rgba(23,52,85,.12)!important;
}
.catpro-v16-grid .catpro-layout-bbc-balanced .catpro-lead-card .catpro-card-body h3{
  font-size:22px!important;
  line-height:1.25!important;
}
.catpro-v16-grid .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card) .catpro-card-body h3{
  font-size:20px!important;
  line-height:1.25!important;
}
@media(max-width:900px){
  .catpro-v16-grid{
    padding-bottom:28px!important;
  }
  .catpro-v16-grid.catpro-cultural-subtle:before,
  .catpro-v16-grid.catpro-cultural-pattern:before{
    margin-left:auto;
    margin-right:auto;
  }
  .catpro-v16-grid.catpro-compact-other-yes .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card) .catpro-card-body{
    padding:15px 16px 17px!important;
  }
}


/* =====================================================
   V17 FINAL GRID FIX — SCOPED TO THIS WIDGET ONLY
===================================================== */
.catpro-v17-grid.catpro-eko-safe-scope{
  width:100%!important;
  max-width:var(--catpro-max-width,1180px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--catpro-outer-pad,24px)!important;
  padding-right:var(--catpro-outer-pad,24px)!important;
  padding-top:var(--catpro-top-space,0px)!important;
  padding-bottom:var(--catpro-bottom-space,38px)!important;
  box-sizing:border-box!important;
}
.catpro-v17-grid .catpro-eko-grid{width:100%!important;gap:var(--catpro-gap,22px)!important;box-sizing:border-box!important}
.catpro-v17-grid .catpro-layout-bbc-balanced{grid-template-columns:minmax(0,1.28fr) minmax(0,.86fr) minmax(0,.86fr)!important;align-items:start!important}
.catpro-v17-grid .catpro-layout-bbc-balanced .catpro-eko-card{border:1px solid var(--catpro-border,#c8dce8)!important;border-radius:4px!important;background:var(--catpro-card-bg,#fff)!important;box-shadow:none!important;overflow:hidden!important}
.catpro-v17-grid .catpro-layout-bbc-balanced .catpro-eko-card:hover{border-color:rgba(215,173,53,.75)!important;box-shadow:0 12px 26px rgba(23,52,85,.10)!important}
.catpro-v17-grid .catpro-thumb{background:#eef4f8!important;overflow:hidden!important}
.catpro-v17-grid .catpro-thumb img{width:100%!important;height:var(--catpro-card-img-h,200px)!important;min-height:0!important;display:block!important;object-fit:cover!important;object-position:center center}
.catpro-v17-grid .catpro-lead-card .catpro-thumb img{height:var(--catpro-lead-img-h,340px)!important}
.catpro-v17-grid.catpro-compact-other-yes .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card){align-self:start!important;height:auto!important;min-height:0!important}
.catpro-v17-grid.catpro-compact-other-yes .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card) .catpro-card-body{padding:15px 17px 16px!important;min-height:var(--catpro-small-body-min-h,0px)!important;flex:0 0 auto!important}
.catpro-v17-grid .catpro-layout-bbc-balanced .catpro-lead-card .catpro-card-body{min-height:var(--catpro-lead-body-min-h,0px)!important;padding:18px 20px 20px!important}
.catpro-v17-grid.catpro-compact-other-yes .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card) .catpro-card-body h3{margin:0!important;font-size:20px!important;line-height:1.24!important}
.catpro-v17-grid .catpro-layout-bbc-balanced .catpro-lead-card .catpro-card-body h3{font-size:22px!important;line-height:1.25!important}
.catpro-v17-grid.catpro-compact-other-yes .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card) .catpro-read,
.catpro-v17-grid.catpro-compact-other-yes .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card) p{display:none!important}
.catpro-v17-grid.catpro-hover-premium .catpro-eko-card:hover{transform:translateY(-2px)!important}
.catpro-v17-grid.catpro-hover-premium .catpro-eko-card:hover .catpro-thumb img,
.catpro-v17-grid.catpro-hover-zoom .catpro-eko-card:hover .catpro-thumb img{transform:scale(1.035)!important}
.catpro-v17-grid.catpro-cultural-subtle:before,.catpro-v17-grid.catpro-cultural-pattern:before{margin-left:0!important}
@media(max-width:1024px){.catpro-v17-grid.catpro-eko-safe-scope{padding-left:var(--catpro-outer-pad-tablet,18px)!important;padding-right:var(--catpro-outer-pad-tablet,18px)!important}}
@media(max-width:900px){
  .catpro-v17-grid.catpro-eko-safe-scope{padding-left:var(--catpro-outer-pad-mobile,14px)!important;padding-right:var(--catpro-outer-pad-mobile,14px)!important;padding-bottom:30px!important}
  .catpro-v17-grid .catpro-layout-bbc-balanced{grid-template-columns:1fr!important}
  .catpro-v17-grid .catpro-layout-bbc-balanced .catpro-eko-card{width:100%!important}
  .catpro-v17-grid .catpro-thumb img,.catpro-v17-grid .catpro-lead-card .catpro-thumb img{height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}
  .catpro-v17-grid .catpro-card-body,.catpro-v17-grid .catpro-layout-bbc-balanced .catpro-lead-card .catpro-card-body,.catpro-v17-grid.catpro-compact-other-yes .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card) .catpro-card-body{padding:15px 16px 17px!important}
  .catpro-v17-grid .catpro-layout-bbc-balanced .catpro-card-body h3,.catpro-v17-grid .catpro-layout-bbc-balanced .catpro-lead-card .catpro-card-body h3,.catpro-v17-grid.catpro-compact-other-yes .catpro-layout-bbc-balanced .catpro-eko-card:not(.catpro-lead-card) .catpro-card-body h3{font-size:18px!important;line-height:1.25!important}
  .catpro-v17-grid.catpro-cultural-subtle:before,.catpro-v17-grid.catpro-cultural-pattern:before{margin-left:auto!important;margin-right:auto!important}
}