{{-- Styles de la barre d'action produit (quantité, ajout au panier, wishlist)
     et des lignes de variantes. Partagés par la fiche produit et la fiche plat. --}}
            .swiper-slide.nav-item {
                width: auto !important;
            }

            /* main.css ajoute `padding-right: 0px` à la pastille de catégorie et
               écrase le raccourci `padding: 0px 10px` du thème : on le rétablit. */
            .rts-product-details-section .details-product-area .product-catagory {
                padding-right: 10px;
            }

            .add-to-cart-inline-form {
                display: flex;
                align-items: center;
                gap: 10px;
                flex-wrap: wrap;
            }

            .add-to-cart-inline-form .quantity-edit {
                display: flex;
                align-items: center;
                gap: 5px;
            }

            .add-to-cart-inline-form .quantity-input {
                width: 60px;
                text-align: center;
            }

            .cart-message {
                margin-top: 10px;
                font-size: 14px;
                font-weight: 500;
            }

            .cart-message.success {
                color: green;
            }

            .cart-message.error {
                color: red;
            }

            .product-bottom-action {
                display: flex;
                align-items: center;
                gap: 15px;
                flex-wrap: nowrap;
            }

            .add-to-cart-inline-form {
                display: flex;
                align-items: center;
                gap: 10px;
                flex: 0 1 auto;
                flex-wrap: nowrap;
                margin: 0;
            }

            #home-wishlit-product-grid {
                background-color: #C3AD66;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 46px;
                min-width: 46px;
                width: 46px;
                border-radius: 6px;
                border: 1px solid #C3AD66;
                cursor: pointer;
                transition: 0.3s ease;
                font-size: 20px;
                margin: 0;
                padding: 0;
                flex: 0 0 46px;
            }

            .fa-cart-arrow-down{
                color: #000000;
            }

            .rts-btn.btn-primary:hover .fa-cart-arrow-down{
                color: #ffffff;
            }

            input[type=radio]~label::after{
                opacity: 0 !important;
            }

            .add-to-cart-inline-form {
                display: flex;
                flex-wrap: wrap;
            }

            .product-variants {
                width: 100%;
            }

            /* Suppléments d'un plat : mêmes tuiles que le back-office
               restaurateur (resto-supp-*). Le formulaire est en flex-wrap :
               sans largeur pleine, la quantité et le bouton remonteraient à
               côté du bloc au lieu de passer en dessous. */
            .dish-supplements-block {
                width: 100%;
                margin-bottom: 20px;
            }

            .dish-supplements-block .dish-supp-title {
                font-weight: 700;
                font-size: 15px;
                margin-bottom: 10px;
            }

            .dish-supp-cat {
                margin-bottom: 16px;
            }

            .dish-supp-cat-title {
                font-weight: 700;
                color: #111;
                font-size: 13px;
                text-transform: uppercase;
                letter-spacing: .04em;
                margin-bottom: 8px;
                padding-bottom: 4px;
                border-bottom: 1px solid #eee;
            }

            .dish-supp-items {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
                gap: 8px 16px;
            }

            .dish-supp-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                padding: 6px 10px;
                border: 1px solid #eee;
                border-radius: 10px;
                background: #fafafa;
                cursor: pointer;
                user-select: none;
                transition: border-color .15s ease, background .15s ease;
            }

            .dish-supp-row:hover {
                border-color: #d8cfa8;
            }

            .dish-supp-row.is-on {
                border-color: #C3AD66;
                background: #fbf9f0;
            }

            .dish-supp-row:focus-visible {
                outline: 2px solid #C3AD66;
                outline-offset: 2px;
            }

            .dish-supp-input {
                display: none;
            }

            .dish-supp-name {
                display: flex;
                align-items: center;
                gap: 8px;
                font-weight: 500;
                color: #444;
                transition: color .15s ease;
            }

            .dish-supp-row.is-on .dish-supp-name {
                color: #111;
                font-weight: 600;
            }

            .dish-supp-price {
                font-size: 13px;
                color: #888;
                white-space: nowrap;
                opacity: .6;
                transition: opacity .15s ease, color .15s ease;
            }

            .dish-supp-row.is-on .dish-supp-price {
                opacity: 1;
                color: #C3AD66;
                font-weight: 600;
            }

            /* Sous-total : dernier bloc du formulaire, après les suppléments et
               les modes de livraison. Largeur pleine, sinon le flex-wrap du
               formulaire le remonterait à côté. */
            .dish-subtotal-block {
                width: 100%;
                margin-bottom: 20px;
            }

            .dish-supp-subtotal {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                margin-top: 4px;
                padding-top: 10px;
                border-top: 1px solid #eee;
                font-weight: 700;
                color: #111;
            }

            .dish-supp-subtotal-value {
                color: #C3AD66;
                font-size: 18px;
            }

            /* Modes de récupération et de livraison proposés par le restaurant.
               Même contrainte de largeur pleine que les suppléments. */
            .dish-delivery-block {
                width: 100%;
                margin-bottom: 20px;
            }

            .dish-delivery-block .dish-supp-title {
                font-weight: 700;
                font-size: 15px;
                margin-bottom: 10px;
            }

            .dish-delivery-row {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 8px 12px;
                border: 1px solid #eee;
                border-radius: 10px;
                background: #fafafa;
                margin-bottom: 6px;
                color: #444;
                font-weight: 500;
            }

            .dish-delivery-row i {
                color: #C3AD66;
                width: 18px;
                text-align: center;
            }

            label.dish-delivery-row {
                cursor: pointer;
                user-select: none;
                transition: border-color .15s ease, background .15s ease;
            }

            label.dish-delivery-row:hover {
                border-color: #d8cfa8;
            }

            .dish-delivery-row.is-on {
                border-color: #C3AD66;
                background: #fbf9f0;
                color: #111;
                font-weight: 600;
            }

            .dish-delivery-row.is-disabled {
                opacity: .55;
                cursor: default;
            }

            .dish-delivery-input {
                width: 16px;
                height: 16px;
                accent-color: #C3AD66;
                margin: 0;
            }

            .dish-delivery-price {
                margin-left: auto;
                color: #C3AD66;
                font-weight: 600;
                white-space: nowrap;
            }

            .dish-delivery-hint {
                font-size: 12px;
                color: #999;
                margin: 2px 0 0 2px;
            }

            .dish-delivery-address {
                margin: 10px 0 0 2px;
            }

            .dish-delivery-address-title {
                font-size: 12px;
                font-weight: 600;
                color: #666;
                margin-bottom: 6px;
            }

            .dish-delivery-address-fields {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
            }

            .dish-address-input {
                flex: 1 1 130px;
                min-width: 0;
                padding: 8px 10px;
                border: 1px solid #e2e2e2;
                border-radius: 8px;
                font-size: 13px;
            }

            .dish-address-input[readonly] {
                background: #fafafa;
                color: #666;
                cursor: default;
            }

            /* En saisie : contour noir franc, pour montrer que le champ est
               modifiable tant que l'adresse n'est pas enregistrée. */
            .dish-address-input.is-editable {
                border: 1px solid #000;
                background: #fff;
                color: #111;
            }

            .dish-address-input:focus {
                outline: none;
                border-color: #000;
            }

            .dish-address-submit {
                flex: 0 0 auto;
                height: 38px;
                padding: 0 18px;
            }

            .dish-delivery-address-feedback {
                font-size: 12px;
                margin-top: 6px;
                min-height: 16px;
            }

            .dish-delivery-address-feedback.is-error {
                color: #d9534f;
            }

            .dish-delivery-address-feedback.is-ok {
                color: #2c6b3f;
            }

            .dish-carrier-picker {
                margin: 8px 0 12px 2px;
                display: grid;
                gap: 8px;
            }

            .dish-carrier-state {
                font-size: 12px;
                color: #999;
                margin: 0;
            }

            .dish-carrier-card {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                padding: 10px 14px;
                border: 1px solid #e2e2e2;
                border-radius: 10px;
                cursor: pointer;
                transition: border-color .15s ease, background .15s ease;
            }

            .dish-carrier-card:hover {
                border-color: #C3AD66;
            }

            .dish-carrier-card.is-selected {
                border-color: #C3AD66;
                background: #fbf7ec;
            }

            .dish-carrier-card-name {
                font-weight: 700;
                color: #111;
                font-size: 13px;
            }

            .dish-carrier-card-city {
                color: #888;
                font-size: 12px;
                margin-top: 2px;
            }

            .dish-carrier-card-distance {
                flex: 0 0 auto;
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                gap: 2px;
                font-size: 12px;
                font-weight: 700;
                color: #8a7233;
            }

            /* Montant de la course et tarif au kilometre du chauffeur, sous la
               distance : le client compare les quatre propositions d'un coup
               d'oeil. */
            .dish-carrier-card-price {
                font-size: 13px;
                color: #111;
            }

            .dish-carrier-card-rate {
                font-size: 11px;
                font-weight: 500;
                color: #888;
            }

            .product-variants .mb-3 {
                display: flex;
                align-items: center;
                gap: 15px;
            }

            .product-variants .mb-3 > strong {
                margin-bottom: 0;
                white-space: nowrap;
            }

            .product-variants-list {
                display: flex;
                flex-direction: column;
                gap: 12px;
            }

            .product-variant-row {
                display: grid;
                grid-template-columns: 160px 1fr;
                align-items: start;
                column-gap: 20px;
            }

            .product-variant-label {
                font-weight: 600;
                margin: 0;
                white-space: nowrap;
            }

            .product-variant-value {
                display: flex;
                flex-wrap: wrap;
                gap: 12px 20px;
                align-items: center;
            }

            .product-variant-value.vendor-value {
                display: block;
            }

            .product-variant-value {
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;
            }

            .variant-chip-group {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
            }

            .variant-chip {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                margin: 0;
                padding: 7px 14px;
                border: 1px solid #d8d8d8;
                border-radius: 6px;
                background: #ffffff;
                font-size: 14px;
                line-height: 1.2;
                color: #1f1f1f;
                cursor: pointer;
                user-select: none;
                transition: border-color .15s ease, background-color .15s ease;
            }

            .variant-chip:hover {
                border-color: #C3AD66;
            }

            /* style.css impose input[type=radio] { opacity:1; position:relative;
               height:auto !important; max-width:18px } : plus spécifique qu'une
               simple classe, et avec un !important. D'où la sélectivité renforcée
               et les !important ici, sinon le rond natif reste visible. */
            .variant-chip-swatch {
                display: inline-block;
                flex: none;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                border: 1px solid rgba(0, 0, 0, .25);
            }

            /* Sur une puce sélectionnée (fond or), un liseré clair garde les
               teintes foncées visibles, et l'inverse pour les teintes claires. */
            .variant-chip.is-selected .variant-chip-swatch,
            .variant-chip:has(.variant-chip-input:checked) .variant-chip-swatch {
                border-color: rgba(255, 255, 255, .95);
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .18);
            }

            .variant-chip.is-out .variant-chip-swatch {
                opacity: .45;
            }

            .variant-spec-values {
                display: flex;
                flex-wrap: wrap;
                gap: 6px 16px;
            }

            .variant-spec-value {
                display: inline-flex;
                align-items: center;
                gap: 6px;
            }

            input[type="radio"].variant-chip-input {
                position: absolute !important;
                width: 1px !important;
                max-width: 1px !important;
                height: 1px !important;
                margin: -1px !important;
                padding: 0 !important;
                border: 0 !important;
                opacity: 0 !important;
                overflow: hidden;
                clip-path: inset(50%);
                white-space: nowrap;
                appearance: none;
                -webkit-appearance: none;
                pointer-events: none;
            }

            .variant-chip.is-selected,
            .variant-chip:has(.variant-chip-input:checked) {
                border-color: #C3AD66;
                background: #C3AD66;
                color: #ffffff;
            }

            .variant-chip:has(.variant-chip-input:focus-visible) {
                outline: 2px solid #C3AD66;
                outline-offset: 2px;
            }

            .variant-chip.is-out {
                cursor: not-allowed;
                border-color: #ececec;
                background: #f7f7f7;
                color: #a5a5a5;
            }

            .variant-chip.is-out:hover {
                border-color: #ececec;
            }

            .variant-chip.is-out .variant-chip-text {
                text-decoration: line-through;
            }

            .variant-chip-flag {
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: .03em;
                color: #a5a5a5;
            }

            .variant-chip-stock {
                margin: 0;
                font-size: 13px;
                color: #6b7280;
            }

            .variant-required-notice {
                width: 100%;
                margin: 0 0 10px;
                font-size: 13px;
                color: #b45309;
            }

            .rts-btn.add-to-cart-submit:disabled,
            .rts-btn.add-to-cart-submit.is-disabled {
                background: #e2e2e2;
                border-color: #e2e2e2;
                color: #9a9a9a;
                cursor: not-allowed;
                pointer-events: none;
            }

            .rts-btn.add-to-cart-submit:disabled .btn-text,
            .rts-btn.add-to-cart-submit.is-disabled .btn-text,
            .rts-btn.add-to-cart-submit:disabled .arrow-icon,
            .rts-btn.add-to-cart-submit.is-disabled .arrow-icon {
                color: #9a9a9a;
            }

            @media only screen and (max-width: 767px) {
                .product-bottom-action {
                    flex-wrap: wrap;
                }
                
                .rts-btn.btn-primary.radious-sm.with-icon.add-to-cart-submit{
                    margin-top: -18px;
                }

                .product-variant-row {
                    grid-template-columns: 1fr;
                    row-gap: 8px;
                }
            }

            /* Mobile : la photo principale devient un carré fixe, et toute
               interaction est coupée (pas de zoom au doigt, pas de clic). */
            @media (max-width: 991px) {
                .product-thumb-area .thumb-wrapper .product-thumb {
                    aspect-ratio: 1 / 1;
                    width: 100%;
                    height: auto;
                    background-size: cover;
                    background-position: center center !important;
                    overflow: hidden;
                    border-radius: 7px;
                    pointer-events: none;
                    cursor: default;
                }

                .product-thumb-area .thumb-wrapper .product-thumb img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    opacity: 1 !important;
                }
            }