/*
Theme Name: Fine Luxury Property
Theme URI: https://www.fineluxuryproperty.co.uk/
Author: Fine Luxury Property Ltd
Author URI: https://www.fineluxuryproperty.co.uk/
Description: Hardcoded theme for Fine Luxury Property. Ported from the original Next.js site. Content lives in PHP template files, property listings are pulled live from the existing API. No page builder, no theme options.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: flp
*/

/* ------------------------------------------------------------------
   Fonts (Playfair Display for headings, Inter for body) are loaded
   via Google Fonts in header.php. Tailwind utility classes are
   provided by the Play CDN, also loaded in header.php, with the
   navy / gold palette configured there. This file only holds the
   handful of custom rules Tailwind does not cover.
------------------------------------------------------------------- */

:root {
  --gold: #D4AF37;
  --gold-dark: #B8941F;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
}

/* Property card lift on hover (from the original globals.css) */
.property-card {
  transition: all 0.3s ease;
}
.property-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Floating animation used on hero elements */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
}
.animate-float {
  animation: float 6s ease-in-out infinite;
}

/* Slow zoom on hero poster image */
@keyframes ken-burns {
  0% { transform: scale(1); }
  100% { transform: scale(1.12); }
}
.animate-ken-burns {
  animation: ken-burns 12s ease-out forwards;
}

/* Helpers that mirror the original CSS variables */
.bg-gold { background-color: var(--gold); }
.bg-gold-dark { background-color: var(--gold-dark); }
.text-gold { color: var(--gold); }

/* Simple fade/slide for the cookie popup */
@keyframes flp-slide-up {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.flp-cookie {
  animation: flp-slide-up 0.3s ease-out;
}