/* Auto-generated extracted inline styles */

/* ── Pre-existing rules ─────────────────────────────────── */
.s-ac830c7f { min-height: 70vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 40px; }
.s-f119d855 { font-family: var(--font-display); font-size: 8rem; color: var(--gold); line-height: 1; margin: 0; }
.s-f9f409a2 { font-size: 1.2rem; color: rgba(247, 237, 216, 0.6); margin-bottom: 30px; }
.s-29e22473 { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }

/* ── Layout helpers ─────────────────────────────────────── */

/* Section header row — title + button side-by-side */
.s-faeec7a3 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }

/* Inline forms (button-level, no block margin) */
.s-0cd28ce9 { display: inline; }
.s-b1ecc496 { display: inline; }

/* Form-as-flex-item inside product action strip */
.s-ee3d55bf { display: contents; }

/* Save / upload action row */
.s-5370cbf1 { margin-top: 20px; }
.s-9eb125f5 { margin-top: 16px; }

/* Product-add / edit: action row */
.s-8dd12b45 { display: flex; gap: 12px; align-items: center; margin-top: 24px; }

/* Settings: two-column form grids */
.s-6ecc2847,
.s-b63c66e1 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

/* Logo size control grid (2 equal cols) */
.s-16b4cf0c { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

/* Stat card sub-group */
.s-c93ba274 { background: rgba(255,255,255,0.02); border: 1px solid rgba(200,144,10,0.1); border-radius: 8px; padding: 16px; }

/* SMTP config section: label + input side-by-side */
.s-e2741fdd { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; flex-wrap: wrap; }

/* Actions cell in categories table */
.s-b9bbe540 { display: flex; align-items: center; gap: 8px; }

/* ── form-group modifiers ───────────────────────────────── */
/* No bottom margin (stacked or compact group) */
.s-1da9facb { margin-bottom: 0; }

/* Cancel link margin */
.s-4c0456cb { margin-left: 8px; }

/* ── Typography / text helpers ──────────────────────────── */

/* Required asterisk */
.s-060c5745 { color: #FCA5A5; }

/* Section sub-heading (h2 inside form-section) */
.s-e6f663b0 { font-family: 'Cormorant Garamond', serif; font-size: 1.3rem; margin-bottom: 20px; color: #F7EDD8; }

/* Table heading above list */
.s-bd801071 { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; margin: 30px 0 20px; color: #F7EDD8; }

/* Stat card label */
.s-00925b0c { font-size: 0.8rem; font-weight: 600; color: #E8B030; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px; }

/* Action link */
.s-98a048bc { color: #E8B030; text-decoration: none; font-weight: 600; }
.s-98a048bc:hover { text-decoration: underline; }

/* Order reference cell */
.s-0eeebb7d { font-family: 'Cormorant Garamond', serif; font-weight: 600; }
.s-6b982cea { font-family: 'Cormorant Garamond', serif; font-size: 0.95rem; }

/* Customer sub-lines (email / phone) */
.s-d7ed873f,
.s-806708bd { font-size: 0.8rem; color: rgba(247,237,216,0.45); }

/* Date cell */
.s-a9efa544 { white-space: nowrap; color: rgba(247,237,216,0.7); }

/* Emoji column cell */
.s-8e2b91d0 { font-size: 1.5rem; }

/* Name column cell */
.s-9cd3cbae { font-weight: 600; }

/* Cancel / muted button link */
.s-9d3afa1c { background: transparent; color: rgba(247,237,216,0.6); border: 1px solid rgba(247,237,216,0.2); }
.s-9d3c5c6c { background: transparent; color: rgba(247,237,216,0.6); border: 1px solid rgba(247,237,216,0.2); }

/* Hint / description paragraph */
.s-7a053d00 { font-size: 0.88rem; color: rgba(247,237,216,0.5); margin-bottom: 16px; line-height: 1.6; }

/* Small hint below input */
.s-c3fcff16 { font-size: 0.75rem; color: rgba(247,237,216,0.4); margin-top: 4px; display: block; }

/* Preview label */
.s-68a2e28d,
.s-b293a9d5 { font-size: 0.8rem; font-weight: 600; color: rgba(247,237,216,0.6); margin-bottom: 6px; }

/* Preview dimension text */
.s-0f241889 { font-size: 0.75rem; color: rgba(247,237,216,0.4); margin-bottom: 10px; }

/* Hero image position label */
.s-46678d2c { font-size: 0.75rem; color: rgba(247,237,216,0.5); }

/* No hero images note */
.s-a117fafa { font-size: 0.88rem; color: rgba(247,237,216,0.4); margin-top: 12px; }

/* Order number heading in order-detail */
.s-21bc893d { font-family: 'Cormorant Garamond', serif; font-size: 1.1rem; font-weight: 600; color: #E8B030; }

/* test-mail.php: sent-at timestamp in email body */
.s-e752f536 { font-size: 0.85rem; color: rgba(247,237,216,0.5); margin-top: 8px; }

/* test-mail.php: "Using site name" muted note */
.s-d51e7817 { color: rgba(247,237,216,0.45); font-style: italic; }

/* test-mail.php: warning alert modifier */
.s-8a359a76 { border-color: rgba(251,146,60,0.4); background: rgba(251,146,60,0.1); color: #FDBA74; }

/* ── Empty state cells ──────────────────────────────────── */
.s-62d3d195,
.s-1f464077,
.s-dde5a5c3,
.s-1df3d088 { text-align: center; color: rgba(247,237,216,0.4); padding: 30px 12px; }

/* Customers: "Never" muted span */
.s-d1504dba { color: rgba(247,237,216,0.3); font-style: italic; }

/* ── Images ─────────────────────────────────────────────── */

/* Product card image */
.s-4a466668 { width: 100%; height: 100%; object-fit: cover; }
.s-d8ddb187 { width: 100%; height: 100%; object-fit: contain; opacity: 0.4; }

/* Favicon preview thumbnail */
.s-47ebe4e4 { width: 64px; height: 64px; object-fit: contain; border-radius: 6px; border: 1px solid rgba(200,144,10,0.2); background: rgba(255,255,255,0.04); }

/* Story / about image preview */
.s-1aa3071c { width: 100px; height: 100px; object-fit: cover; border-radius: 8px; border: 1px solid rgba(200,144,10,0.2); }

/* Logo / favicon preview container */
.s-0391cae1,
.s-bf64e5c5 { display: flex; gap: 20px; align-items: flex-start; margin-bottom: 20px; background: rgba(255,255,255,0.02); border: 1px solid rgba(200,144,10,0.1); border-radius: 8px; padding: 16px; }

/* Stock badge on product card */
.s-5660d93a { background: rgba(247,237,216,0.08); color: rgba(247,237,216,0.55); }

/* ── Public pages / shared ──────────────────────────────── */
/* These are used in non-admin contexts (home.php, cart, etc.) */

/* Product card image fill */
.s-4a466668 { width: 100%; height: 100%; object-fit: cover; }

/* Logo img in email/cart context */
.s-21c66c0a { max-height: 56px; width: auto; display: inline-block; }

/* Cart / order detail: flex row header */
.s-faeec7a3 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }

/* Drawer logo image in mobile nav */
.s-900503ee { max-height: 40px; width: auto; object-fit: contain; display: block; }

/* GTM noscript iframe */
.s-4be35b07 { display: none; visibility: hidden; }

/* Dashboard: section header flex row */
.s-1da9facb { margin-bottom: 0; }

/* ── Admin Sidebar — responsive & scrollable ─────────────── */

/* Base sidebar */
.sidebar {
    width: 260px;
    background: #1E1510;
    border-right: 1px solid rgba(200,144,10,0.1);
    height: 100vh;
    padding: 30px 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(200,144,10,0.3) transparent;
    transition: transform 0.3s ease;
}
.sidebar::-webkit-scrollbar { width: 4px; }
.sidebar::-webkit-scrollbar-track { background: transparent; }
.sidebar::-webkit-scrollbar-thumb { background: rgba(200,144,10,0.3); border-radius: 2px; }

.sidebar .logo {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0 30px;
    margin-bottom: 40px;
    flex-shrink: 0;
}
.sidebar .logo span { color: #E8B030; font-style: italic; }

.nav-item {
    padding: 14px 30px;
    color: rgba(247,237,216,0.6);
    text-decoration: none;
    display: block;
    transition: all 0.2s;
    font-size: 0.9rem;
    white-space: nowrap;
}
.nav-item:hover,
.nav-item.active {
    background: rgba(200,144,10,0.1);
    color: #E8B030;
    border-left: 3px solid #E8B030;
}

/* Main content offset */
.main-content {
    margin-left: 260px;
    flex: 1;
    padding: 40px;
    min-width: 0;
}

/* Hamburger toggle button — hidden on desktop */
.sidebar-toggle {
    display: none;
    position: fixed;
    top: 16px;
    left: 16px;
    z-index: 1100;
    background: #1E1510;
    border: 1px solid rgba(200,144,10,0.3);
    border-radius: 8px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    padding: 0;
    transition: background 0.2s;
}
.sidebar-toggle:hover { background: rgba(200,144,10,0.15); }
.sidebar-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    background: #E8B030;
    border-radius: 2px;
    transition: all 0.3s;
}
/* Animate hamburger → X when open */
.sidebar-open .sidebar-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.sidebar-open .sidebar-toggle span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.sidebar-open .sidebar-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Overlay backdrop */
.sidebar-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s;
}
.sidebar-open .sidebar-overlay {
    display: block;
    opacity: 1;
}

/* ── Responsive breakpoints ─────────────────────────────── */

/* Tablet: shrink sidebar to icon+label, reduce main margin */
@media (max-width: 1024px) {
    .sidebar { width: 220px; }
    .main-content { margin-left: 220px; padding: 30px 24px; }
}

/* Mobile: sidebar slides in off-canvas */
@media (max-width: 768px) {
    .sidebar-toggle { display: flex; }

    .sidebar {
        transform: translateX(-100%);
        width: 260px;
        box-shadow: 4px 0 24px rgba(0,0,0,0.5);
    }
    .sidebar-open .sidebar { transform: translateX(0); }

    .main-content {
        margin-left: 0;
        padding: 24px 16px;
        padding-top: 72px; /* space for the hamburger button */
    }
}