/*
Theme Name: Flick X
Theme URI: https://getflickx.com
Author: Flick X
Author URI: https://getflickx.com
Description: Flick X marketing theme with brand assets, plan comparison, and CMS admin.
Version: 1.5.8
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flickx
Tags: custom-logo, custom-menu, one-column, featured-images, translation-ready
*/

/* Critical header glass (loads last; beats cached styles.css) */
.top,
.top--glass,
.top--brand {
  position: sticky !important;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.58) !important;
  backdrop-filter: blur(20px) saturate(1.55) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.55) !important;
  border-bottom: 1px solid rgba(15, 17, 23, 0.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 10px 30px rgba(15, 17, 23, 0.05) !important;
  color: #0f1117 !important;
}
.top .top__nav a,
.top--glass .top__nav a,
.top--brand .top__nav a {
  color: #5c6575 !important;
}
.top .top__nav a:hover,
.top--glass .top__nav a:hover,
.top--brand .top__nav a:hover {
  color: #0f1117 !important;
}
body.admin-bar .top,
body.admin-bar .top--glass,
body.admin-bar .top--brand {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar .top,
  body.admin-bar .top--glass,
  body.admin-bar .top--brand {
    top: 46px;
  }
}