/* مناسباتي — البطاقة. ملفّ واحد يقرؤه تطبيق صاحب المناسبة وصفحة المدعو معًا.
   الرسوم: لوحات ورد بيير-جوزيف ريدوتيه (1817–1824) — متحف كليفلاند للفنون، Open Access (CC0).
   كلّ القياسات بوحدة cqw فتبقى البطاقة هي هي بأيّ عرض. */
@font-face{font-family:'MAmiri';font-weight:400;font-display:swap;src:url(fonts/amiri-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'MAmiri';font-weight:400;font-display:swap;src:url(fonts/amiri-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'MAmiri';font-weight:700;font-display:swap;src:url(fonts/amiri-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'MRuqaa';font-weight:700;font-display:swap;src:url(fonts/aref-ruqaa-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'MRuqaa';font-weight:700;font-display:swap;src:url(fonts/aref-ruqaa-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}

.bc{--paper:#fbf7ef;--ink:#3a3330;--soft:#7b6d66;--accent:#8c3048;--gold:#b0905a;
  container-type:inline-size;position:relative;width:100%;aspect-ratio:5/7.2;overflow:hidden;border-radius:6px;
  background:var(--paper);color:var(--ink);font-family:'MAmiri','Amiri',serif;font-weight:400;
  box-shadow:0 1px 1px rgba(0,0,0,.06),0 18px 44px -14px rgba(40,20,10,.45);isolation:isolate}
.bc .tex{position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:multiply;
  background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(150,110,70,.10) 100%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .35 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}
.bc .fr{position:absolute;inset:4.2cqw;border:1px solid var(--gold);opacity:.55;border-radius:2px;pointer-events:none}
.bc .fr::after{content:'';position:absolute;inset:1.1cqw;border:.5px solid var(--gold);opacity:.7}
.bc .art{position:absolute;pointer-events:none;user-select:none;-webkit-user-drag:none;max-width:none;height:auto;filter:saturate(.96) contrast(1.02)}
.bc .tx{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:41cqw 14cqw 0}
.bc .k1{font-size:4.3cqw;line-height:1.7;color:var(--soft)}
.bc .k2{font-size:4.9cqw;line-height:1.75;color:var(--ink)}
.bc .hon{font-family:'MRuqaa','Aref Ruqaa','MAmiri',serif;font-weight:700;font-size:13.5cqw;line-height:1.35;color:var(--accent);margin:1.2cqw 0 1.6cqw;overflow-wrap:anywhere}
.bc .dt{display:flex;align-items:center;justify-content:center;gap:3.2cqw;margin-top:1cqw}
.bc .dt .s{font-size:4.2cqw;color:var(--ink);min-width:18cqw;height:13cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border-top:1px solid color-mix(in srgb,var(--gold) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--gold) 70%,transparent);line-height:1.25}
.bc .dt .n{font-size:11cqw;font-weight:700;line-height:1;color:var(--accent)}
.bc .tm{font-size:4.3cqw;margin-top:2.6cqw;color:var(--ink)}
.bc .wh{font-size:4.1cqw;color:var(--soft);margin-top:.6cqw}
.bc .to{position:absolute;left:0;right:0;bottom:8.5cqw;text-align:center;font-size:3.9cqw;color:var(--soft)}
.bc .to b{font-weight:400;color:var(--ink)}
.bc.mini{box-shadow:none;border-radius:8px}

/* ورد — وردي على عاجي */
.bc.ward .a1{width:56cqw;top:-24cqw;right:-17cqw;transform:rotate(206deg)}
.bc.ward .a2{width:40cqw;top:-19cqw;right:24cqw;transform:rotate(122deg) scaleX(-1)}
.bc.ward .a3{width:46cqw;bottom:-15cqw;left:-15cqw;transform:rotate(38deg)}

/* أبيض — ورد دمشقيّ أبيض وأخضر مريميّ */
.bc.abyad{--paper:#f8f7f2;--ink:#343a35;--soft:#6c746d;--accent:#47664f;--gold:#b39a62}
.bc.abyad .a1{width:56cqw;top:-23cqw;right:-18cqw;transform:rotate(204deg)}
.bc.abyad .a2{width:36cqw;top:-14cqw;right:30cqw;transform:rotate(116deg) scaleX(-1)}
.bc.abyad .a3{width:50cqw;bottom:-17cqw;left:-16cqw;transform:rotate(36deg)}

/* جوري — عنابيّ على ورق ورديّ خفيف */
.bc.jouri{--paper:#fbf3ee;--ink:#3b2a2c;--soft:#7f6466;--accent:#7a1c30;--gold:#b48a5a}
.bc.jouri .a1{width:52cqw;top:-22cqw;right:-17cqw;transform:rotate(214deg)}
.bc.jouri .a2{width:30cqw;top:-15cqw;right:32cqw;transform:rotate(104deg) scaleX(-1)}
.bc.jouri .a3{width:50cqw;bottom:-16cqw;left:-15cqw;transform:rotate(34deg)}

/* ليلي — جوريّ على أخضر داكن بخطّ ذهبيّ */
.bc.layl{--paper:#15281f;--ink:#efe7d6;--soft:#bfb49c;--accent:#e2c486;--gold:#c9a45c;
  box-shadow:0 1px 1px rgba(0,0,0,.2),0 22px 50px -14px rgba(0,0,0,.7)}
.bc.layl .tex{mix-blend-mode:screen;opacity:.35;background:radial-gradient(110% 80% at 50% 42%,rgba(255,240,210,.10),transparent 70%)}
.bc.layl .fr{opacity:.75}
.bc.layl .hon{background:linear-gradient(160deg,#f6e2ad 10%,#c9a45c 50%,#f1d79b 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bc.layl .dt .n{color:#e9cf93}
.bc.layl .art{filter:saturate(1.02) brightness(.97) drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.bc.layl .a1{width:56cqw;top:-22cqw;right:-17cqw;transform:rotate(206deg)}
.bc.layl .a2{width:38cqw;top:-17cqw;right:27cqw;transform:rotate(120deg) scaleX(-1)}
.bc.layl .a3{width:48cqw;bottom:-15cqw;left:-15cqw;transform:rotate(36deg)}

/* البطاقة الرسمية = البطاقة + قسيمة دخول تحتها (خطّ تثقيب ونصفا دائرة) */
.bpass{container-type:inline-size;position:relative;filter:drop-shadow(0 18px 26px rgba(40,20,10,.28))}
.bpass>.bc{border-radius:6px 6px 0 0;box-shadow:none}
.bpass>.bc.bs{aspect-ratio:auto;height:48cqw;border-radius:0 0 6px 6px;overflow:visible;
  -webkit-mask:radial-gradient(circle 3.4cqw at 0 0,transparent 98%,#000) top left/51% 100% no-repeat,radial-gradient(circle 3.4cqw at 100% 0,transparent 98%,#000) top right/51% 100% no-repeat;
          mask:radial-gradient(circle 3.4cqw at 0 0,transparent 98%,#000) top left/51% 100% no-repeat,radial-gradient(circle 3.4cqw at 100% 0,transparent 98%,#000) top right/51% 100% no-repeat}
.bs .perf{position:absolute;top:0;left:5cqw;right:5cqw;border-top:2px dashed var(--gold);opacity:.75}
.bs .bs-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:5cqw;padding:0 8cqw 0 8cqw}
.bs .bs-in.noqr{justify-content:center;text-align:center}
.bs .bs-tx{display:flex;flex-direction:column;gap:.6cqw;min-width:0}
.bs .lb{font-size:3.8cqw;color:var(--gold)}
.bs .nm{font-size:6.4cqw;font-weight:400;color:var(--ink);line-height:1.35;overflow-wrap:anywhere}
.bs .ln{font-size:4.2cqw;color:var(--soft)}
.bs .cl{font-size:3.4cqw;color:var(--soft);margin-top:1.2cqw}
.bs .cd{font-size:4.6cqw;font-weight:700;color:var(--ink);direction:ltr;text-align:right;letter-spacing:.06em}
.bs .qr{flex:none;width:36cqw;height:36cqw;padding:2.4cqw;background:#fff;border-radius:2cqw;box-sizing:border-box}
.bs .qr svg{display:block;width:100%;height:100%}