/**
 *   Copyright since 2009 ohmyweb!
 *
 *   @author    ohmyweb <contact@ohmyweb.fr>
 *   @copyright since 2009 ohmyweb!
 *   @license   Proprietary - no redistribution without authorization
 *
 *   Mise en page deux colonnes (port actuel du panier / port une fois le produit
 *   ajouté), appliquée quand le gabarit sort la classe `oh-delivery--split`.
 */

/* Gabarit du module */
.oh_dateofdelivery-head,
.oh_dateofdelivery-line {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.oh_dateofdelivery-carrier {
    flex: 1 1 auto;
    font-weight: 600;
}

.oh_dateofdelivery-date {
    flex: 1 1 auto;
}

.oh_dateofdelivery-head .oh_dateofdelivery-cart-price,
.oh_dateofdelivery-head .oh_dateofdelivery-price {
    font-weight: 400;
    opacity: 0.7;
}

.oh_dateofdelivery-cart-price,
.oh_dateofdelivery-price {
    flex: 0 0 8rem;
    text-align: right;
}

.oh_dateofdelivery-free-from {
    display: block;
    font-weight: 400;
}

/* Surcharge de thème : le gabarit reprend les classes `oh-delivery__*`, dont les
   règles ne couvrent que deux cellules par ligne. On complète pour la troisième. */
.oh_dateofdelivery.oh-delivery--split > div > div:first-child {
    flex: 1 1 auto;
}

.oh_dateofdelivery.oh-delivery--split > div > div.oh-delivery__cost {
    flex: 0 0 8rem;
    margin-left: 0;
    padding-left: 0.5rem;
    text-align: right;
    font-weight: bold;
    color: #cd8529;
}

.oh_dateofdelivery.oh-delivery--split > div.oh-delivery__head > div.oh-delivery__cost {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: #767676;
}

.oh_dateofdelivery.oh-delivery--split > div > div.oh-delivery__cost--free {
    color: #4a8a3f;
}

@media (max-width: 575.98px) {
    .oh_dateofdelivery-cart-price,
    .oh_dateofdelivery-price,
    .oh_dateofdelivery.oh-delivery--split > div > div.oh-delivery__cost {
        flex: 0 0 5.5rem;
    }
}