/* Tailwind CSS CDN loaded via functions.php */

/* Brand Colors */
:root {
    --brand-blue: #8B5CF6;
    --brand-green: #10B981;
    --brand-dark: #111827;
    --brand-light: #F9FAFB;
}

.text-brand-blue { color: var(--brand-blue); }
.text-brand-green { color: var(--brand-green); }
.text-brand-dark { color: var(--brand-dark); }
.bg-brand-blue { background-color: var(--brand-blue); }
.bg-brand-green { background-color: var(--brand-green); }
.bg-brand-dark { background-color: var(--brand-dark); }
.bg-brand-light { background-color: var(--brand-light); }
.border-brand-blue { border-color: var(--brand-blue); }

.brand-name {
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: -0.5px;
}

/* IntlTelInput flags path override - using built-in CDN flags */
.iti__flag { background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@23.0.12/build/img/flags.png"); }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag { background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@23.0.12/build/img/flags@2x.png"); }
}

.iti.iti--allow-dropdown {
    width: 100%;
}
.iti .iti__selected-dial-code {
      color: #000;
}
.leadform {
  position: relative;
}
.form-preloader {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #fff;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-msg {
  padding-bottom: 10px;
  color: red;
  font-size: 14px;
  text-align: right;
}
.spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
}
.spinner .path {
  stroke: #8B5CF6;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
.hide,
.hidden {
  display: none !important;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

/* Ticker */
.ticker-wrap { background: #111827; overflow: hidden; }
.ticker { display: flex; animation: ticker 30s linear infinite; }
.ticker:hover { animation-play-state: paused; }
.ticker__item { flex-shrink: 0; padding: 12px 24px; white-space: nowrap; color: #9ca3af; font-size: 14px; font-weight: 500; }
.ticker__item .up { color: #10B981; }
.ticker__item .down { color: #EF4444; }
@keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* Accordion */
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.accordion-content.active { max-height: 200px; }
.accordion-btn[aria-expanded="true"] .accordion-icon { transform: rotate(180deg); }

/* Animations */
@keyframes float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-10px) rotate(-1deg); } }
@keyframes blob { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(30px, -50px) scale(1.1); } 66% { transform: translate(-20px, 20px) scale(0.9); } }
.animate-float { animation: float 3s ease-in-out infinite; }
.animate-blob { animation: blob 7s infinite; }
.animation-delay-2000 { animation-delay: 2s; }

/* Mobile sticky button */
.mobile-sticky-btn { display: none; position: fixed; bottom: 0; left: 0; right: 0; padding: 12px; background: white; border-top: 1px solid #e5e7eb; z-index: 50; }
@media (max-width: 768px) { .mobile-sticky-btn { display: block; } }

/* Balance flash */
.balance-flash { animation: flash 0.5s ease-out; }
@keyframes flash { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; color: #10B981; } }

/* Polylang language switcher */
#lang-dropdown a { display: block; padding: 8px 12px; font-size: 12px; font-weight: 600; text-decoration: none; color: #6b7280; transition: all 0.2s; }
#lang-dropdown a:hover { background: #f3f4f6; }
#lang-dropdown .lang-item.current-lang a { background: linear-gradient(135deg, #D97706, #8B5CF6); color: white; }