/*
Theme Name: Vynixo
Theme URI: https://vynixo.co
Author: Vynixo
Description: Vynixo — real estate seller lead generation. Pixel-exact WordPress theme with Poppins typography, warm sand/gold design system, animated hero, ticker header and scroll reveals.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: vynixo
*/

/* All layout/design styles are compiled into assets/css/app.css and enqueued in functions.php. */

/* --- JS-driven states (replicating the React interactions) --- */
.vynixo-ticker {
  max-height: 56px;
  transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
[data-vynixo-pill] { transition: background 0.5s, box-shadow 0.5s, border-color 0.5s; }
[data-vynixo-pill].is-scrolled {
  background: color-mix(in oklab, var(--card) 78%, transparent);
  backdrop-filter: blur(14px);
  border: 1px solid color-mix(in oklab, var(--border) 90%, transparent);
  box-shadow: var(--shadow-lift);
}
[data-vynixo-progress] { transform: scaleX(0); transition: transform 0.15s linear; }

.vynixo-mobile-menu { display: none; }
.vynixo-mobile-menu.is-open { display: block; animation: vynixo-drop 0.32s cubic-bezier(0.22, 1, 0.36, 1); }
@keyframes vynixo-drop { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: none; } }
@media (min-width: 768px) { .vynixo-mobile-menu, .vynixo-mobile-menu.is-open { display: none; } }

.vynixo-cta { background: var(--gradient-gold); box-shadow: var(--shadow-glow); }
.vynixo-cta:hover { transform: translateY(-3px); }

[data-goal].is-active {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--primary-foreground);
  box-shadow: var(--shadow-soft);
}
.vynixo-notice { opacity: 0; transition: opacity 0.3s ease; }
.vynixo-notice.is-visible { opacity: 1; }

.will-reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s var(--ease-out-soft), transform 0.7s var(--ease-out-soft); }
.will-reveal.is-revealed { opacity: 1; transform: none; }

/* --- Desktop density: 100% zoom reads like the intended ~90% view --- */
@media (min-width: 1024px) { html { font-size: 93.75%; } }
@media (min-width: 1440px) { html { font-size: 90%; } }

/* --- Trust-bar logos: smaller on mobile so they don't dominate the screen --- */
.vynixo-brand-rows { gap: 1.25rem; }
.vynixo-brand { padding: 0 .25rem; }
.vynixo-brand img { height: 1.5rem; max-width: 104px; }
@media (min-width: 640px) {
  .vynixo-brand-rows { gap: 2rem; }
  .vynixo-brand { padding: 0 .5rem; }
  .vynixo-brand img { height: 2.25rem; max-width: 150px; }
}
@media (min-width: 1024px) { .vynixo-brand img { height: 2.75rem; max-width: 180px; } }