/*
Theme Name: Eventful Productions
Theme URI: https://eventfulproductions.com/
Author: Eventful Productions
Description: Custom theme converted from the Eventful Productions static site.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eventful
*/

:root{--bg:#071021;--primary:#ddab2c;--accent:#7dd3fc}
body{background:var(--bg);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}
.hero-char{display:inline-block}
.text-gradient-gold{background:linear-gradient(90deg,#dead2f,#eac156);-webkit-background-clip:text;color:transparent}
.glow-gold{box-shadow:0 8px 30px rgba(255,183,77,0.12)}
 .animate-glow-pulse{animation:glow 2s ease-in-out infinite}
@keyframes glow{0%{opacity:.8}50%{opacity:1}100%{opacity:.8}}
#main-navbar.navbar-sticky {background: rgba(7,16,33,0.60);backdrop-filter: blur(24px);}
.mobile-menu ul{display:none;flex-direction:column;gap:6px;margin-top:10px;padding-left:14px;border-left:2px solid #f472b659}
.mobile-menu li.open > ul{display:flex}
.mobile-menu ul li a{font-size:15px;padding:8px 0;color:#475569}
.dark .mobile-menu ul li a{color:#9ca3af}
.mobile-menu ul li a:hover{color:#ec4899}
.logo{width:100%;max-width:230px}
@media (max-width: 640px) {
.logo{max-width:180px}
}
@media (max-width: 767px) {
 .menu-link{display:flex;align-items:center;justify-content:space-between;gap:6px;text-transform:uppercase;font-size:14px; color: black;}
li:has(> ul) > .menu-link::after{content:"\F282";font-family:"bootstrap-icons";font-size:20px;transition:transform .25s ease}
li.open > .menu-link::after{transform:rotate(180deg)}
.nav-menu > li{position:relative;display:flex}
.nav-menu > li > ul{position:absolute;top:calc(100% + 5px);left:0;width:220px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 20px 40px #0000001f;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;z-index:100;padding-top:10px}
.dark .nav-menu > li > ul{background:#0f172a}
.nav-menu > li:hover > ul{opacity:1;visibility:visible;transform:translateY(0)}
.nav-menu > li > ul li a{display:flex;align-items:center;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;color:#0f172a;transition:background .2s ease,color .2s ease}
.dark .nav-menu > li > ul li a{color:#e5e7eb}
.nav-menu > li > ul li a:hover{background:#f1f5f9}
.dark .nav-menu > li > ul li a:hover{background:#1e293b}
 .mobile-menu ul{display:none;flex-direction:column;gap:6px;margin-top:10px;padding-left:14px;border-left:2px solid #f472b659}
.mobile-menu li.open > ul{display:flex}
.mobile-menu ul li a{font-size:15px;padding:8px 0;color:#475569}
.dark .mobile-menu ul li a{color:#9ca3af}
}