/*
Theme Name: KRD Properties
Theme URI: https://krdproperties.com
Author: K. Ravindran
Author URI: https://krdproperties.com
Description: Premium Real Estate & Property Consultants WordPress Theme for KRD Properties. Fully compatible with Elementor, featuring interactive property search, multi-photo gallery thumbnail viewer, video walkthroughs, dynamic property specifications, DTCP/RERA verification, and instant WhatsApp/Call enquiries.
Version: 1.0.1
Requires at least: 5.8
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: krd-properties
Tags: real-estate, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/

/* ==========================================================================
   KRD PROPERTIES THEME CORE STYLES & ELEMENTOR COMPATIBILITY
   ========================================================================== */

:root {
    --krd-primary: #0d5e3a;
    --krd-deep: #0a4d2e;
    --krd-dark: #042818;
    --krd-gold: #d4af37;
    --krd-gold-light: #fae188;
    --krd-gold-dark: #b8860b;
    --krd-navy: #0f172a;
    --krd-navy-dark: #090d16;
}

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background-color: #f8fafc;
    color: #1e293b;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

.font-cinzel {
    font-family: 'Cinzel', Georgia, serif;
}

/* ==========================================================================
   SOLID CSS PALETTE CLASSES (Guaranteed Fallbacks)
   ========================================================================== */

