/* ================================================
   Design page commander
   ================================================ */

/* --- Tableau général --- */
.woocommerce-checkout-review-order-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 16px;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

/* --- En-tête --- */
.woocommerce-checkout-review-order-table thead th {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #888;
    padding: 10px 16px;
    background: #f8f9fa;
    border-bottom: 1px solid #e4e4e4;
}

/* --- Ligne produit --- */
.woocommerce-checkout-review-order-table .cart_item td {
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: top;
}

/* Prix sous-total — aligné en haut à droite */
.woocommerce-checkout-review-order-table .cart_item td.product-total {
    text-align: right;
    vertical-align: top;
    font-weight: 600;
    color: #1c1c1e;
    white-space: nowrap;
}

/* --- Métas (marquage, texte perso…) --- */
.woocommerce-checkout-review-order-table .product-name dd,
.woocommerce-checkout-review-order-table .product-name .wc-item-meta {
    font-size: 16px;
    color: #666;
    margin-top: 4px;
}

/* --- Détail unitaire WCPPCM --- */
.woocommerce-checkout-review-order-table .wcppcm-unit-detail {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}

.woocommerce-checkout-review-order-table .wcppcm-unit-detail strong {
    color: #1a84b8;
    font-weight: 800;
}

/* --- Lien modifier quantité --- */
.wcppcm-edit-qty {
    display: inline-block;
    margin-top: 6px;
    font-size: 16px;
    color: #1a84b8;
    font-weight: 500;
    text-decoration: none;
}

.wcppcm-edit-qty:hover {
    text-decoration: underline;
}

/* --- Visuels maquette — bordure sur fond blanc --- */
.woocommerce-checkout-review-order-table td img {
    border: 1px solid #e4e4e4 !important;
    border-radius: 6px;
    background: #f8f8f8;
    padding: 3px;
    max-width: 80px;
    height: auto;
    display: block;
    margin: 6px 0;
}

/* --- Lignes totaux --- */
.woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout-review-order-table tfoot tr td {
    padding: 10px 16px;
    font-size: 16px;
    border-bottom: 1px solid #f0f0f0;
    color: #555;
}

.woocommerce-checkout-review-order-table tfoot tr th {
    font-weight: 500;
}

/* --- Frais techniques — fond ambré --- */
.woocommerce-checkout-review-order-table tr.fee th,
.woocommerce-checkout-review-order-table tr.fee td {
    color: #92400e;
    background: #fffbeb;
    font-size: 16px;
}

.woocommerce-checkout-review-order-table tr.fee td small {
    display: block;
    margin-top: 2px;
    font-size: 16px;
    color: #b45309;
}

/* --- Expédition — vert --- */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td {
    color: #065f46;
}

/* --- TVA --- */
.woocommerce-checkout-review-order-table tr.tax-rate th,
.woocommerce-checkout-review-order-table tr.tax-rate td {
    font-size: 14px;
    color: #888;
}

/* --- Ligne Total — fond sombre, montant orange --- */
.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total td {
    background: #1c1c1e;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 16px;
    border-bottom: none;
}

.woocommerce-checkout-review-order-table tr.order-total td .woocommerce-Price-amount {
    color: #f97316;
    font-size: 18px;
    font-weight: 800;
}


/* ================================================
   CHECKOUT — Mise en page 2 colonnes récap produit
   ================================================ */

.wcppcm-checkout-row {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

/* Colonne gauche — maquette */
.wcppcm-checkout-thumb {
    flex-shrink: 0;
    width: 100px;
    text-align: center;
}

.wcppcm-checkout-thumb img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    border: 1px solid #e4e4e4 !important;
    border-radius: 8px;
    background: #f8f8f8;
    padding: 4px;
    display: block;
}

.wcppcm-view-maquette {
    display: block;
    margin-top: 6px;
    font-size: 16px;
    color: #1a84b8;
    text-decoration: none;
    font-weight: 500;
}

.wcppcm-view-maquette:hover {
    text-decoration: underline;
}

/* Colonne droite — infos */
.wcppcm-checkout-details {
    flex: 1;
    min-width: 0;
}

.wcppcm-checkout-qty {
    font-size: 16px;
    font-weight: 600;
    color: #1c1c1e;
    margin-bottom: 8px;
}

/* Badges marquage */
.wcppcm-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    margin: 0 4px 6px 0;
}

.wcppcm-badge-toile {
    background: #e1f0fa;
    color: #0c5a8a;
}

.wcppcm-badge-bag {
    background: #fef3c7;
    color: #92400e;
}

/* Texte perso */
.wcppcm-custom-text {
    font-size: 11px;
    color: #888;
    margin: 6px 0;
    font-style: italic;
}

button#place_order {
    background-color: #f97316;
    width: 100%;
    border: none;
}

button#place_order:hover{
	color: #fff;
}