/* Custom styles for Katie Jensen Real Estate */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Selection color */
::selection {
    background: rgba(245, 158, 11, 0.2);
    color: #102a43;
}

/* Focus visible for accessibility */
:focus-visible {
    outline: 2px solid #f59e0b;
    outline-offset: 2px;
}

/* Custom select arrow */
select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23627d98' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.649l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    padding-right: 2.5rem;
}

/* Gradient text utility */
.text-gradient-gold {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Subtle pattern for background sections */
.pattern-dots {
    background-image: radial-gradient(circle, rgba(16, 42, 67, 0.05) 1px, transparent 1px);
    background-size: 24px 24px;
}

/* Image hover zoom */
.img-zoom {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.img-zoom:hover {
    transform: scale(1.03);
}

/* Navbar transition helper */
.nav-link, .nav-logo {
    transition: color 0.3s ease;
}

/* Button press effect */
button, a {
    -webkit-tap-highlight-color: transparent;
}

/* Loading state for form */
button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Print styles */
@media print {
    nav, #contact-form, .animate-bounce { display: none; }
    body { color: #000; background: #fff; }
    .hero-gradient { background: #102a43 !important; }
}