/* WeDeliver DoorDash-style refinements.
   Additive only: same elements and layout, restyled to feel closer to a
   modern consumer delivery app (card photos, pill filters, roomier search).
   Brand colors stay WeDeliver green/orange.
   Product listing layout is owned by the menu templates (two-column
   cards with the photo on top). This file must not override that grid
   or force a single-column row layout. */

/* Softer page canvas, like a delivery-app feed */
body {
    background-color: var(--bg-main, #f4f4f4);
}

/* ----- Store / dispensary cards ----- */
.dispensary-grid {
    gap: 1.25rem;
}

.dispensary-card {
    border: none;
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 4px 16px rgba(15, 23, 42, 0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.dispensary-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.dispensary-banner {
    height: 180px;
}

.dispensary-banner > div[style*="rgba(15, 23, 42"] {
    background: rgba(15, 23, 42, 0.18) !important;
}

.dispensary-badge {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    font-weight: 700;
}

.dispensary-logo {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    margin-top: -32px;
    margin-left: 16px;
    border-width: 3px;
}

.dispensary-info {
    padding: 0 16px 16px;
}

.dispensary-name {
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    font-size: 1.05rem;
}

.dispensary-extra {
    border-top: none !important;
    padding-top: 0 !important;
    gap: 8px;
}

.dispensary-tags .tag {
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Delivery / Pickup filter chips — DoorDash-style pill row */
.dispensary-filter-bar,
.blog-filter-bar {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 1rem;
}

.dispensary-filter-bar::-webkit-scrollbar,
.blog-filter-bar::-webkit-scrollbar {
    display: none;
}

.filter-btn,
.blog-filter-chip,
.category-pill,
.trending-btn,
.browse-tabs-pill li a {
    border-radius: 9999px !important;
    font-weight: 700 !important;
}

/* ----- Category and deal sliders ----- */
.category-slide-card,
.deals-slide-card {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.category-slide-card:hover,
.deals-slide-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}

.deals-slide-img,
.category-slide-photo {
    border-radius: 16px 16px 0 0;
}

.deals-slide-badge {
    border-radius: 9999px;
    font-weight: 800;
}

/* ----- Homepage search ----- */
.search-wraps.single-search {
    border-radius: 28px !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.12) !important;
}

.search-container {
    border-radius: 9999px !important;
    border-width: 1px !important;
}

.search-btn {
    border-radius: 9999px !important;
}

.search-type-toggle .type-btn.active {
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}

/* Category titles stay typography-only; do not change the product grid. */
.category-name,
.modern-menu-category .category-name {
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

/* Horizontal category scroller on the menu */
.category-list {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.category-list::-webkit-scrollbar { display: none; }

/* ----- Blog cards ----- */
.blog-card,
.blog-related-card {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.blog-card:hover,
.blog-related-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}

/* ----- Shared section titles and View All links ----- */
.section-title {
    font-weight: 800;
    letter-spacing: -0.02em;
}

/* ----- Checkout / cart sticky CTA already used; make primary buttons pill-like ----- */
.cart-page-v2 a.orange-button.checkout,
.payment-option-v2 a.place_order.green-button,
.checkout-section .green-button.full-width {
    border-radius: 9999px !important;
}

/* Dark mode: keep cards on the existing surface color */
[data-theme="dark"] .dispensary-card,
[data-theme="dark"] .premium-product-card,
[data-theme="dark"] .category-slide-card,
[data-theme="dark"] .deals-slide-card,
[data-theme="dark"] .blog-card,
[data-theme="dark"] .blog-related-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .dispensary-badge,
[data-theme="dark"] .premium-product-card .btn-add-cart {
    background: var(--surface-color, #1e293b) !important;
    color: var(--text-main, #f1f5f9) !important;
}