/*
Theme Name: Aurum Theme
Theme URI: https://aurumresidences.com/
Author: AURUM RESIDENCES Development Team
Author URI: https://aurumresidences.com/
Description: Ultra-Luxury Real Estate & Private Estates WordPress Theme designed with Dark (#07080B), Charcoal (#0F1216), and Metallic Gold (#D4AF37) palette according to UI/UX Pro Max Architecture. Featuring multilingual support (TH/EN), responsive luxury layouts, and bespoke private client viewing workflows.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aurum-theme
Tags: luxury, real-estate, dark-mode, responsive-layout, custom-logo, translation-ready, full-width-template
*/

/* ==========================================================================
   AURUM RESIDENCES - CORE DESIGN SYSTEM & TOKENS
   ========================================================================== */

:root {
    --gold-gradient: linear-gradient(135deg, #FFF1CE 0%, #D4AF37 50%, #9C7825 100%);
    --gold-border: rgba(212, 175, 55, 0.22);
    --gold-glow: 0 0 25px rgba(212, 175, 55, 0.15);
    --dark-bg: #07080B;
    --dark-surface: #0B0D11;
    --dark-card: #10131A;
    --gold-primary: #D4AF37;
    --gold-light: #F7E7BE;
    --gold-dark: #B89225;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #07080B;
    color: #E2E8F0;
    font-family: 'Noto Sans Thai', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* Gold Gradient Typography */
.gold-text-gradient {
    background: linear-gradient(135deg, #FFF4D5 0%, #E6C567 45%, #C29B38 80%, #94711E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gold-subtle-gradient {
    background: linear-gradient(135deg, #F8FAFC 20%, #D4AF37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Gold Luxury Button */
.btn-gold-luxury {
    background: linear-gradient(135deg, #E6C567 0%, #D4AF37 50%, #B89225 100%);
    color: #07080B;
    font-weight: 600;
    position: relative;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.25);
    cursor: pointer;
    border: none;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-gold-luxury:hover {
    box-shadow: 0 6px 30px rgba(212, 175, 55, 0.45);
    transform: translateY(-2px);
    filter: brightness(1.08);
    color: #000000;
}
.btn-gold-luxury:active {
    transform: translateY(0);
}

/* Dark Glass Button */
.btn-dark-glass {
    background: rgba(16, 19, 26, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #F8FAFC;
    transition: all 0.3s ease;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-dark-glass:hover {
    border-color: #D4AF37;
    background: rgba(26, 31, 42, 0.9);
    color: #F7E7BE;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.2);
    transform: translateY(-1px);
}

/* Luxury Card Styles */
.luxury-card {
    background: linear-gradient(180deg, rgba(16, 20, 27, 0.88) 0%, rgba(11, 13, 17, 0.96) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    backdrop-filter: blur(14px);
}
.luxury-card:hover {
    border-color: rgba(212, 175, 55, 0.45);
    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.8), 0 0 25px rgba(212, 175, 55, 0.12);
    transform: translateY(-4px);
}

/* Glassmorphism Navigation */
.nav-glass {
    background: rgba(7, 8, 11, 0.92);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(212, 175, 55, 0.16);
}

/* Ambient Glow Orbs */
.ambient-glow {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, rgba(0, 0, 0, 0) 70%);
    pointer-events: none;
    filter: blur(50px);
    z-index: 0;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #07080B;
}
::-webkit-scrollbar-thumb {
    background: #1F2633;
    border-radius: 4px;
    border: 1px solid rgba(212, 175, 55, 0.2);
}
::-webkit-scrollbar-thumb:hover {
    background: #D4AF37;
}

/* Image Masks for Luxury Architecture Showcase */
.dark-image-overlay {
    background: linear-gradient(180deg, rgba(7, 8, 11, 0.05) 0%, rgba(7, 8, 11, 0.25) 70%, rgba(7, 8, 11, 0.75) 100%);
    pointer-events: none;
}
.clear-image-overlay {
    background: linear-gradient(180deg, rgba(7, 8, 11, 0.0) 0%, rgba(7, 8, 11, 0.1) 80%, rgba(7, 8, 11, 0.45) 100%);
    pointer-events: none;
}
.hero-cinema-overlay {
    background: linear-gradient(180deg, rgba(7, 8, 11, 0.35) 0%, rgba(7, 8, 11, 0.5) 50%, rgba(7, 8, 11, 0.92) 100%);
    pointer-events: none;
}

/* Text Selection */
::selection {
    background: #D4AF37;
    color: #07080B;
}

/* Form controls reset for luxury theme */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="datetime-local"],
select,
textarea {
    color-scheme: dark;
}

/* Accessibility / Screen reader text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}