/*
Theme Name: Innovative Decorators
Theme URI: http://example.com/innovative-decorators
Author: Your Name
Author URI: http://example.com
Description: A custom Tailwind CSS theme for Innovative Decorators.
Version: 1.1
*/

/* ═══ CRITICAL: Prevent Flash of Unstyled Content (FOUC) ═══ */

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

/* Swiper base styles — ensures slider doesn't collapse before JS loads */
.swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Glass card effect used in front-page */
.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* ═══ Smooth page load ═══ */
body {
    opacity: 0;
    transition: opacity 0.15s ease-in;
}

body.loaded {
    opacity: 1;
}