/*
Theme Name: MIMICSCENT Experience
Theme URI: https://scene-scent-story.lovable.app/
Author: MIMICSCENT
Description: A lightweight WordPress theme wrapper for the MIMICSCENT immersive fragrance website. The live experience is rendered from the supplied Lovable preview URL.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mimicscent-experience
*/

:root { color-scheme: dark; --mimic-ink: #151411; --mimic-ivory: #f4f0e7; --mimic-champagne: #d7c39a; }
html, body { margin: 0; min-height: 100%; background: var(--mimic-ink); }
body { color: var(--mimic-ivory); font-family: Arial, Helvetica, sans-serif; }
.mimicscent-embed { position: relative; width: 100%; min-height: 100vh; overflow: hidden; background: var(--mimic-ink); }
.mimicscent-embed__frame { display: block; width: 100%; height: 100vh; min-height: 680px; border: 0; background: var(--mimic-ink); }
.mimicscent-embed__fallback { position: absolute; z-index: 5; top: 12px; right: 12px; padding: 10px 14px; border: 1px solid rgba(244,240,231,.45); border-radius: 2px; color: var(--mimic-ivory); background: rgba(21,20,17,.8); text-decoration: none; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.mimicscent-embed__fallback:hover, .mimicscent-embed__fallback:focus { color: var(--mimic-ink); background: var(--mimic-champagne); }
.mimicscent-note { padding: 10px 16px; color: #bdb8ad; background: #151411; font-size: 12px; text-align: center; }
@media (max-width: 640px) { .mimicscent-embed__frame { height: 100svh; min-height: 560px; } .mimicscent-embed__fallback { top: 8px; right: 8px; padding: 8px 10px; font-size: 10px; } }