@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600;700&family=Tajawal:wght@400;500;700&display=swap');
:root {
  /* الألوان الأساسية في قالب Cassiopeia */
  --cassiopeia-color-primary: #14532d;
  --cassiopeia-color-hover: #1f7a4d;
  --cassiopeia-color-link: #0b6b3a;

  /* الخطوط */
  --bs-body-font-family: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
  --font-headings: 'Cairo', 'Tajawal', sans-serif;
}

body {
  font-family: var(--bs-body-font-family);
  font-size: 1.05rem;
  line-height: 1.85;
  background-color: #faf8f3;
  color: #1f2937;
}

button, input, select, textarea, .mod-menu {
  font-family: var(--bs-body-font-family);
}

h1, h2, h3, h4, h5, h6,
.page-header h1,
.issues-grid-title {
  font-family: var(--font-headings);
  line-height: 1.5;
}

/* الترويسة بلون واحد بدل التدرج */
.container-header {
  background-image: none;
  background-color: var(--cassiopeia-color-primary);
}

a:hover { color: var(--cassiopeia-color-hover); }



.mod-menu .year-group { list-style: none; margin-block: .25rem; }

.mod-menu .year-group > details > summary {
  cursor: pointer;
  font-weight: 700;
  padding: .55rem .8rem;
  border-radius: .5rem;
  background: color-mix(in srgb, currentColor 8%, transparent);
}
.mod-menu .year-group > details > summary:hover {
  background: color-mix(in srgb, currentColor 14%, transparent);
}

.mod-menu .year-group > details > ul {
  list-style: none;
  margin: .3rem 0 .6rem;
  padding: 0;
  padding-inline-start: .75rem;
  max-height: 18rem;
  overflow-y: auto;
}
.mod-menu .year-group > details > ul a {
  display: block;
  padding: .3rem .5rem;
}


.issues-grid-wrap { margin-block: 1.5rem; }
.issues-grid-title { font-size: 1.3rem; margin-bottom: .75rem; }

.issues-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 1rem;
}
.issues-grid a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: inherit;
}
.issues-grid img {
  width: 100%;
  aspect-ratio: 5 / 7;
  object-fit: cover;
  border-radius: .5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  background: color-mix(in srgb, currentColor 8%, transparent);
  transition: transform .2s;
}
.issues-grid a:hover img { transform: translateY(-4px); }
.issue-num { display: block; margin-top: .5rem; font-weight: 700; }
.issue-date { display: block; font-size: .85rem; opacity: .75; }

.books-grid .issue-num {
  font-size: .95rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.issues-more { margin-top: .75rem; text-align: end; }
.issues-more a { font-weight: 700; }



/* ===== أزرار التحميل ===== */
main a[href$=".pdf" i]:not(td a):not(li a),
main a[href$=".epub" i]:not(td a):not(li a),
main a[href*="t.me/"]:not(td a):not(li a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 48px;              /* حجم مناسب للمس بالإصبع */
  padding: .6rem 1.4rem;
  margin: .35rem .25rem;
  border: 2px solid var(--cassiopeia-color-primary, #14532d);
  border-radius: 999px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .2s, color .2s, transform .1s;
}

/* PDF: زر أساسي مملوء */
main a[href$=".pdf" i]:not(td a):not(li a) {
  background: var(--cassiopeia-color-primary, #14532d);
  color: #fff;
}
main a[href$=".pdf" i]:not(td a):not(li a):hover {
  background: var(--cassiopeia-color-hover, #1f7a4d);
  border-color: var(--cassiopeia-color-hover, #1f7a4d);
  color: #fff;
}

/* ePub: زر بإطار فقط */
main a[href$=".epub" i]:not(td a):not(li a) {
  background: transparent;
  color: var(--cassiopeia-color-primary, #14532d);
}
main a[href$=".epub" i]:not(td a):not(li a):hover {
  background: var(--cassiopeia-color-primary, #14532d);
  color: #fff;
}

/* روابط تليجرام البديلة: أزرار ثانوية أهدأ */
main a[href*="t.me/"]:not(td a):not(li a) {
  min-height: 44px;
  padding: .45rem 1.1rem;
  font-size: .95rem;
  font-weight: 500;
  color: inherit;
  border-color: color-mix(in srgb, currentColor 30%, transparent);
  background: color-mix(in srgb, currentColor 7%, transparent);
}
main a[href*="t.me/"]:not(td a):not(li a):hover {
  background: color-mix(in srgb, currentColor 14%, transparent);
}

/* ضغطة خفيفة عند اللمس */
main a[href$=".pdf" i]:not(td a):not(li a):active,
main a[href$=".epub" i]:not(td a):not(li a):active,
main a[href*="t.me/"]:not(td a):not(li a):active {
  transform: scale(.97);
}

/* الجوال: كل زر بعرض كامل ومتراصة تحت بعض */
@media (max-width: 575.98px) {
  main a[href$=".pdf" i]:not(td a):not(li a),
  main a[href$=".epub" i]:not(td a):not(li a),
  main a[href*="t.me/"]:not(td a):not(li a) {
    display: flex;
    width: 100%;
    margin-inline: 0;
  }
}