/* ============================================
   NUTRAGILE - Page Panier
   ============================================ */

/* ---- Breadcrumb panier ---- */
#cart .breadcrumb {
    display: flex !important;
    margin-left: 16px !important;
}

#cart .breadcrumb ol {
    display: flex !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

/* ---- Titre ---- */
#cart .cart-grid .cart-grid-body .card-block h1 {
    font-family: var(--nutragile-font) !important;
    font-weight: 400 !important;
    font-size: 26px !important;
    line-height: 0 !important;
    color: var(--nutragile-text-dark) !important;
    text-transform: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 9.6px !important;
}

#cart .cart-grid .cart-grid-body .card-block h1::after {
    content: attr(data-count);
    background: var(--nutragile-green-bright);
    color: var(--nutragile-white);
    font-family: var(--nutragile-font-link);
    font-size: 18px;
    font-weight: 500;
    min-width: 19.2px;
    height: 23.2px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 11.2px;
    line-height: normal;
    margin-top: 3.2px;
}

/* ---- Container tableau ---- */
#cart .cart-grid-body .card {
    box-shadow: none !important;
    overflow: hidden !important;
    background: transparent !important;
}

#cart .cart-grid-body .cart-overview {
    border-radius: 6px;
    background: var(--nutragile-white);
}

/* En-têtes colonnes */
#cart .cart-overview .cart-items::before {
    display: none !important;
}

/* ---- Ligne produit ---- */
#cart .cart-item {
    border-bottom: 1px solid var(--nutragile-cream) !important;
    padding: 0 !important;
}

#cart .cart-item:last-child {
    border-bottom: none !important;
}

#cart .cart-item .product-line-grid {
    display: flex !important;
    align-items: center !important;
    padding: 12.8px 16px !important;
    flex-wrap: nowrap !important;
}

#cart .text-center {
    text-align: center;
    font-family: var(--nutragile-font);
    font-size: 18px;
    font-weight: 400;
    color: var(--nutragile-text-dark);
    padding-left: 6.4px;
}

/* ---- Image ---- */
#cart .product-line-grid-left {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    flex: 0 0 72px !important;
    padding: 0 !important;
}

#cart .product-line-grid-left .product-image img {
    width: 84px !important;
    height: 84px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
}

/* ---- Info produit ---- */
#cart .product-line-grid-body {
    flex: 1 1 0% !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 16px 0 0 !important;
    min-width: 0 !important;
}

#cart .product-line-info a.label {
    font-family: var(--nutragile-font-link) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: var(--nutragile-text-dark) !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 1.6px !important;
}

#cart .product-line-info a.label:hover {
    color: var(--nutragile-green-bright) !important;
}

#cart .product-line-grid-body .product-price.h5,
#cart .product-line-grid-body .product-line-info.product-price {
    margin: 0 !important;
    color: var(--nutragile-text-dark) !important;
}

#cart .current-price .price {
    font-family: var(--nutragile-font-link) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: var(--nutragile-text-dark) !important;
}

#cart .product-line-info.conditionnement {
    font-family: var(--nutragile-font-link) !important;
    font-size: 13px !important;
    font-weight: 300;
    color: var(--nutragile-text-light) !important;
}

#cart .product-line-grid-body br {
    display: none !important;
}

/* ---- Bloc droit : quantité + total + supprimer ---- */
#cart .product-line-grid-right {
    flex: 0 0 auto !important;
    width: 256px !important;
    max-width: none !important;
    padding: 0 !important;
}

#cart .product-line-grid-right > .row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    width: auto !important;
}

#cart .product-line-grid-right > .row > .col-xs-4.hidden-md-up {
    display: none !important;
}

#cart .product-line-grid-right > .row > .col-md-10 {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

#cart .product-line-grid-right > .row > .col-md-10 > .row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    gap: 16px !important;
}

/* ---- Quantité touchspin ---- */
#cart .qty {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

#cart #js-ps_checkout-express-button-container::before {
    content: none !important;
}

#cart .bootstrap-touchspin {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid var(--nutragile-cream) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    height: 28.8px !important;
    flex-wrap: nowrap !important;
}

#cart .bootstrap-touchspin .input-group-btn {
    display: flex !important;
    width: auto !important;
    height: 100% !important;
}

