/* Aqiqah Sky — soft clouds, balloons, bunting and confetti from the supplied clip. */
body.theme-aqiqah-sky{
  --radius:20px;--on-primary:#fff;
  --shadow:0 14px 34px -20px rgba(81,70,57,.26);
  position:relative;isolation:isolate;background:#f6f0e6;color:#514639;
}

/* Static poster remains as a graceful fallback when motion is reduced. */
body.theme-aqiqah-sky::before{
  content:"";position:fixed;inset:0;z-index:54;pointer-events:none;
  background:url('/themes/aqiqah-sky/aqiqah-sky-poster.jpg?v=20261026-aqiqah-sky-poster') center/cover no-repeat;
  opacity:0;mix-blend-mode:normal;filter:brightness(1.05) saturate(1.12);
}

/* Keep the actual loop from the user's clip visible throughout the invitation. */
body.theme-aqiqah-sky .aqiqah-sky-motion{
  position:fixed;z-index:55;inset:0;width:100vw;height:100vh;height:100dvh;
  object-fit:cover;object-position:center;opacity:.75;mix-blend-mode:normal;
  filter:brightness(1.05) saturate(1.12);pointer-events:none;
}

.theme-aqiqah-sky .shell{position:relative;z-index:56}
.theme-aqiqah-sky .main{background:transparent;background-image:none}
.theme-aqiqah-sky .sec{background:transparent}
.theme-aqiqah-sky .hero{background:linear-gradient(180deg,rgba(255,253,248,.54),rgba(246,240,230,.3))}

/* Airy cover: retain an invitation's own cover photo when one is supplied. */
.theme-aqiqah-sky .cover{background-color:rgba(246,240,230,.12);color:#514639}
.theme-aqiqah-sky.is-locked .shell{visibility:hidden}
.theme-aqiqah-sky .cover__bg{background-color:rgba(246,240,230,.2)}
.theme-aqiqah-sky .cover__title,.theme-aqiqah-sky .hero__title,
.theme-aqiqah-sky .person__nick,.theme-aqiqah-sky .closing__title,
.theme-aqiqah-sky .side__title{color:#9d714d}
.theme-aqiqah-sky .cover__label,.theme-aqiqah-sky .cover__guest,
.theme-aqiqah-sky .cover__to,.theme-aqiqah-sky .cover__date{color:#6d6052}
.theme-aqiqah-sky .cover__title,.theme-aqiqah-sky .cover__date{ text-shadow:0 1px 12px rgba(255,250,246,.72) }
.theme-aqiqah-sky .cover__frame,.theme-aqiqah-sky .person__photo{
  border-color:#fffdf8;outline-color:#b7845a;box-shadow:var(--shadow)
}
.theme-aqiqah-sky .monogram{background:radial-gradient(circle at 32% 26%,#f8ead9,#fffdf8 72%);color:#9d714d}
.theme-aqiqah-sky .sec__title,.theme-aqiqah-sky .event__name,
.theme-aqiqah-sky .event__num,.theme-aqiqah-sky .countdown b,
.theme-aqiqah-sky .timeline__date{color:#9d714d}
.theme-aqiqah-sky .event,.theme-aqiqah-sky .quote__box,
.theme-aqiqah-sky .card,.theme-aqiqah-sky .countdown div,.theme-aqiqah-sky .wish{
  background:rgba(255,253,248,.95);border:1px solid rgba(183,132,90,.18);
  box-shadow:var(--shadow);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)
}
.theme-aqiqah-sky .btn--primary{background:#b7845a;border-color:#9d714d;color:#fff;box-shadow:0 8px 20px -8px rgba(157,113,77,.34)}
.theme-aqiqah-sky .btn--primary:hover{background:#a6744f}
.theme-aqiqah-sky .btn--ghost{color:#9d714d;border-color:rgba(157,113,77,.4)}
.theme-aqiqah-sky .form input:not([type=radio]),.theme-aqiqah-sky .form textarea,
.theme-aqiqah-sky .form select{background:rgba(255,253,248,.96);color:#514639;border-color:rgba(183,132,90,.24)}
.theme-aqiqah-sky .bottom-nav{background:rgba(255,253,248,.96);border-top:1px solid rgba(183,132,90,.18);z-index:70}
.theme-aqiqah-sky .side:not([style]){background-color:rgba(246,240,230,.74);background-image:none;color:#514639}
.theme-aqiqah-sky .side__overlay{position:relative;z-index:1;padding:28px 32px;border:1px solid rgba(183,132,90,.16);border-radius:20px;background:rgba(255,253,248,.82);backdrop-filter:blur(5px)}
.theme-aqiqah-sky .side__label{color:#9d714d}
.theme-aqiqah-sky .gift__qr{background:#fff}
.theme-aqiqah-sky .toast{background:#9d714d;color:#fff}

@media(min-width:900px){
  body.theme-aqiqah-sky .aqiqah-sky-motion{left:50vw;right:auto;width:50vw;object-fit:cover;object-position:center;opacity:.70}
  body.theme-aqiqah-sky::before{left:50vw;right:0;background-size:cover;background-position:center}
}
@media(max-width:480px){
  .theme-aqiqah-sky .sec{padding-left:22px;padding-right:22px}
  .theme-aqiqah-sky .cover__corner,.theme-aqiqah-sky .corner{opacity:.3}
  body.theme-aqiqah-sky .aqiqah-sky-motion{opacity:.78}
}
@media(prefers-reduced-motion:reduce){
  body.theme-aqiqah-sky .aqiqah-sky-motion{display:none!important}
  body.theme-aqiqah-sky::before{opacity:.65;mix-blend-mode:normal}
  .theme-aqiqah-sky *{scroll-behavior:auto!important}
}
