/* ==========================================================================
   Fersk og Ferdig — Shop archive (produktkort)
   Styling for "Legg i handlekurv"-knapp og "Min. X pers."-badge
   Matcher amber-paletten fra alternative-cart
   ========================================================================== */

:root {
    --fof-shop-primary: #D97706;
    --fof-shop-primary-hover: #B45309;
    --fof-shop-primary-soft: #FEF3C7;
    --fof-shop-text: #1C1917;
    --fof-shop-text-muted: #78716C;
    --fof-shop-border: #FDE68A;
    --fof-shop-radius: 10px;
    --fof-shop-gradient: linear-gradient(135deg, #D97706 0%, #B45309 100%);
    --fof-shop-shadow-amber: 0 4px 14px -2px rgba(217, 119, 6, 0.25);
    --fof-shop-shadow-amber-hover: 0 6px 20px -2px rgba(217, 119, 6, 0.35);
    --fof-shop-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================================================
   Min. X pers. — badge på produktkort
   ========================================================================== */

.fersk-min-order-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.fersk-min-order-archive {
    order: -1;
    line-height: 1;
}

.fersk-min-order-archive .fersk-min-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: var(--fof-shop-primary-soft);
    color: var(--fof-shop-primary-hover);
    border: 1px solid var(--fof-shop-border);
    border-radius: 999px;
    font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
    white-space: nowrap;
}

.fersk-min-order-archive .fersk-min-pill::before {
    content: "👥";
    font-size: 10px;
    opacity: 0.85;
}

/* ==========================================================================
   Avada "Legg i handlekurv"-knapp på produktkort — overrides
   ========================================================================== */

.fusion-post-card-cart-add-to-cart.add_to_cart_button,
.fusion-post-card .add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 22px !important;
    font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    background: var(--fof-shop-gradient) !important;
    background-color: var(--fof-shop-primary) !important; /* fallback */
    color: #fff !important;
    border: none !important;
    border-radius: var(--fof-shop-radius) !important;
    cursor: pointer !important;
    transition: all var(--fof-shop-transition) !important;
    box-shadow: var(--fof-shop-shadow-amber) !important;
    /* Sentrer ikon og tekst i én linje */
    white-space: nowrap !important;
    width: auto !important;
    min-width: 0 !important;
}

.fusion-post-card-cart-add-to-cart.add_to_cart_button:hover,
.fusion-post-card .add_to_cart_button:hover {
    background: var(--fof-shop-gradient) !important;
    background-color: var(--fof-shop-primary-hover) !important;
    color: #fff !important;
    box-shadow: var(--fof-shop-shadow-amber-hover) !important;
    transform: translateY(-2px) !important;
}

.fusion-post-card-cart-add-to-cart.add_to_cart_button:active,
.fusion-post-card .add_to_cart_button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px -2px rgba(217, 119, 6, 0.25) !important;
}

/* Cart-ikon før teksten — sikre at det er sentrert vertikalt */
.fusion-post-card-cart-add-to-cart.add_to_cart_button::before,
.fusion-post-card .add_to_cart_button::before {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 14px !important;
}

/* "Lagt til" / "Vis handlekurv" etter klikk — samme look */
.fusion-post-card .added_to_cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 18px !important;
    margin-top: 8px !important;
    font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--fof-shop-primary-hover) !important;
    background: transparent !important;
    border: 1.5px solid var(--fof-shop-border) !important;
    border-radius: var(--fof-shop-radius) !important;
    text-decoration: none !important;
    transition: all var(--fof-shop-transition) !important;
}

.fusion-post-card .added_to_cart:hover {
    background: var(--fof-shop-primary-soft) !important;
    border-color: var(--fof-shop-primary) !important;
}

/* ==========================================================================
   Quantity-velgeren ved siden av handlekurv-knappen
   ========================================================================== */

.fusion-post-card .quantity {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin-right: 8px !important;
}

.fusion-post-card .quantity .qty,
.fusion-post-card .quantity input[type="number"] {
    border: 1px solid #E5E7EB !important;
    border-radius: var(--fof-shop-radius) !important;
    padding: 8px 10px !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    transition: border-color var(--fof-shop-transition) !important;
}

.fusion-post-card .quantity .qty:focus,
.fusion-post-card .quantity input[type="number"]:focus {
    outline: none !important;
    border-color: var(--fof-shop-primary) !important;
    box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.1) !important;
}

/* ==========================================================================
   Loading-state (ajax_add_to_cart)
   ========================================================================== */

.fusion-post-card .add_to_cart_button.loading {
    opacity: 0.65 !important;
    cursor: wait !important;
    pointer-events: none !important;
}

.fusion-post-card .add_to_cart_button.loading::after {
    content: "";
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    margin-left: 8px !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-top-color: #fff !important;
    border-radius: 50% !important;
    animation: fersk-shop-spin 0.6s linear infinite !important;
}

@keyframes fersk-shop-spin {
    to { transform: rotate(360deg); }
}

/* ==========================================================================
   Mobile justeringer
   ========================================================================== */

@media (max-width: 480px) {
    .fersk-min-order-wrapper {
        gap: 8px;
    }

    .fusion-post-card-cart-add-to-cart.add_to_cart_button,
    .fusion-post-card .add_to_cart_button {
        padding: 10px 18px !important;
        font-size: 13px !important;
    }
}