/* Build 32.0 — Services, Cartoon and Newspaper */
.service-widget{position:relative;margin:0 0 22px;padding:18px 14px 20px;border:1px solid #e4e4e4;border-radius:7px;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.045);direction:rtl}
.service-widget__header{position:relative;display:flex;justify-content:center;min-height:50px;margin:-18px 0 16px}.service-widget__header:before{content:"";position:absolute;right:0;left:0;top:25px;height:2px;background:#d81f27}.service-widget__header h2{position:relative;z-index:1;margin:0;padding:7px 20px 8px;border-radius:0 0 11px 11px;background:#d81f27;color:#fff;font-size:18px;text-align:center}
.service-widget__empty{padding:20px 8px;color:#777;text-align:center}
.weather-widget{background:linear-gradient(145deg,#15356a,#2175b5);color:#fff}.weather-widget .service-widget__header:before{background:rgba(255,255,255,.55)}.weather-widget .service-widget__header h2{background:#fff;color:#174b83}
.weather-widget__current{display:flex;align-items:center;justify-content:center;gap:16px;padding:6px 0 13px}.weather-widget__icon{font-size:57px}.weather-widget__main{display:flex;flex-direction:column}.weather-widget__main strong{font-size:43px;line-height:1}.weather-widget__main span{font-size:17px;font-weight:700}.weather-widget__main small{opacity:.85}
.weather-widget__details{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:11px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.weather-widget__details span{text-align:center;font-size:11px}.weather-widget__details b{display:block;margin-top:3px}
.weather-widget__forecast{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.weather-widget__forecast div{padding:9px 4px;border-radius:5px;background:rgba(255,255,255,.12);text-align:center}.weather-widget__forecast span,.weather-widget__forecast small{display:block;font-size:11px}.weather-widget__forecast b{display:block;margin:4px 0;font-size:24px}
.prayer-widget{background:linear-gradient(145deg,#08734d,#0a9a65);color:#fff}.prayer-widget .service-widget__header:before{background:rgba(255,255,255,.5)}.prayer-widget .service-widget__header h2{background:#fff;color:#08734d}
.prayer-widget__intro{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:12px}.prayer-widget__mosque{font-size:44px}.prayer-widget__intro strong,.prayer-widget__intro small{display:block}.prayer-widget__intro small{opacity:.85}
.prayer-widget__times{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.prayer-widget__times div{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:4px;background:rgba(255,255,255,.13)}.prayer-widget__times span{font-size:13px}.prayer-widget__times b{font-size:14px}
.extras-archive-layout,.cartoon-single-page,.newspaper-single-page{width:min(1180px,calc(100% - 28px));margin:24px auto 40px;direction:rtl}.extras-archive-main{min-width:0}
.extras-page-header{margin-bottom:24px;border:1px solid #e7e7e7;border-top:2px solid #d71920;border-radius:5px;background:linear-gradient(135deg,#fff,#fff5f5)}.extras-page-heading{min-height:125px;display:flex;flex-direction:column;justify-content:center;padding:20px 28px;text-align:right}.extras-page-heading h1{margin:5px 0 7px;font-size:39px}.extras-page-heading p{margin:0;color:#666}
.cartoon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cartoon-card{overflow:hidden;border:1px solid #e6e6e6;border-radius:6px;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.06);transition:.22s}.cartoon-card:hover{transform:translateY(-3px)}.cartoon-card a{color:inherit;text-decoration:none}.cartoon-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.cartoon-card div{padding:14px}.cartoon-card span{color:#999;font-size:11px}.cartoon-card h2{margin:5px 0 0;font-size:17px;line-height:1.6}
.cartoon-single__image{margin:0 auto 24px;text-align:center}.cartoon-single__image img{max-width:100%;height:auto;border-radius:7px;box-shadow:0 9px 25px rgba(0,0,0,.12)}.cartoon-single__content{max-width:850px;margin:auto;font-size:18px;line-height:2}.extras-adjacent{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.extras-adjacent a{padding:14px;border:1px solid #e6e6e6;border-radius:5px;color:#222;text-decoration:none}
.newspaper-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.newspaper-card{padding:13px;border:1px solid #e6e6e6;border-radius:6px;background:#fff;text-align:center;box-shadow:0 5px 16px rgba(0,0,0,.06)}.newspaper-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.newspaper-card a{color:inherit;text-decoration:none}.newspaper-card h2{margin:6px 0;font-size:16px}.newspaper-card span{color:#999;font-size:11px}.newspaper-card__download,.newspaper-primary-button,.newspaper-secondary-button{display:inline-flex;margin-top:9px;padding:9px 16px;border-radius:4px;background:#d71920;color:#fff!important;font-weight:700;text-decoration:none}
.newspaper-single__layout{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:28px;align-items:start}.newspaper-single__layout figure{margin:0}.newspaper-single__layout img{width:100%;height:auto;box-shadow:0 8px 24px rgba(0,0,0,.12)}.newspaper-single__content{font-size:18px;line-height:2}.newspaper-secondary-button{margin-right:8px;background:#333}
.cartoon-widget img,.newspaper-widget img{display:block;width:100%;height:auto;border-radius:4px}.cartoon-widget h3,.newspaper-widget h3{margin:10px 0;color:#222;font-size:16px;line-height:1.6}.cartoon-widget a,.newspaper-widget a{color:inherit;text-decoration:none}.cartoon-widget footer,.newspaper-widget footer{text-align:center;margin-top:12px}.cartoon-widget footer a,.newspaper-widget footer a,.newspaper-widget__download{display:inline-flex;padding:8px 15px;border-radius:4px;background:#d71920;color:#fff}
@media(max-width:900px){.cartoon-grid{grid-template-columns:repeat(2,1fr)}.newspaper-grid{grid-template-columns:repeat(2,1fr)}.newspaper-single__layout{grid-template-columns:1fr}}
@media(max-width:560px){.cartoon-grid,.newspaper-grid{grid-template-columns:1fr}.extras-page-heading h1{font-size:30px}.extras-adjacent{grid-template-columns:1fr}}


/* Build 32.1 — Newspaper final polish */
.newspaper-widget{
  padding-left:16px;
  padding-right:16px;
}
.newspaper-widget__cover-link{
  display:block;
  overflow:hidden;
  border:1px solid #ececec;
  border-radius:5px;
  background:#f8f8f8;
}
.newspaper-widget__cover-link img{
  display:block;
  width:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  transition:transform .28s ease;
}
.newspaper-widget__cover-link:hover img{
  transform:scale(1.035);
}
.newspaper-widget__meta{
  margin-top:10px;
  text-align:center;
}
.newspaper-widget__meta span{
  display:block;
  margin-bottom:4px;
  color:#999;
  font-size:11px;
}
.newspaper-widget__meta h3{
  margin:0;
  color:#222;
  font-size:15px;
  line-height:1.6;
}
.newspaper-widget__actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:12px;
}
.newspaper-widget__browse,
.newspaper-widget__download{
  display:flex !important;
  width:100%;
  min-height:38px;
  padding:0 12px !important;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.newspaper-widget__browse{
  border:1px solid #d71920;
  background:#fff;
  color:#d71920 !important;
}
.newspaper-widget__browse:hover{
  background:#fff4f4;
}
.newspaper-widget__download{
  margin:0 !important;
  border:1px solid #d71920;
  background:#d71920 !important;
  color:#fff !important;
}

.newspaper-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.newspaper-card{
  display:flex;
  flex-direction:column;
  padding:14px;
  border:1px solid #e5e5e5;
  border-radius:7px;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  transition:transform .22s ease,box-shadow .22s ease;
}
.newspaper-card:hover{
  transform:translateY(-4px);
  box-shadow:0 11px 26px rgba(0,0,0,.11);
}
.newspaper-card__cover{
  display:block;
  overflow:hidden;
  border:1px solid #ededed;
  border-radius:4px;
  background:#fafafa;
}
.newspaper-card__cover img{
  display:block;
  width:100%;
  aspect-ratio:3/4;
  object-fit:cover;
  transition:transform .28s ease;
}
.newspaper-card:hover .newspaper-card__cover img{
  transform:scale(1.035);
}
.newspaper-card__body{
  padding:12px 3px 10px;
  text-align:center;
}
.newspaper-card__body span{
  display:block;
  color:#999;
  font-size:11px;
}
.newspaper-card__body h2{
  min-height:52px;
  margin:6px 0 0;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:16px;
  line-height:1.65;
}
.newspaper-card__body h2 a{
  color:#222;
  text-decoration:none;
}
.newspaper-card__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:auto;
}
.newspaper-card__browse,
.newspaper-card__download{
  display:flex;
  min-height:38px;
  padding:0 10px;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.newspaper-card__browse{
  border:1px solid #d71920;
  background:#fff;
  color:#d71920;
}
.newspaper-card__download{
  margin:0;
  border:1px solid #d71920;
  background:#d71920;
  color:#fff;
}
.newspaper-card__browse:hover{
  background:#fff4f4;
}
.newspaper-card__download:hover{
  background:#b90f16;
  color:#fff;
}

.newspaper-single__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.newspaper-primary-button,
.newspaper-secondary-button{
  margin:0;
}
@media(max-width:900px){
  .newspaper-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .newspaper-grid{
    grid-template-columns:1fr;
  }
  .newspaper-card__actions{
    grid-template-columns:1fr;
  }
}


/* Build 32.2 — Newspaper archive with sidebar */
.newspaper-archive-layout{
  width:min(1280px,calc(100% - 28px));
  margin:24px auto 40px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 285px;
  gap:26px;
  align-items:start;
  direction:rtl;
}
.newspaper-archive-main{
  min-width:0;
}
.newspaper-archive-layout .newspaper-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.newspaper-archive-layout .newspaper-card{
  min-width:0;
}
.newspaper-archive-sidebar{
  position:relative;
}
.newspaper-archive-sidebar .archive-sidebar-box{
  margin-bottom:18px;
}
@media(max-width:1050px){
  .newspaper-archive-layout{
    grid-template-columns:minmax(0,1fr) 250px;
    gap:20px;
  }
  .newspaper-archive-layout .newspaper-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:850px){
  .newspaper-archive-layout{
    grid-template-columns:1fr;
  }
  .newspaper-archive-sidebar{
    order:2;
  }
}
@media(max-width:560px){
  .newspaper-archive-layout{
    width:min(100% - 18px,1280px);
    margin-top:16px;
  }
  .newspaper-archive-layout .newspaper-grid{
    grid-template-columns:1fr;
  }
}


/* Build 32.3 — Newspaper archive: three covers per row */
.newspaper-archive-layout .newspaper-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px 20px;
  align-items:stretch;
}
.newspaper-archive-layout .newspaper-card{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  padding:12px;
}
.newspaper-archive-layout .newspaper-card__cover{
  display:block;
  overflow:hidden;
  aspect-ratio:3/4;
  border:1px solid #ececec;
  border-radius:4px;
  background:#f7f7f7;
}
.newspaper-archive-layout .newspaper-card__cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.newspaper-archive-layout .newspaper-card__body{
  min-height:80px;
  padding:10px 2px 8px;
}
.newspaper-archive-layout .newspaper-card__body h2{
  min-height:50px;
  margin-top:5px;
  font-size:15px;
  line-height:1.65;
}
.newspaper-archive-layout .newspaper-card__actions{
  margin-top:auto;
}
@media(max-width:1050px){
  .newspaper-archive-layout .newspaper-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .newspaper-archive-layout .newspaper-grid{
    grid-template-columns:1fr;
  }
}