#cart .bootstrap-touchspin .btn-touchspin {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25.6px !important;
    height: 28.8px !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
    color: var(--nutragile-text-dark) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 0 !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    position: static !important;
}

#cart .bootstrap-touchspin .btn-touchspin:hover {
    background: var(--nutragile-text-bright) !important;
}

#cart .bootstrap-touchspin .js-cart-line-product-quantity {
    text-align: center !important;
    border: none !important;
    width: 35.2px !important;
    min-width: 35.2px !important;
    height: 28.8px !important;
    font-family: var(--nutragile-font) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--nutragile-text-dark) !important;
    -moz-appearance: textfield !important;
    padding: 0 !important;
    background: var(--nutragile-white) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#cart .bootstrap-touchspin .js-cart-line-product-quantity::-webkit-outer-spin-button,
#cart .bootstrap-touchspin .js-cart-line-product-quantity::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

#cart .bootstrap-touchspin .bootstrap-touchspin-prefix,
#cart .bootstrap-touchspin .bootstrap-touchspin-postfix {
    display: none !important;
}

/* ---- Prix total ligne ---- */
#cart .product-line-grid-right .col-md-6.price,
#cart .product-line-grid-right .col-xs-2.price {
    width: 48px !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

#cart .product-line-grid-right .product-price strong {
    font-family: var(--nutragile-font-link) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: var(--nutragile-text-dark) !important;
}

/* ---- Supprimer ---- */
#cart .product-line-grid-right > .row > .col-md-2 {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 0 0 12px !important;
}

#cart .cart-line-product-actions {
    padding: 0 !important;
}

#cart .remove-from-cart {
    color: var(--nutragile-cream) !important;
    transition: color 0.2s ease !important;
    margin-top: 0px;
}

#cart .remove-from-cart:hover {
    color: var(--nutragile-red) !important;
}

#cart .remove-from-cart i {
    font-size: 16px !important;
    float: none !important;
}

/* Séparateur */
#cart .cart-grid-body hr.separator {
    border-color: var(--nutragile-cream) !important;
    margin: 0 !important;
}

/* Continuer les achats (sous le tableau) */
#cart .cart-grid-body > a.label {
    display: none !important;
}

/* ============================================
   SIDEBAR
   ============================================ */

#cart .cart-grid-right {
    position: sticky !important;
    top: 80px !important;
}

#cart .cart-grid-right .card {
    border-radius: 6px !important;
    box-shadow: none !important;
    background: var(--nutragile-cream) !important;
    margin-top: 58px;
}

#cart .cart-grid-right .card-block {
    padding: 16px !important;
}

/* Titre résumé injecté via JS */
.nt-cart-summary-title {
    font-family: var(--nutragile-font) !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    color: var(--nutragile-text-dark) !important;
    margin: 0 0 12.8px !important;
    padding: 0 0 11.2px !important;
}

/* Lignes totaux */
#cart .cart-summary-line {
    font-family: var(--nutragile-font-link) !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    color: var(--nutragile-text-dark) !important;
    padding: 4.8px 0 !important;
}

#cart .cart-summary-line .label,
#cart .cart-summary-line .value {
    font-weight: 300 !important;
    color: var(--nutragile-text-dark) !important;
}

/* Code promo — entre livraison et total */
#cart .block-promo {
    padding: 4.8px 0 !important;
}

#cart .promo-code-button {
    text-align: right !important;
}

#cart .block-promo a,
#cart .promo-code-button a {
    font-family: var(--nutragile-font-link) !important;
    font-size: 14px !important;
    font-weight: 300;
    color: var(--nutragile-text-dark) !important;
    text-decoration: underline !important;
}

#cart .block-promo a:hover,
#cart .promo-code-button a:hover {
    text-decoration: underline !important;
}

#cart .block-promo .promo-input {
    color: var(--nutragile-text-dark) !important;
    border: var(--nutragile-text-light) 1px solid !important;
    border-radius: 6px 0 0 6px !important;
    font-family: var(--nutragile-font-link) !important;
}

#cart .block-promo .promo-input+button {
    border: var(--nutragile-green-bright) 2px solid !important;
    border-radius: 0px 6px 6px 0px !important;
    font-family: var(--nutragile-font) !important;
    color: var(--nutragile-white) !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    margin-top: -2.4px !important;
    background-color: var(--nutragile-green-bright);
}

