/* ==========================================================
   Castell de Capdepera — Custom Styles
   ========================================================== */

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

/* Material Symbols baseline */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Stone noise texture overlay */
.stone-texture {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    opacity: 0.03;
    pointer-events: none;
}

/* Parchment background — baked-in SVG noise at 0.03 opacity, safe as container bg */
.parchment-texture {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
}

/* Hero mist gradient */
.mist-overlay {
    background: linear-gradient(
        to bottom,
        rgba(134, 124, 115, 0.55) 0%,
        rgba(134, 124, 115, 0.35) 50%,
        rgba(25, 28, 28, 0.6) 100%
    );
}

/* Leaflet custom marker */
.brand-marker {
    background: none;
    border: none;
}

.leaflet-popup-content-wrapper {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(107, 91, 79, 0.2);
}

.leaflet-popup-tip {
    box-shadow: 0 4px 12px rgba(107, 91, 79, 0.2);
}

/* Header scroll state */
.header-scrolled {
    --tw-bg-opacity: 0.95;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}