/* ============ UNOWAKA magic layer — monastery underglow + image hover lightbox ============ */

/* ---------- Polish-gold "monastery" underglow under every button ---------- */
.btn, .nav-cta, .uno-ask button, #heroSwitch, .arch-card, .signup-btn{ position:relative; }
.btn::after, .nav-cta::after, #heroSwitch::after, .signup-btn::after{
  content:""; position:absolute; left:50%; bottom:-9px; transform:translateX(-50%);
  width:86%; height:70%; z-index:-1; border-radius:999px; pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(231,207,134,.95),rgba(214,170,70,.35) 45%,rgba(231,207,134,0) 72%);
  filter:blur(13px); opacity:.5; transition:opacity .45s ease, filter .45s ease;
  animation:monGlow 3.4s ease-in-out infinite;
}
.btn:hover::after, .nav-cta:hover::after, #heroSwitch:hover::after, .signup-btn:hover::after{ opacity:1; filter:blur(18px); }
@keyframes monGlow{0%,100%{opacity:.42;filter:blur(12px)}50%{opacity:.72;filter:blur(17px)}}
/* gentle inner candle-warmth on gold buttons */
.btn-gold{box-shadow:0 14px 34px -14px rgba(194,160,75,.7),0 0 0 0 rgba(231,207,134,.0);animation:candle 4.5s ease-in-out infinite}
@keyframes candle{0%,100%{box-shadow:0 14px 34px -14px rgba(194,160,75,.7),0 0 22px -6px rgba(231,207,134,.25)}
  50%{box-shadow:0 16px 40px -14px rgba(231,207,134,.9),0 0 40px -4px rgba(231,207,134,.55)}}
/* chips get a soft underglow too */
.uno-chip{position:relative}
.uno-chip:hover{box-shadow:0 0 18px -4px rgba(231,207,134,.7)}

/* ---------- image hover lightbox (800×600, warm glow, moving lights) ---------- */
.zoomable{cursor:zoom-in}
#uno-zoom{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;
  pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(60% 60% at 50% 50%,rgba(20,12,2,.55),rgba(6,4,1,.82))}
#uno-zoom.show{opacity:1}
.uz-frame{position:relative;width:min(800px,86vw);height:min(600px,72vh);border-radius:18px;overflow:hidden;
  border:1px solid rgba(231,207,134,.55);transform:scale(.86) translateY(14px);opacity:0;
  transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .45s;
  box-shadow:0 40px 120px -30px rgba(0,0,0,.85),0 0 70px -10px rgba(231,207,134,.5);animation:warmPulse 3.6s ease-in-out infinite}
#uno-zoom.show .uz-frame{transform:none;opacity:1}
@keyframes warmPulse{0%,100%{box-shadow:0 40px 120px -30px rgba(0,0,0,.85),0 0 60px -12px rgba(231,207,134,.4)}
  50%{box-shadow:0 40px 120px -30px rgba(0,0,0,.85),0 0 110px -6px rgba(231,207,134,.75)}}
.uz-frame img{width:100%;height:100%;object-fit:cover;display:block}
/* moving lights: sweeping sheen + rotating warm aura */
.uz-sheen{position:absolute;inset:-40%;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(115deg,transparent 38%,rgba(255,244,214,.42) 50%,transparent 62%);
  transform:translateX(-60%);animation:sheen 3.2s ease-in-out infinite}
@keyframes sheen{0%{transform:translateX(-65%) rotate(0deg)}100%{transform:translateX(65%) rotate(2deg)}}
.uz-aura{position:absolute;inset:-30%;pointer-events:none;mix-blend-mode:screen;opacity:.5;
  background:conic-gradient(from 0deg,rgba(231,207,134,0),rgba(231,207,134,.35),rgba(255,240,200,0),rgba(231,207,134,.3),rgba(231,207,134,0));
  animation:auraSpin 9s linear infinite}
@keyframes auraSpin{to{transform:rotate(360deg)}}
.uz-cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;color:#fff;font-family:'Cormorant Garamond',serif;
  font-size:1.4rem;background:linear-gradient(180deg,transparent,rgba(8,5,1,.8))}
@media(max-width:760px){#uno-zoom{display:none}}  /* hover lightbox is a desktop delight */