/* /public/embed/gallery.css */
:root{--fml:#C97A5A;--fmlWeak:rgba(201,122,90,.18)}

#embed-root{width:100%!important;max-width:none!important;position:relative!important}
.fml-breakout{overflow-x:auto!important}
.breadcrumbs{display:none!important}

/* Lightbox container */
.fml-lightbox{
  position:fixed!important;inset:0!important;z-index:2147483647!important;
  display:none!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:16px!important;background:rgba(0,0,0,.9)!important;
  backdrop-filter:blur(8px)!important
}
.fml-lightbox[data-open="true"]{display:flex!important}

.fml-card{position:relative;width:100%;max-width:1440px;border-radius:18px;background:rgba(20,20,20,.62);
  border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.5);padding:0;will-change:transform,opacity}
.fml-media{position:relative;width:100%;border-radius:14px;overflow:hidden}
.fml-img{display:block;width:100%;height:auto;object-fit:contain;max-height:82vh;transition:opacity .12s ease;opacity:1}
.fml-img[data-loading="true"]{opacity:.25}
@media(max-width:1024px){.fml-img{max-height:78vh}}
@media(max-width:640px){.fml-img{max-height:70vh}}

.fml-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:9999px;
  background:rgba(201,122,90,.95);color:#fff;font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 18px rgba(201,122,90,.35);transition:transform .15s,background .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.fml-nav:hover,.fml-nav:active{transform:translateY(-50%) scale(1.06);background:rgba(201,122,90,1)}
.fml-prev{left:12px}.fml-next{right:12px}
@media(max-width:640px){.fml-nav{width:40px;height:40px;font-size:20px}.fml-prev{left:8px}.fml-next{right:8px}}

.fml-close{position:absolute;top:10px;right:10px;width:46px;height:46px;border-radius:9999px;background:rgba(0,0,0,.55);
  color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:22px;
  transition:transform .12s,background .12s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.fml-close:hover,.fml-close:active{background:rgba(0,0,0,.7);transform:scale(1.04)}
@media(max-width:640px){.fml-close{width:40px;height:40px;font-size:18px;top:8px;right:8px}}

.fml-info{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-size:11px;background:rgba(0,0,0,.72);
  border:1px solid rgba(255,255,255,.08);padding:.6rem .9rem;border-radius:12px;color:#fff;text-align:center;max-width:min(90vw,900px)}
@media(max-width:640px){.fml-info{bottom:12px;font-size:10px;padding:.5rem .7rem}}

.fml-swipe-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.6);font-size:14px;pointer-events:none;opacity:0;animation:swipeHint 3s ease-in-out;animation-delay:1s}
@keyframes swipeHint{0%,90%,100%{opacity:0}20%,70%{opacity:1}}
@media(min-width:641px){.fml-swipe-hint{display:none}}

[data-gallery-filter]{border:2px solid #d1d5db!important;transition:all .2s ease!important}
[data-gallery-filter]:hover:not([data-active="true"]){border-color:#9ca3af!important}
[data-gallery-filter][data-active="true"]{
  background:var(--fml)!important;color:#fff!important;border-color:var(--fml)!important;border-width:2px!important;
  box-shadow:0 6px 16px var(--fmlWeak)!important;transform:translateY(-1px)
}

/* Click guards */
[data-gallery] .shimmer,[data-gallery] .shimmer::before{pointer-events:none!important}
[data-gallery] [data-gallery-open]{pointer-events:auto!important}