/*
Theme Name: Sheila Real Estate
Theme URI: https://sheilarealestate.ph
Author: Sjitech
Author URI: https://sjitech.com
Description: Professional real estate agent profile theme for Sheila Ph, with custom property listings, agent stats, and contact form.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sheila-realestate
Tags: real-estate, one-page, tailwind
*/

/* Base resets */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: ui-sans-serif, system-ui, -apple-system, sans-serif; }
img { max-width: 100%; }

/* Hero entrance animation */
.slide-in-left {
    opacity: 0;
    animation: slideInLeft 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-50px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Mobile nav fade-in */
.animate-fade-in-down {
    animation: fadeInDown 0.2s ease-out;
}
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Perspective for 3D hover effect */
.perspective-container { perspective: 1000px; }

/* Line clamp utility (for older browsers not supporting Tailwind) */
.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* D3 chart axis tick text */
.tick text { font-size: 12px; fill: #9ca3af; }
.tick line { stroke: #f3f4f6; }