/* =========================================================
   CALINO CREA — PAGE CONFIRMATION COMMANDE
   WooCommerce thank you / order received
   ========================================================= */

body.woocommerce-order-received{
  background:#fff;
}

body.woocommerce-order-received .site-main{
  padding-top:18px;
}

/* Container principal */
body.woocommerce-order-received .woocommerce-order{
  max-width:1120px;
  margin:0 auto;
}

/* =========================================================
   MESSAGE DE CONFIRMATION
   ========================================================= */

body.woocommerce-order-received .woocommerce-notice--success,
body.woocommerce-order-received .woocommerce-thankyou-order-received{
  background:rgba(255,255,255,.85);
  border:1px solid rgba(0,0,0,.08);
  border-left:4px solid rgba(176,58,58,.55);
  border-radius:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.05);
  margin-bottom:22px;
  color:rgba(0,0,0,.78);
  font-size:16px;
}

/* =========================================================
   RÉSUMÉ INFOS COMMANDE (numéro, date, email, total, paiement)
   ========================================================= */

body.woocommerce-order-received .woocommerce-order-overview{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:14px;
  margin:0 0 28px;
  padding:0;
  list-style:none;
  background:transparent;
  border:0;
  box-shadow:none;
}

body.woocommerce-order-received .woocommerce-order-overview li{
  margin:0 !important;
  padding:20px 22px !important;
  min-height:96px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  box-shadow:0 16px 40px rgba(0,0,0,.05);
  color:rgba(0,0,0,.55);
  font-size:13px;
  line-height:1.4;
  text-transform:none !important;
}

body.woocommerce-order-received .woocommerce-order-overview li strong,
body.woocommerce-order-received .woocommerce-order-overview li span,
body.woocommerce-order-received .woocommerce-order-overview li .amount,
body.woocommerce-order-received .woocommerce-order-overview li bdi{
  display:inline-block;
  margin-top:8px;
  color:#1b1b1b;
  font-size:16px;
  font-weight:800;
  line-height:1.4;
  word-break:break-word;
}

/* Total : empêche 51,50 € de casser */
body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total,
body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total *{
  white-space:nowrap !important;
}

/* =========================================================
   BLOCS DÉTAILS COMMANDE / ADRESSES
   ========================================================= */

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding:22px;
  box-shadow:0 20px 55px rgba(0,0,0,.06);
  margin-bottom:22px;
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title{
  font-size:15px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#1b1b1b;
  margin:0 0 16px;
}

/* =========================================================
   TABLEAU DÉTAILS DE COMMANDE
   ========================================================= */

body.woocommerce-order-received .woocommerce-order-details table.shop_table{
  width:100%;
  border:0 !important;
  margin:0;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table td{
  vertical-align:top;
}

/* Head */
body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(0,0,0,.58);
  border-bottom:1px solid rgba(0,0,0,.08) !important;
  padding:0 0 14px !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th:first-child{
  width:40%;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th:last-child{
  width:60%;
  text-align:left;
}

/* Body + foot */
body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody td,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td{
  border-top:1px solid rgba(0,0,0,.08) !important;
  padding:14px 0 !important;
  color:#1b1b1b;
  background:transparent !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody tr:first-child td{
  border-top:0 !important;
}

/* Footer widths */
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th{
  width:40%;
  padding-right:24px !important;
  font-weight:700;
  color:rgba(0,0,0,.72);
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td{
  width:60%;
  font-weight:800;
  text-align:left;
}

/* Colonne droite plus aérée */
body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody td:last-child{
  text-align:left;
}

/* Produit commandé */
body.woocommerce-order-received .product-name{
  font-weight:600;
  line-height:1.5;
}

body.woocommerce-order-received .product-name strong{
  font-weight:800;
}

body.woocommerce-order-received .wc-item-meta,
body.woocommerce-order-received .wc-item-meta li,
body.woocommerce-order-received .wc-item-meta p{
  font-size:13px;
  color:rgba(0,0,0,.60);
  line-height:1.5;
}

/* =========================================================
   ADRESSES
   ========================================================= */

body.woocommerce-order-received address{
  font-style:normal;
  line-height:1.8;
  color:rgba(0,0,0,.72);
  background:rgba(0,0,0,.02);
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  padding:16px 18px;
}

/* =========================================================
   LIENS
   ========================================================= */

body.woocommerce-order-received a{
  color:#B03A3A;
  text-decoration:none;
}

body.woocommerce-order-received a:hover{
  text-decoration:underline;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767px){
  body.woocommerce-order-received .woocommerce-order-overview{
    grid-template-columns:1fr;
  }

  body.woocommerce-order-received .woocommerce-order-overview li{
    min-height:auto;
    padding:18px 20px !important;
  }

  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details{
    padding:18px;
  }

  body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th:first-child,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th:last-child,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td{
    width:auto;
  }
}