#cart .block-promo .promo-input+button:hover {
    background: var(--nutragile-green-dark) !important;
    border: var(--nutragile-green-dark) 2px solid !important;
}

/* Total */
#cart .cart-total {
    font-family: var(--nutragile-font-link) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: var(--nutragile-text-dark) !important;
    padding-top: 9.6px !important;
    margin-top: 6.4px !important;
    border: none !important;
}

#cart .cart-total .label,
#cart .cart-total .value {
    font-weight: 500 !important;
    font-size: 14px !important;
    color: var(--nutragile-text-dark) !important;
}

/* Cacher taxes incluses */
#cart .cart-summary-totals .cart-summary-line:not(.cart-total) {
    display: none !important;
}

/* Bouton Commander */
#cart .checkout a.btn-primary,
#cart .checkout .btn-primary {
    display: block !important;
    width: 100% !important;
    padding: 11.2px 16px !important;
    background: var(--nutragile-green-bright) !important;
    color: var(--nutragile-white) !important;
    font-family: var(--nutragile-font) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 6px !important;
    text-transform: none !important;
    margin: 0 !important;
}

#cart .checkout a.btn-primary:hover {
    background: var(--nutragile-green-dark) !important;
}

/* PayPal express — "ou" + bouton */
#cart #js-ps_checkout-express-button-container {
    margin-top: 0 !important;
    text-align: center !important;
}

#cart #js-ps_checkout-express-button-container::before {
    content: 'ou';
    display: block;
    font-family: var(--nutragile-font);
    font-size: 10px;
    color: var(--nutragile-text-light);
    margin: 8px 0;
}

/* Icônes paiement sécurisé */
#cart .nt-product__payment-secure {
    display: block !important;
    text-align: center !important;
}

/* Poursuivre mes achats */
#cart .cart-summary > a.label {
    display: block !important;
    text-align: center !important;
    margin: 31.2px 0px 12.8px !important;
    font-family: var(--nutragile-font-link) !important;
    font-size: 16px !important;
    color: var(--nutragile-text-dark) !important;
    text-decoration: underline !important;
    font-weight: 400;
}

#cart .cart-summary > a.label:hover {
    color: var(--nutragile-green-bright) !important;
}

/* Cacher opartdevis dans la sidebar */
#cart .cart-grid-right .clearfix.text-sm-center {
    display: none !important;
}

/* Opartdevis en bas du tableau — discret */
#cart .text-sm-center {
    text-align: right !important;
}

#cart .text-sm-center a {
    background: none;
    color: var(--nutragile-link-dark);
    text-transform: none;
    font-family: var(--nutragile-font);
    font-size: 14px;
}

#cart .text-sm-center a b {
    font-weight: 400 !important;
}

/* Reassurance */
#cart .blockreassurance_product {
    margin-top: 16px !important;
    border: none !important;
    padding: 0 !important;
}

#cart .cart-grid-right .card {
    position: relative !important;
    overflow: hidden !important;
}

#cart .cart-grid-right .card::after {
    content: '';
    position: absolute;
    bottom: -96px;
    left: -68px;
    width: 256px;
    height: 256px;
    background-color: var(--nutragile-light-cream);
    -webkit-mask: url(../img/libellule.svg) no-repeat center / contain;
    mask: url(../img/libellule.svg) no-repeat center / contain;
    pointer-events: none;
    z-index: 0;
}

#cart .cart-grid-right .card > * {
    position: relative;
    z-index: 1;
    padding-top: 0px !important;
}

/* ---- Responsive ---- */
@media (max-width: 992px) {
    #cart .cart-grid-right {
        position: static !important;
    }
}

@media (max-width: 768px) {
    #cart .cart-grid .cart-grid-body .card-block h1 {
        font-size: 19px !important;
    }

    .nt-cart-summary-title {
        font-size:18px;
    }

    #cart .cart-item .product-line-grid {
        flex-wrap: wrap !important;
    }

    #cart .cart-summary > a.label {
        font-size:14px;}

    #cart .product-line-grid-body {
        max-width: none !important;
        width: calc(100% - 72px) !important;
    }

    #cart .product-line-grid-right {
        width: 100% !important;
        margin-top: 8px !important;
        padding-left: 72px !important;
    }

    .nt-cart-header {
        display: none !important;
    }
}