/*
Theme Name: MQFF
Theme URI: https://mqff.baerchen.dev
Description: Málaga Queer Film Festival 2026
Author: Francisco Estevez
Author URI: https://mqff.baerchen.dev
Version: 1.0
*/

/* VARIABLES CSS */
:root {
  --qff-fucsia: #F10C94;
  --qff-black:  #000000;
  --qff-dark:   #020618;
  --qff-stone:  #F5F5F4;
  --gray-300:   #D1D5DB;
  --gray-400:   #9CA3AF;
  --gray-500:   #6B7280;
}

/* NAV DESPLEGABLE */
.nav-dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: 2rem;
  width: 13rem;
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: all 0.2s;
}
.group:hover .nav-dropdown,
.group:focus-within .nav-dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.nav-dropdown__link {
  display: block;
  background: black;
  color: rgba(255,255,255,0.85);
  padding: 0.75rem 1rem;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-weight: 500;
  transition: all 0.15s;
}
.nav-dropdown__link:hover,
.nav-dropdown__link:focus-visible {
  background: rgba(255,255,255,0.1);
  color: #F10C94;
}