/*
 * أقوال وأبيات — واجهة متوافقة مع هوية الموقع الرئيسية.
 * جميع القواعد محصورة داخل صفحة الأرشيف ولا تؤثر على بقية القالب.
 */
.alr-quotes-page{
  --q-card:var(--panel,#fff);
  --q-panel2:var(--panel2,#fbfcff);
  --q-ink:var(--text,#0b1b2b);
  --q-soft:var(--muted,rgba(11,27,43,.68));
  --q-line:var(--line,rgba(11,27,43,.10));
  --q-blue:var(--blue,#1d4ed8);
  --q-red:var(--red,#dc2626);
  color:var(--q-ink);
  font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}

/* تثبيت عرض الصفحة ومنع أي ستايلات خارجية (main/aside) من إزاحة المحتوى. */
body.post-type-archive-alr_quote #alrashdiApp.alr-quotes-page{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}
.alr-quotes-page main.alr-page,
.alr-quotes-page .alr-quotes-hero,
.alr-quotes-page .alr-quotes-body{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  float:none !important;
  clear:both;
  display:block;
  text-align:center;
}
.alr-quotes-page .alr-quotes-wrap{
  width:min(1180px, calc(100% - 40px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  float:none !important;
  clear:both;
  position:relative;
  box-sizing:border-box;
}

/* العنوان يستفيد من خلفية الـ Hero الأصلية للقالب ويُوسّط بصرياً. */
.alr-quotes-hero{
  border-bottom:1px solid var(--q-line);
}
.alr-quotes-hero .alr-quotes-wrap{
  padding-block:42px 30px;
  text-align:center;
}
.alr-quotes-kicker{
  display:block;
  margin:0 0 6px;
  color:var(--q-blue);
  font-size:12px;
  font-weight:700;
}
.alr-quotes-hero h1{
  margin:0;
  color:var(--q-ink);
  font-size:clamp(32px,3.4vw,44px);
  line-height:1.3;
  font-weight:800;
}
.alr-quotes-hero p{
  max-width:720px;
  margin:10px auto 0;
  color:var(--q-soft);
  font-size:15px;
  line-height:1.95;
}

.alr-quotes-body{
  padding:34px 0 72px;
}

/* التنويه: صندوق مركزي هادئ من نفس ألوان الموقع. */
.alr-quotes-intro{
  display:block !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 auto 34px !important;
  padding:22px 28px;
  border:1px solid var(--q-line);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 24px rgba(11,27,43,.05);
  text-align:center;
}
.alr-quotes-intro h2{
  margin:0 0 8px;
  color:var(--q-blue);
  font-size:18px;
  line-height:1.6;
  font-weight:800;
}
.alr-quotes-intro p{
  max-width:72ch;
  margin:0 auto;
  color:var(--q-soft);
  font-size:15px;
  line-height:2;
}
.alr-quotes-intro strong{
  color:var(--q-ink);
  font-weight:700;
}


/* ضبط مركزي متسق بين التنويه والشبكة والنصوص. */
.alr-quotes-intro,
.alr-quotes-grid,
.alr-quote-card__body,
.alr-quote-card__foot,
.alr-quote-story{
  text-align:center;
}
.alr-quotes-grid{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  float:none !important;
  clear:both;
}

.alr-quotes-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}

.alr-quote-card{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--q-card);
  border:1px solid var(--q-line);
  border-radius:16px;
  box-shadow:0 2px 8px rgba(11,27,43,.045);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.alr-quote-card::before{
  content:'';
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:3px;
  background:var(--q-blue);
  opacity:.88;
  z-index:2;
}
.alr-quote-card:hover{
  border-color:rgba(29,78,216,.24);
  box-shadow:0 10px 28px rgba(11,27,43,.08);
}

.alr-quote-card__body{
  min-height:210px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:28px 24px 24px;
}
.alr-quote-card__verse{
  margin:0;
  color:var(--q-ink);
  font-family:'Amiri','Traditional Arabic',serif;
  font-size:20px;
  font-weight:700;
  line-height:1.85;
  text-align:center;
}
.alr-quote-card__line{
  display:block;
  overflow-wrap:normal;
  word-break:normal;
}
.alr-quote-card__sep{
  display:block;
  width:52px;
  height:1px;
  margin:12px auto;
  background:rgba(11,27,43,.14);
}
.alr-quote-card__author{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:20px 0 0;
  color:var(--q-soft);
  font-size:13.5px;
  font-weight:500;
  line-height:1.7;
  text-align:center;
}
.alr-quote-card__author::before,
.alr-quote-card__author::after{
  content:'';
  width:26px;
  height:1px;
  background:var(--q-line);
  flex:none;
}
.alr-quote-card__meta{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:5px 10px;
  margin-top:9px;
  color:var(--q-soft);
  opacity:.78;
  font-size:11.5px;
  line-height:1.6;
}
.alr-quote-card__meta span+span::before{
  content:'•';
  margin-inline-end:8px;
  color:rgba(11,27,43,.32);
}

.alr-quote-card__foot{
  margin-top:auto;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:11px 20px;
  border-top:1px solid var(--q-line);
  background:rgba(246,248,252,.42);
}
.alr-quote-card__foot.is-empty{
  visibility:hidden;
}
.alr-quote-story-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:7px 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--q-blue);
  font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1.5;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease;
}
.alr-quote-story-toggle:hover{
  background:rgba(29,78,216,.06);
}
.alr-quote-story-toggle:focus-visible{
  outline:2px solid var(--q-blue);
  outline-offset:2px;
}
.alr-quote-story-toggle__icon{
  position:relative;
  width:20px;
  height:20px;
  border:1px solid rgba(220,38,38,.40);
  border-radius:50%;
  background:rgba(220,38,38,.055);
  color:var(--q-red);
  flex:none;
  transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;
}
.alr-quote-story-toggle__icon::before,
.alr-quote-story-toggle__icon::after{
  content:'';
  position:absolute;
  top:50%;
  left:5px;
  right:5px;
  height:1px;
  background:currentColor;
  transform:translateY(-50%);
}
.alr-quote-story-toggle__icon::after{
  transform:translateY(-50%) rotate(90deg);
}
.alr-quote-story-toggle:hover .alr-quote-story-toggle__icon{
  color:#fff;
  background:var(--q-red);
  border-color:var(--q-red);
}
.alr-quote-story-toggle[aria-expanded='true'] .alr-quote-story-toggle__icon{
  transform:rotate(45deg);
  color:#fff;
  background:var(--q-red);
  border-color:var(--q-red);
}

.alr-quote-story{
  border-top:1px solid var(--q-line);
  padding:18px 24px 21px;
  background:rgba(246,248,252,.66);
  color:var(--q-soft);
  font-size:14px;
  line-height:2;
  text-align:center;
}
.alr-quote-story[hidden]{display:none}
.alr-quote-story p{margin:0}

.alr-pagination{margin-top:32px}

@media(max-width:980px){
  .alr-quotes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .alr-quotes-page .alr-quotes-wrap{width:calc(100% - 32px) !important}
  .alr-quotes-hero .alr-quotes-wrap{padding-block:34px 26px}
  .alr-quotes-hero h1{font-size:32px}
  .alr-quotes-body{padding-top:28px;padding-bottom:56px}
  .alr-quotes-intro{margin-bottom:28px;padding:20px 18px}
}
@media(max-width:620px){
  .alr-quotes-grid{grid-template-columns:1fr;gap:18px}
  .alr-quote-card__verse{font-size:18px}
  .alr-quote-card__body{min-height:190px;padding:24px 22px 22px}
}
@media(prefers-reduced-motion:reduce){
  .alr-quotes-page .alr-quote-card,
  .alr-quotes-page .alr-quote-story-toggle,
  .alr-quotes-page .alr-quote-story-toggle__icon{
    transition:none !important;
  }
}

/* v1.1.41 — تنسيق التنويه ككتلة قراءة مركزية ومتوازنة */
.alr-quotes-page .alr-quotes-intro{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center !important;
  padding:24px 32px 26px;
}
.alr-quotes-page .alr-quotes-intro h2{
  width:100%;
  max-width:760px;
  margin:0 auto 10px !important;
  text-align:center !important;
}
.alr-quotes-page .alr-quotes-intro p{
  width:min(100%,820px) !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  direction:rtl;
  line-height:2;
  text-wrap:pretty;
}
.alr-quotes-page .alr-quotes-intro p strong{
  display:block;
  max-width:760px;
  margin:0 auto 6px;
  text-align:center !important;
  line-height:1.9;
}
@media (max-width:640px){
  .alr-quotes-page .alr-quotes-intro{
    padding:20px 18px 22px;
  }
  .alr-quotes-page .alr-quotes-intro p{
    width:100% !important;
    font-size:14px;
    line-height:1.95;
  }
}