/* Essential styles that can't be replicated with Tailwind CSS */

/* Classy Beige Color Palette */
.ar-gradient { 
    background-color: #f5f5dc; 
}

/* Rich Beige Background */
.bg-rich-beige {
    background-color: #f5f5dc;
}

/* Silver Metallic */
.bg-silver {
    background-color: #c0c0c0;
}

/* Gold Accent */
.bg-gold {
    background-color: #ffd700;
}

/* Rich Dark Beige */
.bg-dark-beige {
    background-color: #d2b48c;
}

/* Elegant Dark Background */
.bg-elegant-dark {
    background-color: #2c2c2c;
}

/* Glass Effect (Backdrop Filter) */
.glass-effect {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.glass-effect-light {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* XR Session specific styles */
body.xr-session {
    background: transparent !important;
}

body.xr-session #canvas {
    background: transparent !important;
    height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
}

/* AR interaction blocking */
body.sidenav-open {
    pointer-events: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.sidenav-open #sidenav,
body.sidenav-open #overlay,
body.sidenav-open #ar-footer,
body.sidenav-open #nav-toggle,
body.sidenav-open #close-btn {
    pointer-events: auto !important;
    touch-action: manipulation !important;
    z-index: 3000 !important;
}

body.sidenav-open #sidenav * {
    pointer-events: auto !important;
    touch-action: manipulation !important;
}

body.sidenav-open #sidenav {
    z-index: 3500 !important;
}

body.sidenav-open #overlay {
    z-index: 3200 !important;
}

body.sidenav-open #ar-footer {
    z-index: 3400 !important;
}

body.sidenav-open #canvas,
body.sidenav-open .ar-reticle,
body.sidenav-open .ar-objects {
    pointer-events: none !important;
    touch-action: none !important;
}

body.sidenav-open .ar-touch-blocker {
    display: block !important;
}

body.xr-session #ar-footer {
    display: flex !important;
    padding-top: calc(12px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 2500 !important;
}

/* Ensure AR footer is always visible when AR is active */
body.xr-session #ar-footer.active {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.xr-session #nav-toggle {
    top: calc(20px + env(safe-area-inset-top, 0px)) !important;
}

body.xr-session #sidenav {
    padding-top: calc(70px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
}

body.xr-session #instructions {
    top: calc(50% + env(safe-area-inset-top, 0px) / 2) !important;
}

body.xr-session #instructions {
    display: none !important;
}

body.xr-session #nav-toggle {
    display: block !important;
}

.app-loaded .loading-screen {
    display: none !important;
}

/* Touch action controls */
.touch-none {
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.touch-auto {
    touch-action: manipulation;
}

/* Folder interaction styles */
.folder-header {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent;
}

.furniture-item {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent;
}

/* Button interaction styles */
button {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent;
}

/* AR Footer should always be visible in normal mode */
#ar-footer {
    display: flex !important;
}

/* Hide AR footer initially, show after app loads */
.app-loaded #ar-footer {
    display: flex !important;
}

/* Navigation specific styles */
#sidenav {
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch;
}

#sidenav * {
    touch-action: manipulation !important;
}