/* 花店主题 — Flower shop pink theme (loaded after style.css / pwa_style.css) */
:root {
    --primary: #e0577f;
    --rose-50: #fff5f8;
    --rose-100: #ffe8ef;
    --rose-200: #ffd0df;
    --rose-300: #ffb3cb;
    --rose-text: #5a2a3a;
    --gray: var(--rose-100);
    --border: var(--rose-200);
}

body {
    background: linear-gradient(180deg, var(--rose-100) 0%, var(--rose-50) 45%, #fff0f5 100%) fixed !important;
    color: var(--rose-text);
}

/* App header / tab bar: soft frosted pink */
.app-header {
    background: rgba(255, 240, 245, 0.92) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 12px rgba(224, 87, 127, 0.12) !important;
    border-bottom: 1px solid var(--rose-200);
}
.icon-btn { color: var(--primary); }

.app-tabbar {
    background: rgba(255, 240, 245, 0.95) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-top: 1px solid var(--rose-200) !important;
    box-shadow: 0 -4px 16px rgba(224, 87, 127, 0.12) !important;
}
.tab-item { color: #b98a99; }
.tab-item.active { color: var(--primary); }

.search-input-wrap { background: #fff; border: 1px solid var(--rose-200); }
.suggest-item:hover { background: var(--rose-50); }

/* Sidebar */
.sidebar-panel { background: var(--rose-50); }
.sidebar-head { background: linear-gradient(135deg, #f08aa8, var(--primary)); }
.sidebar-list a { border-bottom: 1px solid var(--rose-100); }
.sidebar-list i { color: var(--primary); }

/* Home sections: white blocks become translucent cards on pink */
.quick-nav,
.h-scroll-section {
    background: rgba(255, 255, 255, 0.72) !important;
    border-radius: 18px;
    margin: 0 12px 12px !important;
    box-shadow: 0 4px 14px rgba(224, 87, 127, 0.08);
}
.nav-icon { background-color: var(--rose-100) !important; border-radius: 50% !important; }
.h-card, .p-card {
    background: #fff !important;
    border: 1px solid var(--rose-100) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(224, 87, 127, 0.10) !important;
}
.p-img { background: var(--rose-50) !important; }
.p-name { color: var(--rose-text) !important; }
.h-tag { background: linear-gradient(90deg, #ff7aa2, var(--primary)) !important; }
.fav-btn.active { color: var(--primary) !important; }
.skeleton { background: linear-gradient(90deg, #ffeef3 25%, #ffdde8 37%, #ffeef3 63%); background-size: 400% 100%; }

.section-title { border-left-color: var(--primary) !important; color: var(--rose-text) !important; }

/* Primary buttons */
.btn-primary, button.primary, .checkout-btn {
    background: linear-gradient(135deg, #f08aa8, var(--primary)) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

/* Content cards used across user/cart/checkout pages */
.card, .box, .panel { border-radius: 16px; }

/* Preloader */
#preloader { background: var(--rose-50) !important; }