/* قالب «ورد الماء» — ألوان مائية وردية ومريمية، وبتلات تتساقط */
body.tpl-watercolor { --q-bg: #FBF3F1; --q-soft: #F6E4E1; --q-ink: #4A2C33; --q-muted: #74575D; --q-accent: #A8566E; --q-line: #EBCFCF; --q-btn: #A8566E; --q-btn-ink: #FFFFFF; --q-display: 'Aref Ruqaa', serif; }
.wc-cover { position: absolute; inset: 0; background: #FBF3F1; display: flex; align-items: center; justify-content: center; padding: 24px; overflow: hidden; }
.wc-blob { position: absolute; border-radius: 50%; filter: blur(18px); transition: transform 1.2s ease, opacity 1.2s ease; }
.wc-blob.b1 { width: 320px; height: 320px; top: -60px; right: -80px; background: radial-gradient(circle, rgba(214,130,150,.55), rgba(214,130,150,0) 70%); }
.wc-blob.b2 { width: 280px; height: 280px; bottom: -40px; left: -70px; background: radial-gradient(circle, rgba(150,180,140,.5), rgba(150,180,140,0) 70%); }
.wc-blob.b3 { width: 200px; height: 200px; top: 40%; left: 30%; background: radial-gradient(circle, rgba(232,180,170,.45), rgba(232,180,170,0) 70%); }
.wc-petals i { position: absolute; top: -20px; width: 14px; height: 18px; border-radius: 70% 0 70% 0; background: rgba(214,130,150,.7); animation: wc-fall 9s linear infinite; }
.wc-petals .p1 { left: 10%; animation-delay: 0s; }
.wc-petals .p2 { left: 25%; animation-delay: 2.5s; background: rgba(232,180,170,.8); }
.wc-petals .p3 { left: 40%; animation-delay: 5s; }
.wc-petals .p4 { left: 55%; animation-delay: 1.2s; background: rgba(150,180,140,.6); }
.wc-petals .p5 { left: 68%; animation-delay: 3.8s; }
.wc-petals .p6 { left: 80%; animation-delay: 6.3s; background: rgba(232,180,170,.8); }
.wc-petals .p7 { left: 90%; animation-delay: 4.4s; }
.wc-petals .p8 { left: 34%; animation-delay: 7.5s; background: rgba(150,180,140,.6); }
@keyframes wc-fall { 0% { transform: translateY(0) rotate(0); opacity: 0; } 10% { opacity: 1; } 100% { transform: translate(-40px, 105vh) rotate(320deg); opacity: .2; } }
.wc-card { position: relative; width: min(320px, 100%); padding: 40px 24px; border-radius: 200px 200px 24px 24px; background: rgba(255,255,255,.72); backdrop-filter: blur(6px); display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; box-shadow: 0 20px 50px rgba(168,86,110,.15); transition: transform 1s ease, opacity .8s ease; }
.wc-card .q-guest { font-size: 15px; color: #74575D; }
.wc-card .q-guest strong { font: 700 26px 'Aref Ruqaa', serif; color: #4A2C33; }
.wc-cn { font: 700 40px/1.4 'Aref Ruqaa', serif; color: #A8566E; }
.wc-cn i { font-style: normal; font-size: 24px; color: #6F8C7A; }
.wc-open { min-height: 50px; padding: 0 28px; border-radius: 999px; border: 0; background: #A8566E; color: #fff; font: 600 16px 'Plex Arabic', sans-serif; cursor: pointer; }
.is-opening .wc-blob { transform: scale(2.4); opacity: .4; }
.is-opening .wc-card { transform: translateY(-30px) scale(.96); opacity: 0; }
.wc-hero { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; padding: 50px 24px 20px; }
.wc-hero > *:not(.wc-blob) { position: relative; }
.wc-host { font-size: 15px; color: #74575D; max-width: 30ch; }
.wc-names { display: flex; flex-direction: column; font: 700 54px/1.25 'Aref Ruqaa', serif; color: #A8566E; outline: none; }
.wc-and { font-size: 24px; color: #6F8C7A; }
.wc-tag { font: 400 19px 'Aref Ruqaa', serif; color: #74575D; }
.wc-when { display: flex; flex-direction: column; gap: 2px; }
.wc-when strong { font-size: 18px; }
.wc-when span { font-size: 14px; color: #74575D; }
.tpl-watercolor .q-made { color: #74575D; }
@media (prefers-reduced-motion: reduce) { .wc-petals { display: none; } .wc-blob, .wc-card { transition: none; } }