/**
 * Preloader Styles
 *
 * Full-screen orange overlay with SVG badge logo (Cocina y Cantina).
 * Logo layers animate in via GSAP, then blur/shrink + clip-path reveal.
 *
 * @package Hacienda
 */

/* ========================================
   OVERLAY
   ======================================== */

.preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: var(--color-accent, #C1531B);
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: inset(0% 0% 0% 0%);
    will-change: clip-path;
}

/* ========================================
   LOGO WRAPPER
   ======================================== */

.preloader__logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    will-change: transform, opacity, filter;
}

.preloader__svg {
    width: 8em;
    height: auto;
    overflow: visible;
}

/* ========================================
   SVG LAYERS
   ======================================== */

.preloader__shape,
.preloader__circle,
.preloader__sun-icon,
.preloader__line,
.preloader__text-top,
.preloader__text-bottom,
.preloader__detail-group {
    opacity: 0;
    will-change: opacity, transform;
}

/* ========================================
   BODY LOCK
   ======================================== */

body.is-loading {
    overflow: hidden;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media screen and (max-width: 1024px) {
    .preloader__svg {
        width: 6.5em;
    }
}

@media screen and (max-width: 479px) {
    .preloader__svg {
        width: 5em;
    }
}

/* ========================================
   NO-JS SAFETY
   ======================================== */

.no-js .preloader {
    display: none;
}