/*
Theme Name: Yougi Coming Soon
Theme URI: https://yougi.ai
Author: Zul Aripin
Description: Coming-soon flight hero landing theme for Yougi.ai - premium cream backdrop, orbiting brand flight loop (Pulau Malaysia, Raha Holidays, ON9Tour) and waitlist capture.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yougi-coming-soon
*/

html, body { margin: 0; padding: 0; }
body { background: #FAF7F0; }
a { color: #1A222E; }
a:hover { color: #4692E7; }
input::placeholder { color: #A29A8A; }

#yougi-waitlist input[type="email"]:focus { border-color: #9E5209 !important; box-shadow: 0 2px 14px rgba(238,128,30,.25) !important; outline: none; }
#yw-btn:hover { background: #077F32 !important; }
#yw-btn:disabled { opacity: .7; cursor: default; }

@keyframes ygFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ygTrail { 0% { transform: scale(.25); opacity: .65; } 100% { transform: scale(var(--ts,10)); opacity: 0; } }
@keyframes ygHotspot { 0% { transform: scale(.3); opacity: 0; } 12% { opacity: .85; } 100% { transform: scale(6.4); opacity: 0; } }
@keyframes ygIdle { 0% { transform: scale(.4); opacity: .5; } 70% { opacity: 0; } 100% { transform: scale(2.7); opacity: 0; } }
@keyframes ygDash { to { stroke-dashoffset: -120; } }
@keyframes ygIn { 0% { opacity: 0; transform: scale(.1); } 60% { opacity: 1; transform: scale(1.08); } 100% { opacity: 1; transform: scale(1); } }
@keyframes ygrip { 0% { opacity: .32; stroke-width: 5; transform: scale(1); } 11% { opacity: 1; stroke-width: 5.7; transform: scale(1.04); } 34% { opacity: .32; stroke-width: 5; transform: scale(1); } 100% { opacity: .32; stroke-width: 5; transform: scale(1); } }
@keyframes ygc3 { 0%, 32.5% { stroke: #0BDA51; } 33.3%, 65.8% { stroke: #4692E7; } 66.6%, 99.4% { stroke: #EE801E; } 100% { stroke: #0BDA51; } }
@keyframes ygWordIn { 0% { opacity: 0; transform: translateY(16px); filter: blur(9px); } 100% { opacity: 1; transform: translateY(0); filter: blur(0); } }

@container (max-width:640px){
  [data-yg-hero] .yg-content{transform:translateY(-5%) !important;gap:9px !important}
  [data-yg-hero] .yg-content svg[aria-label="yougi.ai"]{width:min(68vw,257px) !important}
  [data-yg-hero] .yg-content > div:first-child{transform:scale(1.06)}
  [data-yg-hero] .yg-content > div:last-child{font-size:14.5px !important}
  [data-yg-hero] [data-hslabel-for] [data-lbl-in] span{font-size:12px !important}
  [data-yg-hero] #yougi-waitlist input[type="email"]{width:min(24vw,105px) !important;font-size:8px !important;padding:5px 10px !important}
  [data-yg-hero] #yw-btn{font-size:8px !important;padding:5px 10px !important}
  [data-yg-hero] .yg-hz-band{top:calc(57% - 100px) !important}
  [data-yg-hero] .yg-hz-line{top:calc(57% - 1px) !important}
  [data-yg-hero] .yg-footer{font-size:8.6px !important;letter-spacing:.14em !important}
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}