/* KRD Emerald */
.bg-krd-50 { background-color: #f0fdf6 !important; }
.bg-krd-100 { background-color: #dcfce9 !important; }
.bg-krd-200 { background-color: #bbf7d2 !important; }
.bg-krd-300 { background-color: #86efad !important; }
.bg-krd-400 { background-color: #4ade80 !important; }
.bg-krd-500 { background-color: #15803d !important; }
.bg-krd-600 { background-color: #0d5e3a !important; }
.bg-krd-700 { background-color: #0a4d2e !important; }
.bg-krd-800 { background-color: #073c24 !important; }
.bg-krd-900 { background-color: #042818 !important; }
.bg-krd-950 { background-color: #02180e !important; }

.hover\:bg-krd-700:hover { background-color: #0a4d2e !important; }
.hover\:bg-krd-800:hover { background-color: #073c24 !important; }
.hover\:bg-krd-900:hover { background-color: #042818 !important; }

.text-krd-500 { color: #15803d !important; }
.text-krd-600 { color: #0d5e3a !important; }
.text-krd-700 { color: #0a4d2e !important; }
.text-krd-800 { color: #073c24 !important; }
.text-krd-900 { color: #042818 !important; }
.text-krd-950 { color: #02180e !important; }

.hover\:text-krd-700:hover { color: #0a4d2e !important; }
.hover\:text-krd-800:hover { color: #073c24 !important; }

.border-krd-100 { border-color: #dcfce9 !important; }
.border-krd-200 { border-color: #bbf7d2 !important; }
.border-krd-600 { border-color: #0d5e3a !important; }
.border-krd-700 { border-color: #0a4d2e !important; }
.border-krd-900 { border-color: #042818 !important; }
.border-krd-900\/50 { border-color: rgba(4, 40, 24, 0.5) !important; }
.border-krd-900\/60 { border-color: rgba(4, 40, 24, 0.6) !important; }

/* Royal Gold */
.bg-gold-50 { background-color: #fffdf5 !important; }
.bg-gold-100 { background-color: #fef9c3 !important; }
.bg-gold-200 { background-color: #fef08a !important; }
.bg-gold-300 { background-color: #fae188 !important; }
.bg-gold-400 { background-color: #f5cb5c !important; }
.bg-gold-500 { background-color: #d4af37 !important; }
.bg-gold-600 { background-color: #b8860b !important; }
.bg-gold-700 { background-color: #996515 !important; }

.hover\:bg-gold-500:hover { background-color: #d4af37 !important; }
.hover\:bg-gold-600:hover { background-color: #b8860b !important; }

.text-gold-300 { color: #fae188 !important; }
.text-gold-400 { color: #f5cb5c !important; }
.text-gold-500 { color: #d4af37 !important; }
.text-gold-600 { color: #b8860b !important; }
.text-gold-700 { color: #996515 !important; }

.hover\:text-gold-300:hover { color: #fae188 !important; }
.hover\:text-gold-400:hover { color: #f5cb5c !important; }

.border-gold-200 { border-color: #fef08a !important; }
.border-gold-300 { border-color: #fae188 !important; }
.border-gold-400 { border-color: #f5cb5c !important; }
.border-gold-500 { border-color: #d4af37 !important; }
.border-gold-500\/20 { border-color: rgba(212, 175, 55, 0.2) !important; }
.border-gold-500\/30 { border-color: rgba(212, 175, 55, 0.3) !important; }
.border-gold-500\/40 { border-color: rgba(212, 175, 55, 0.4) !important; }

/* Deep Navy */
.bg-navy-800 { background-color: #1e293b !important; }
.bg-navy-900 { background-color: #0f172a !important; }
.bg-navy-950 { background-color: #090d16 !important; }
.bg-navy-950\/80 { background-color: rgba(9, 13, 22, 0.8) !important; }
.bg-navy-950\/85 { background-color: rgba(9, 13, 22, 0.85) !important; }
.bg-navy-950\/90 { background-color: rgba(9, 13, 22, 0.9) !important; }

.text-navy-900 { color: #0f172a !important; }
.text-navy-950 { color: #090d16 !important; }

/* ==========================================================================
   TOP BAR, HEADER & FOOTER PRESERVATION
   ========================================================================== */

/* Top Contact Bar */
.top-contact-bar, div.bg-navy-950 {
    background-color: #090d16 !important;
    color: #cbd5e1 !important;
}
.top-contact-bar a, div.bg-navy-950 a {
    color: #cbd5e1 !important;
}
.top-contact-bar a:hover, div.bg-navy-950 a:hover {
    color: #f5cb5c !important;
}

/* Sticky Main Header */
.sticky-header {
    background-color: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid #e2e8f0;
}

/* WordPress Admin Bar Compatibility */
body.admin-bar .sticky-header {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    body.admin-bar .sticky-header {
        top: 46px !important;
    }
}

/* Site Footer */
.site-footer, footer.bg-navy-950 {
    background-color: #090d16 !important;
    color: #94a3b8 !important;
}
.site-footer h4, footer.bg-navy-950 h4 {
    color: #ffffff !important;
}
.site-footer a, footer.bg-navy-950 a {
    color: #94a3b8 !important;
}
.site-footer a:hover, footer.bg-navy-950 a:hover {
    color: #f5cb5c !important;
}

/* Primary Action Buttons */
.btn-krd-primary,
button[type="submit"].bg-krd-700 {
    background-color: #0a4d2e !important;
    color: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
}
.btn-krd-primary:hover,
button[type="submit"].bg-krd-700:hover {
    background-color: #073c24 !important;
    color: #ffffff !important;
}

/* Hero Background Banner */
.hero-bg {
    background-image: linear-gradient(to bottom, rgba(4, 40, 24, 0.88), rgba(15, 23, 42, 0.92)), url('https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* CTA Section Background */
.cta-bg {
    background-image: linear-gradient(135deg, rgba(10, 77, 46, 0.95), rgba(15, 23, 42, 0.92)), url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1600&q=80');
    background-size: cover;
    background-position: center;
}

/* Card Hover Animation */
.card-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 25px -5px rgba(10, 77, 46, 0.15), 0 8px 10px -6px rgba(15, 23, 42, 0.08);
}

/* Royal Gold Gradient Text */
.gold-gradient-text {
    background: linear-gradient(135deg, #fae188 0%, #d4af37 50%, #b8860b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Gold Glowing Border */
.gold-border-glow {
    border: 1px solid rgba(212, 175, 55, 0.4);
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
}

/* Smooth Fade In Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-fadeIn {
    animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #0a4d2e;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #d4af37;
}

/* WordPress Core Alignment Styles */
.alignwide {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.alignfull {
    max-width: 100vw;
    width: 100%;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Elementor Compatibility Support */
.elementor-page .entry-content {
    margin: 0;
    padding: 0;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1280px;
}