/* Custom overrides — DaisyUI handles most styling */

/* Hero section */
.hero-section img {
    will-change: transform;
}

/* Topography background pattern */
.topo-bg {
    background-image: url('/static/images/topo-pattern.svg');
    background-repeat: repeat;
    background-size: 400px 400px;
}

/* Compass SVG */
.compass-container {
    width: 160px;
    height: 160px;
    margin: 0 auto;
}

.compass-container svg {
    width: 100%;
    height: 100%;
}

/* Score badge sizing */
.score-badge {
    font-size: 1.25rem;
    font-weight: 700;
    min-width: 3.5rem;
}

/* Card hover effect */
.region-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.region-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px -5px oklch(var(--bc) / 0.1);
}

/* Forecast table */
.forecast-table td,
.forecast-table th {
    white-space: nowrap;
}

/* Smooth transitions for Alpine.js */
[x-cloak] {
    display: none !important;
}

/* Aspect segment highlighting */
.aspect-segment {
    transition: opacity 0.2s ease;
    cursor: default;
}

.aspect-segment.recommended {
    opacity: 1;
}

.aspect-segment.not-recommended {
    opacity: 0.2;
}

.aspect-segment.caution {
    opacity: 0.6;
}