/*
Theme Name: Quintessence App Theme
Description: Premium SPA Theme.
Author: Gemini
Version: 2.0
*/

body { -webkit-tap-highlight-color: transparent; overscroll-behavior-y: none; }
.hide-scroll::-webkit-scrollbar { display: none; }
.hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }
.fade-in { animation: fadeIn 0.4s ease-out forwards; }
.slide-up { animation: slideUp 0.5s ease-out forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
.glass { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.glass-dark { background: rgba(11, 17, 32, 0.9); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.1); }
.view { display: none; }
.view.active { display: block; }
.img-gradient::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to top, rgba(11,17,32,0.8) 0%, transparent 100%); pointer-events: none; }
#toast { transition: all 0.4s ease; transform: translate(-50%, 100px); opacity: 0; }
#toast.show { transform: translate(-50%, 0); opacity: 1; }

/* Fix for WordPress Admin Bar Overlap */
.admin-bar #main-header { top: 32px !important; }
.admin-bar #app-root { padding-top: calc(6rem + 32px) !important; }
.admin-bar #prod-header { top: 32px !important; }