/*
 Theme Name:  Òrbita Events Child
 Theme URI:   https://orbitaevents.com
 Description: Child theme per a GeneratePress amb UI/animacions "wow".
 Author:      Òrbita Events
 Author URI:  https://orbitaevents.com
 Version:     1.0.0
 Template:    generatepress
 Text Domain: orbitaevents-child
*/

/* ====== TOKENs i base ====== */
:root{
  --oe-blue:#0072ff;
  --oe-cyan:#00c6ff;
  --oe-magenta:#b400ff;
  --oe-ink:#101319;
  --oe-text:#1f232b;
  --oe-muted:#667085;
  --oe-bg:#ffffff;
  --oe-card:#ffffffcc;
  --oe-radius:16px;
  --oe-shadow: 0 8px 30px -8px rgba(0,0,0,.15);
  --oe-gradient: linear-gradient(90deg,var(--oe-cyan),var(--oe-blue));
  --oe-gradient-2: linear-gradient(135deg,var(--oe-cyan),var(--oe-magenta));
}

/* Dark mode tokens */
:root.dark{
  --oe-ink:#0b0e14;
  --oe-text:#e6ebf3;
  --oe-muted:#9aa6b2;
  --oe-bg:#0b0e14;
  --oe-card:#0f1420cc;
  --oe-shadow: 0 10px 40px -10px rgba(0,0,0,.5);
}

html{scroll-behavior:smooth}
body{
  background:var(--oe-bg);
  color:var(--oe-text);
  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Links + focus accessibles */
a{color:var(--oe-blue);text-decoration:none}
a:hover{color:var(--oe-cyan)}
:where(a,button,input,select,textarea):focus-visible{
  outline:3px solid color-mix(in oklab, var(--oe-cyan) 70%, white);
  outline-offset:2px;border-radius:8px
}

/* ===== Header sticky amb blur (GP) ===== */
.site-header, .main-navigation{
  backdrop-filter:saturate(160%) blur(14px);
  background:color-mix(in oklab, var(--oe-bg) 70%, transparent);
  box-shadow:0 1px 0 rgba(0,0,0,.06);
  transition:background .25s ease, box-shadow .25s ease;
}
.is-scrolled .site-header{box-shadow:0 6px 20px -10px rgba(0,0,0,.15)}

/* ===== Botons “plasma” ===== */
button,
input[type="submit"],
.wp-block-button__link{
  --glow: drop-shadow(0 10px 18px rgba(0,114,255,.25));
  background:var(--oe-gradient);
  color:#fff!important;
  padding:12px 22px;
  border:none;border-radius:12px;
  letter-spacing:.2px;font-weight:600;
  box-shadow:var(--oe-shadow);
  filter:var(--glow);
  transform:translateY(0);
  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover{
  transform:translateY(-2px);
  filter:drop-shadow(0 14px 22px rgba(0,114,255,.35));
}
.is-style-outline .wp-block-button__link{
  background:transparent;color:var(--oe-blue)!important;border:2px solid var(--oe-blue)
}
.is-style-outline .wp-block-button__link:hover{
  background:var(--oe-gradient);color:#fff!important;border-color:transparent
}

/* ===== Cards “glass” ===== */
.oe-card{
  background:var(--oe-card);
  border:1px solid color-mix(in oklab, var(--oe-bg) 85%, var(--oe-ink));
  border-radius:var(--oe-radius);
  box-shadow:var(--oe-shadow);
  padding:28px;
  backdrop-filter:saturate(160%) blur(10px);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.oe-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 50px -12px rgba(0,0,0,.25);
  border-color:color-mix(in oklab, var(--oe-cyan) 30%, var(--oe-bg));
}
.oe-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px;border-radius:999px;
  background:var(--oe-gradient-2);color:#fff;font-weight:600;
  box-shadow:0 8px 24px -8px rgba(180,0,255,.35)
}

/* ===== Heading degradat ===== */
.oe-gradient-text{
  background:var(--oe-gradient-2);
  -webkit-background-clip:text;background-clip:text;
  color:transparent
}

/* ===== Scroll reveal ===== */
.reveal{opacity:.001;transform:translateY(14px);transition:opacity .6s ease, transform .6s ease}
.reveal.is-in{opacity:1;transform:none}

/* ===== Footer ===== */
.site-footer{border-top:1px solid rgba(0,0,0,.06)}

/* ===== Dark mode toggle ===== */
.oe-dark-toggle{
  cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  background:color-mix(in oklab, var(--oe-bg) 75%, transparent);
  box-shadow:var(--oe-shadow)
}
.dark .oe-dark-toggle{background:color-mix(in oklab, var(--oe-bg) 55%, transparent)}