/* قالب «فناء أندلسي» — جصّ أبيض، قوس بحجارة حمراء وبيضاء، أزرق كوبالت، زليج */
body.tpl-andalus {
  --q-bg: #F4EFE6;
  --q-soft: #FBF7EF;
  --q-ink: #1F2A44;
  --q-muted: #5E5038;
  --q-accent: #1D3D7A;
  --q-line: #D8CBB3;
  --q-btn: #1D3D7A;
  --q-btn-ink: #F4EFE6;
  --q-display: 'Amiri', serif;
}
.an-zellige { background: conic-gradient(#1D3D7A 25%, #F4EFE6 0 50%, #2F6B4F 0 75%, #F4EFE6 0) 0 0/22px 22px; }
.an-cover { position: absolute; inset: 0; background: #F4EFE6; overflow: hidden; }
.an-gate { position: absolute; inset: 0 0 18% 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 18px; padding-top: 40px; transform-origin: 50% 62%; transition: transform 1.5s cubic-bezier(.6,0,.3,1), opacity 1.2s ease .4s; }
.an-gate .q-guest { font-family: 'Amiri', serif; color: #1F2A44; font-size: 16px; }
.an-gate .q-guest strong { font-size: 28px; line-height: 1.5; }
.an-arch { width: min(320px, 82%); height: auto; flex: 1 1 auto; min-height: 0; max-height: 72vh; }
.an-glow { animation: an-glow 3.2s ease-in-out infinite; }
@keyframes an-glow { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
.an-floor { position: absolute; left: 0; right: 0; bottom: 0; height: 18%; border-top: 4px solid #C8963E; }
.an-open { position: absolute; left: 50%; bottom: calc(9% - 27px); transform: translateX(-50%); min-height: 54px; padding: 0 30px; border-radius: 999px; background: #1D3D7A; color: #F4EFE6; border: 3px solid #F4EFE6; box-shadow: 0 10px 24px rgba(20,39,79,.35); font: 600 16px 'Plex Arabic', sans-serif; cursor: pointer; white-space: nowrap; transition: opacity .4s ease; }
.is-opening .an-gate { transform: scale(3.4); opacity: 0; }
.is-opening .an-open { opacity: 0; }

.an-band { height: 22px; }
.an-hero { display: flex; flex-direction: column; align-items: center; gap: 22px; text-align: center; padding: 34px 22px 10px; }
.an-host { font: 400 17px 'Amiri', serif; color: #4A4436; max-width: 30ch; }
.an-names { width: 100%; padding: 30px 10px 24px; border: 2px solid #1D3D7A; border-radius: 160px 160px 8px 8px; display: flex; flex-direction: column; align-items: center; font: 700 52px/1.3 'Amiri', serif; color: #1D3D7A; outline: none; }
.an-and { font-size: 22px; color: #A8432F; }
.an-tag { font: 400 17px 'Amiri', serif; color: #5E5038; }
.an-when { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; border-block: 1px solid #D8CBB3; }
.an-when > div { display: flex; flex-direction: column; padding: 12px 4px; }
.an-when > div + div { border-inline-start: 1px solid #D8CBB3; }
.an-when span { font-size: 12px; color: #5E5038; }
.an-when strong { font-size: 15px; }
.tpl-andalus .q-made { color: #5E5038; }

@media (prefers-reduced-motion: reduce) {
  .an-gate, .an-open { transition: none; }
  .an-glow { animation: none; }
}