/*
Theme Name: testdomaincrm
Theme URI: https://testdomaincrm.example
Author: testdomaincrm
Author URI: https://testdomaincrm.example
Description: Multi-asset broker landing site — Forex, Stocks, Indices, Commodities and Crypto. Royal-black and gold palette, Tailwind via CDN.
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: testdomaincrm
*/

html, body { background-color: #0a0a0a; color: #e5e5e5; }
body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }
h1, h2, h3, .font-display { font-family: 'Playfair Display', Georgia, serif; }

/* Gold shimmering headline accent */
.gold-shimmer {
  background: linear-gradient(90deg, #d4af37 0%, #f4d47c 20%, #d4af37 40%, #d4af37 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: shimmer 8s linear infinite;
}

/* Gold link underline on hover */
.nav-link { position: relative; }
.nav-link::after {
  content: ''; position: absolute; left: 0; right: 100%; bottom: -6px;
  height: 1px; background: #d4af37;
  transition: right 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}
.nav-link:hover::after, .nav-link[aria-current="page"]::after { right: 0; }

/* Focus ring */
*:focus-visible { outline: 2px solid #d4af37; outline-offset: 3px; border-radius: 2px; }

/* Thin gold divider */
.hr-gold { height: 1px; background: linear-gradient(90deg, transparent, #d4af37, transparent); border: 0; }

/* Card hover lift */
.lift { transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease; }
.lift:hover { transform: translateY(-4px); border-color: #d4af37; }

/* Mobile nav (CSS-only via :checked) */
#nav-toggle:checked ~ #mobile-nav { display: block; }
#nav-toggle:checked ~ label .burger-top    { transform: translateY(6px) rotate(45deg); }
#nav-toggle:checked ~ label .burger-mid    { opacity: 0; }
#nav-toggle:checked ~ label .burger-bottom { transform: translateY(-6px) rotate(-45deg); }

/* Subtle grain overlay for luxury feel */
.grain::before {
  content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .06;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

/* Scroll reveal via IntersectionObserver-free CSS */
.reveal { animation: fadeUp 1s ease-out both; }
@keyframes fadeUp { 0% { opacity: 0; transform: translateY(16px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }

/* WP image alignment defaults */
.alignleft  { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption-text { font-size: 0.85rem; color: #8a8a8a; }