/* ============================================
   PICK STRIPS - free / order again / popular
   Cards inherit .menu-product-card from menu.css;
   this file only adds strip layout and modifiers.
   Load after menu.css.
   ============================================ */

.pick-strip-section {
    margin-bottom: 1rem;
}

.pick-strip-section__title {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    padding-bottom: 0.375rem;
}

.pick-strip-section__title .bi {
    font-size: 0.875em;
}

.pick-strip-section--free .pick-strip-section__title {
    color: var(--menu-success);
    border-color: var(--menu-success);
}

.pick-strip-section--reorder .pick-strip-section__title,
.pick-strip-section--popular .pick-strip-section__title {
    color: var(--brand-color-one, #212529);
    border-color: var(--brand-color-one, #dee2e6);
}

/* Horizontal scroller */
.pick-strip {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0.25rem 0.125rem 0.625rem;
    scrollbar-width: thin;
    scrollbar-color: var(--menu-gray-200) transparent;
}

.pick-strip::-webkit-scrollbar {
    height: 0.375rem;
}

.pick-strip::-webkit-scrollbar-thumb {
    background: var(--menu-gray-200);
    border-radius: 0.25rem;
}

/* Card sizing inside the strip */
.pick-card {
    flex: 0 0 17rem;
    width: 17rem;
    height: 7.5rem;
    scroll-snap-align: start;
}

.pick-card .menu-product-card__image {
    min-width: 6rem;
    max-width: 6.5rem;
}

.pick-card .menu-product-card__content {
    padding: 0.625rem 0.75rem;
}

.pick-card .menu-product-card__title {
    font-size: 0.875rem;
    -webkit-line-clamp: 1;
}

.pick-card .menu-product-card__description {
    -webkit-line-clamp: 2;
}

.pick-card .menu-product-card__badge {
    letter-spacing: 0.03125rem;
}

/* Mode badges */
.pick-card--free .pick-card__badge {
    background: var(--menu-success);
}

.pick-card--reorder .pick-card__badge {
    background: var(--brand-color-one, #212529);
    color: var(--brand-color-two, #fff);
}

.pick-card--popular .pick-card__badge {
    background: var(--brand-color-accent, #ff6b35);
    color: #fff;
}

/* Free card price */
.pick-card__was {
    font-weight: 400;
    color: var(--menu-secondary);
    font-size: 0.8125rem;
    margin-right: 0.25rem;
}

.pick-card__free {
    color: var(--menu-success);
    text-transform: uppercase;
    font-size: 0.8125rem;
}

/* Free card states - driven by .locked / .unlocked / .claimed on the card */
.pick-card--free {
    cursor: default;
}

.pick-card--free .menu-product-card__quick-add .bi-lock-fill {
    display: none;
}

.pick-card--free.locked .menu-product-card__image img {
    filter: grayscale(0.7);
    opacity: 0.75;
}

.pick-card--free.locked .menu-product-card__quick-add {
    background: rgba(255, 255, 255, 0.9);
    color: var(--menu-secondary);
    box-shadow: none;
    pointer-events: none;
}

.pick-card--free.locked .menu-product-card__quick-add .bi-plus {
    display: none;
}

.pick-card--free.locked .menu-product-card__quick-add .bi-lock-fill {
    display: block;
    font-size: 0.875rem;
}

.pick-card--free.unlocked .menu-product-card__quick-add {
    background: var(--menu-success);
    color: #fff;
}

.pick-card--free.unlocked .menu-product-card__quick-add:hover {
    transform: scale(1.1);
}

.pick-card--free.unlocked {
    box-shadow: 0 0 0 0.125rem var(--menu-success), var(--menu-card-shadow);
}

.pick-card--free.claimed .menu-product-card__quick-add {
    background: var(--menu-success);
    color: #fff;
    pointer-events: none;
}

.pick-card--free.claimed .menu-product-card__quick-add .bi-plus {
    display: none;
}

.pick-card--free.claimed .menu-product-card__quick-add .bi-check {
    display: block;
}

.pick-card--free .offer-requirement {
    font-weight: 500;
}

.pick-card--free.unlocked .offer-requirement,
.pick-card--free.claimed .offer-requirement {
    color: var(--menu-success);
}

/* Added flash (kept from old carousel) */
.pick-card.added-flash {
    animation: pick-flash 0.6s ease;
}

@keyframes pick-flash {
    0%   { box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.6); }
    100% { box-shadow: 0 0 0 0.75rem rgba(25, 135, 84, 0); }
}

/* Mobile */
@media (max-width: 767.98px) {
    .pick-card {
        flex-basis: 15rem;
        width: 15rem;
        height: 7rem;
    }

    .pick-card .menu-product-card__image {
        min-width: 5.5rem;
        max-width: 5.5rem;
    }
}

/* Ordered-before badge on main menu cards */
.menu-product-card__badge.reordered {
    background: var(--brand-color-one, #212529);
    color: var(--brand-color-two, #fff);
}

.menu-category-section.pick-strip-section {
    margin-bottom: 1rem;
}

.menu-categories-nav .nav-link.pick-link {
    background: transparent;
    color: var(--brand-color-one);
    border: 0.0625rem solid var(--brand-color-one);
}

.menu-categories-nav .nav-link.pick-link:hover,
.menu-categories-nav .nav-link.pick-link.active {
    background: var(--brand-color-accent);
    color: var(--brand-color-one);
    border-color: var(--brand-color-two);
}