/* Amaya — dynamic content styles (team-dyn, gallery-dyn, videos, closures banner). 2026-06-17 */

/* === CLOSURES BANNER === */
.amaya-closures-banner{
  background:linear-gradient(90deg, #f7e9c8 0%, #efd99f 100%);
  color:#4a3a1f;
  border-bottom:1px solid rgba(120,80,40,.18);
  font-family:'Manrope',system-ui,sans-serif;
  font-size:.86rem;
  padding:10px 20px;
  position:relative;
  z-index:10;
}
.amaya-closures-banner .acb-in{
  max-width:1280px;margin:0 auto;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.amaya-closures-banner svg{flex-shrink:0;color:#a04a1c}
.amaya-closures-banner strong{
  font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  font-size:.72rem;color:#5a3e22;
}
.amaya-closures-banner .acb-list{display:inline-flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.amaya-closures-banner .acb-item{display:inline-flex;align-items:baseline;gap:4px}
.amaya-closures-banner .acb-date{font-weight:600;color:#2a1f17}
.amaya-closures-banner .acb-label{color:#5a3e22;font-style:italic}
@media (max-width:600px){
  .amaya-closures-banner{padding:8px 14px;font-size:.78rem}
  .amaya-closures-banner .acb-in{gap:8px}
}

/* === TEAM DYNAMIC === */
.team-grid--dynamic{
  display:block !important; /* override original grid */
}
.team-dyn{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:28px;
  margin-top:14px;
}
.tm-card{
  margin:0;
  background:#fefbf3;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 14px 40px -22px rgba(60,30,10,.28);
  transition:transform .25s ease, box-shadow .25s ease;
  display:flex;flex-direction:column;
}
.tm-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px -22px rgba(60,30,10,.4)}
.tm-photo{
  width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#f4ead7;
}
.tm-photo--placeholder{
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;font-size:4rem;font-weight:600;color:#b95e2c;
  background:linear-gradient(140deg, #f4ead7 0%, #e8d5b0 100%);
}
.tm-cap{
  padding:14px 18px 18px;
  display:flex;flex-direction:column;gap:4px;
  text-align:center;
}
.tm-name{
  font-family:'Cormorant Garamond',serif;
  font-size:1.4rem;font-weight:600;color:#2a1f17;
  letter-spacing:.01em;
}
.tm-role{
  font-family:'Manrope',sans-serif;
  font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  color:#b95e2c;font-weight:600;
}
@media (max-width:600px){
  .team-dyn{grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:16px}
  .tm-name{font-size:1.2rem}
  .tm-cap{padding:12px 14px 16px}
}

/* === GALLERY DYNAMIC === */
.gallery--dynamic{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
  gap:14px;
}
.gallery--dynamic .gal-d{
  display:block;
  aspect-ratio:1/1;
  border-radius:10px;
  overflow:hidden;
  position:relative;
  background:#f4ead7;
  transition:transform .25s ease, box-shadow .25s ease;
}
.gallery--dynamic .gal-d:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 14px 40px -18px rgba(60,30,10,.4)}
.gallery--dynamic .gal-d img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.gallery--dynamic .gal-d:hover img{transform:scale(1.04)}
/* Variation hauteur sur grands écrans, garde mosaïque visuelle */
@media (min-width:900px){
  .gallery--dynamic{grid-auto-flow:dense}
  .gallery--dynamic .gal-d-1,
  .gallery--dynamic .gal-d-7{aspect-ratio:1/1.4;grid-row:span 2}
}
@media (max-width:600px){
  .gallery--dynamic{grid-template-columns:1fr 1fr;gap:10px}
}

/* === VIDEOS SECTION === */
.amaya-dyn-videos .videos-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  gap:24px;
  margin-top:14px;
}
.vid-item{
  margin:0;
  background:#2a1f17;border-radius:14px;overflow:hidden;
  box-shadow:0 14px 40px -22px rgba(60,30,10,.4);
}
.vid-item video{
  width:100%;display:block;aspect-ratio:16/9;background:#000;object-fit:cover;
}
.vid-cap{
  padding:12px 16px 14px;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  color:#f4ead7;font-size:1.05rem;text-align:center;
}
@media (max-width:600px){
  .amaya-dyn-videos .videos-grid{grid-template-columns:1fr;gap:16px}
}

/* ============ EVENT POPUP (public) ============ */
body.amaya-evpop-open{overflow:hidden}
.amaya-evpop-overlay{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  padding:24px;
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
.amaya-evpop-overlay.is-visible{opacity:1;pointer-events:auto}
.amaya-evpop-overlay.is-leaving{opacity:0}

.amaya-evpop-backdrop{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 50%, rgba(42,31,23,.72) 0%, rgba(20,16,10,.88) 100%);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
}

.amaya-evpop-card{
  position:relative;z-index:2;
  width:min(100%, 480px);
  max-height:calc(100vh - 48px);
  background:linear-gradient(160deg, #fefbf3 0%, #f8eeda 100%);
  border-radius:24px;
  overflow:hidden;
  box-shadow:
    0 1px 0 rgba(255,255,255,.7) inset,
    0 0 0 1px rgba(212,165,116,.25),
    0 40px 80px -20px rgba(0,0,0,.6),
    0 18px 40px -10px rgba(60,30,10,.45);
  display:flex;flex-direction:column;
  transform:translateY(30px) scale(.94);
  transition:transform .45s cubic-bezier(.16,1,.3,1);
  font-family:'Manrope', system-ui, -apple-system, Segoe UI, sans-serif;
  color:#2a1f17;
  isolation:isolate;
}
.amaya-evpop-overlay.is-visible .amaya-evpop-card{
  transform:translateY(0) scale(1);
}

.amaya-evpop-halo{
  position:absolute;inset:-2px;border-radius:24px;
  background:linear-gradient(135deg, transparent 25%, rgba(212,165,116,.45) 50%, transparent 75%);
  background-size:220% 220%;
  -webkit-mask:linear-gradient(#000,#000) content-box, linear-gradient(#000,#000);
  -webkit-mask-composite:xor;mask-composite:exclude;
  padding:1.5px;pointer-events:none;
  animation:amayaEvpopHalo 5s linear infinite;
  z-index:5;
}
@keyframes amayaEvpopHalo{
  0%{background-position:0% 0%}
  100%{background-position:220% 220%}
}

.amaya-evpop-orb{
  position:absolute;border-radius:50%;
  filter:blur(50px);pointer-events:none;z-index:0;
}
.amaya-evpop-orb-1{
  width:280px;height:280px;
  top:-110px;right:-90px;
  background:radial-gradient(circle, rgba(212,165,116,.55) 0%, transparent 70%);
  animation:amayaEvpopOrb1 14s ease-in-out infinite;
}
.amaya-evpop-orb-2{
  width:260px;height:260px;
  bottom:-100px;left:-80px;
  background:radial-gradient(circle, rgba(185,94,44,.4) 0%, transparent 70%);
  animation:amayaEvpopOrb2 18s ease-in-out infinite;
}
@keyframes amayaEvpopOrb1{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(-20px,15px) scale(1.1)}
}
@keyframes amayaEvpopOrb2{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(15px,-15px) scale(1.05)}
}

.amaya-evpop-close{
  position:absolute;top:14px;right:14px;z-index:10;
  width:36px;height:36px;border-radius:50%;
  background:rgba(42,31,23,.55);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#fff;border:1px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:transform .2s, background .2s;
}
.amaya-evpop-close:hover{
  background:rgba(42,31,23,.8);
  transform:scale(1.08) rotate(90deg);
}

.amaya-evpop-media{
  position:relative;height:220px;width:100%;
  overflow:hidden;
  background:#2a1f17;
}
.amaya-evpop-media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.05);
  transition:transform 1s ease;
}
.amaya-evpop-overlay.is-visible .amaya-evpop-media img{transform:scale(1)}
.amaya-evpop-media-veil{
  position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 40%, rgba(42,31,23,.4) 80%, rgba(254,251,243,.95) 100%);
  pointer-events:none;
}
.amaya-evpop-no-media{
  height:80px;
  background:linear-gradient(135deg, #b95e2c 0%, #d4a574 60%, #f0c896 100%);
  position:relative;
}
.amaya-evpop-no-media::after{
  content:"✦";
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-size:2rem;color:rgba(255,255,255,.5);
}

.amaya-evpop-body{
  position:relative;z-index:2;
  padding:8px 32px 30px;
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  overflow-y:auto;
}
.amaya-evpop-media + .amaya-evpop-body{padding-top:6px;margin-top:-30px}
.amaya-evpop-no-media + .amaya-evpop-body{padding-top:28px}

.amaya-evpop-brand{
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:4px;
}
.amaya-evpop-mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%, #fff5e1 0%, #d4a574 50%, #b95e2c 100%);
  color:#fff;font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.5rem;font-weight:600;
  box-shadow:
    0 1px 2px rgba(255,255,255,.7) inset,
    0 -2px 6px rgba(80,40,10,.3) inset,
    0 6px 18px -4px rgba(185,94,44,.55);
}
.amaya-evpop-brand-text{
  display:flex;flex-direction:column;align-items:flex-start;line-height:1;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.35rem;color:#2a1f17;font-weight:500;letter-spacing:.01em;
}
.amaya-evpop-brand-text small{
  font-family:'Manrope', sans-serif;
  font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;
  color:#b95e2c;font-weight:600;margin-top:2px;
}

.amaya-evpop-kicker{
  display:inline-block;
  font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;
  color:#b95e2c;font-weight:600;
  padding:5px 14px;border-radius:999px;
  background:linear-gradient(135deg, rgba(212,165,116,.2) 0%, rgba(185,94,44,.1) 100%);
  border:1px solid rgba(185,94,44,.22);
}

.amaya-evpop-title{
  font-family:'Cormorant Garamond', Georgia, serif;
  font-size:1.85rem;font-weight:500;
  margin:4px 0 0;line-height:1.15;letter-spacing:-.005em;
  background:linear-gradient(135deg, #2a1f17 0%, #5a3e22 55%, #b95e2c 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent;
  text-wrap:balance;
}

.amaya-evpop-date{
  margin:0;font-size:.85rem;color:#5a3e22;
  display:inline-flex;align-items:center;gap:6px;
  font-weight:500;letter-spacing:.01em;
}
.amaya-evpop-date svg{color:#b95e2c}

.amaya-evpop-msg{
  margin:8px 0 4px;font-size:.95rem;line-height:1.55;
  color:#3d2c1f;max-width:380px;
}

.amaya-evpop-cta{
  margin-top:14px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 28px;
  font-size:.92rem;font-weight:600;letter-spacing:.02em;
  color:#fff;text-decoration:none;
  background:linear-gradient(135deg, #c46a32 0%, #b95e2c 50%, #9d4a1c 100%);
  border-radius:999px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.3) inset,
    0 -2px 4px rgba(60,20,5,.3) inset,
    0 10px 24px -6px rgba(185,94,44,.55),
    0 4px 10px -2px rgba(60,30,10,.3);
  transition:transform .15s, box-shadow .2s;
  position:relative;overflow:hidden;
}
.amaya-evpop-cta::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.35) 50%, transparent 65%);
  transform:translateX(-100%);
  transition:transform .6s;
}
.amaya-evpop-cta:hover{
  transform:translateY(-2px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.3) inset,
    0 -2px 4px rgba(60,20,5,.3) inset,
    0 14px 32px -8px rgba(185,94,44,.7),
    0 6px 14px -2px rgba(60,30,10,.4);
}
.amaya-evpop-cta:hover::before{transform:translateX(100%)}
.amaya-evpop-cta svg{transition:transform .2s}
.amaya-evpop-cta:hover svg{transform:translateX(3px)}

@media (max-width:480px){
  .amaya-evpop-overlay{padding:16px}
  .amaya-evpop-card{border-radius:20px}
  .amaya-evpop-media{height:180px}
  .amaya-evpop-body{padding:8px 22px 26px}
  .amaya-evpop-title{font-size:1.55rem}
  .amaya-evpop-mark{width:38px;height:38px;font-size:1.3rem}
}

@media (prefers-reduced-motion: reduce){
  .amaya-evpop-overlay, .amaya-evpop-card, .amaya-evpop-media img,
  .amaya-evpop-halo, .amaya-evpop-orb-1, .amaya-evpop-orb-2,
  .amaya-evpop-close, .amaya-evpop-cta, .amaya-evpop-cta::before {
    animation:none !important;
    transition:opacity .2s !important;
  }
  .amaya-evpop-overlay.is-visible .amaya-evpop-card{transform:none}
}
