.elementor-15 .elementor-element.elementor-element-242bb60c{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-242bb60c{--content-width:70%;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-242bb60c{--content-width:70%;}}/* Start custom CSS for container, class: .elementor-element-242bb60c *//***************
  VARIABLES
***************/
:root{
  --metod-primary:#1473ff;
  --metod-accent:#6d37ff;
  --metod-green:#10b981;
  --metod-text:#0f172a;
  --metod-muted:#6b7280;
  --metod-border:#eef0f4;
  --metod-card:#ffffff;
  --metod-bg:#f8fafc;
}

/***************
  CONTEXTE
***************/
body.woocommerce-cart{
  background: var(--metod-bg);
  color: var(--metod-text);
}
.woocommerce-cart h1.wp-block-heading{
  font-weight:900; letter-spacing:.2px; margin-bottom:.5rem;
}

/***************
  BANDEAU CONFIANCE (haut)
***************/
.metod-cart-banner{
  background:#fff;
  border:1px solid var(--metod-border);
  border-radius:12px;
  padding:12px 16px;
  box-shadow:0 4px 12px rgba(0,0,0,.04);
  display:flex;          /* aligne vraiment le contenu */
  align-items:center;    /* centrage vertical du texte/icônes */
  text-align:left;
}
.metod-cart-banner p{
  margin:0;
  display:flex;          /* une ligne fluide, centrée verticalement */
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  color:#334155;
  font-weight:600;
  line-height:1.25;      /* évite l’effet “décalé” */
}
.metod-cart-banner p > span{display:inline-flex; align-items:center;}

/***************
  LISTE ARTICLES
***************/
.wc-block-cart .wc-block-cart-items__row{
  background:var(--metod-card);
  border:1px solid var(--metod-border);
  border-radius:16px;
  padding:18px;
  box-shadow:0 14px 32px rgba(0,0,0,.06);
}
.wc-block-cart .wc-block-cart-items__header,
.wc-block-cart .wc-block-cart-items__footer{ border-color:var(--metod-border); }
.wc-block-cart-item__image img{ border-radius:12px; }
.wc-block-components-product-name{ font-size:18px; font-weight:800; }
.wc-block-components-product-price{ font-weight:800; color:#000; }
.wc-block-cart-item__remove-link{ text-decoration:none; color:#7b8794; font-weight:600; }
.wc-block-cart-item__remove-link:hover{ color:#d10000; }

.wc-block-components-quantity-.elementor-15 .elementor-element.elementor-element-242bb60c{
  border-radius:999px; overflow:hidden;
  border:1px solid #e3e7ef; background:#fff;
}
.wc-block-components-quantity-.elementor-15 .elementor-element.elementor-element-242bb60c input{ height:38px; min-width:46px; font-weight:700; }
.wc-block-components-quantity-.elementor-15 .elementor-element.elementor-element-242bb60c .wc-block-components-quantity-.elementor-15 .elementor-element.elementor-element-242bb60c__button{
  min-width:40px; height:38px; font-weight:800;
}

/***************
  TOTAUX (colonne droite) — Marges internes
***************/
.wc-block-components-totals-wrapper{
  background:var(--metod-card);
  border:1px solid var(--metod-border);
  border-radius:22px;
  padding:40px 36px;   /* plus d’air autour */
  box-shadow:0 22px 44px rgba(0,0,0,.08);
}
@media (min-width: 992px){
  .wc-block-components-totals-wrapper{ position:sticky; top:22px; }
}

/* Chaque sous-bloc (code promo, lignes de totaux, etc.) */
.wc-block-components-totals-wrapper .wc-block-components-totals-item,
.wc-block-components-totals-wrapper .wc-block-components-panel,
.wc-block-components-totals-wrapper .wc-block-components-order-summary-item,
.wc-block-components-totals-wrapper .wc-block-components-order-summary{
  padding:20px 0;   /* ↑ marge verticale */
}

/* Champ code promo */
.wc-block-components-text-input input{
  border:1px solid #e3e7ef;
  border-radius:10px;
  padding:14px 16px;   /* ↑ padding interne */
  font-size:15px;
}
.wc-block-components-form .wc-block-components-button{
  border-radius:10px!important;
  font-weight:800;
  padding:14px 18px!important;
}

/* Ligne "Total estimé" un peu plus grande */
.wc-block-components-totals-item--order-total .wc-block-components-totals-item__label,
.wc-block-components-totals-item--order-total .wc-block-components-totals-item__value{
  font-size:22px;
  font-weight:900;
}


/***************
  CTA
***************/
.wc-block-cart__submit-container .wc-block-components-button:not(.is-link){
  border-radius:14px;
  padding:16px 18px;
  font-weight:800;
  background:linear-gradient(90deg,var(--metod-primary),var(--metod-accent));
  box-shadow:0 10px 24px rgba(20,115,255,.25);
}
.wc-block-cart__submit-container .wc-block-components-button:not(.is-link):hover{
  filter:saturate(1.1) brightness(1.02);
  transform:translateY(-1px);
}
/* ► Plus de marge dans TOUS les cadres blancs sous "TOTAL PANIER" mais moins haut */
.wc-block-components-totals-wrapper{
  padding: 28px 28px !important;   /* ↓ hauteur plus compacte */
}

/* Bouton d’accordéon + contenu (cadre "Ajouter des codes promo") */
.wc-block-components-totals-wrapper .wc-block-components-panel__button,
.wc-block-components-totals-wrapper .wc-block-components-panel__content{
  padding: 14px 22px !important;   /* réduit vertical */
  border-radius: 14px !important;
}

/* Chaque ligne de totaux (dont "Total estimé") */
.wc-block-components-totals-wrapper .wc-block-components-totals-item{
  padding: 14px 22px !important;   /* moins de hauteur */
  border-radius: 14px !important;
}

/* Bloc "order total" (Total estimé) */
.wc-block-components-totals-item--order-total{
  padding: 16px 22px !important;
  border-radius: 14px !important;
}

/* Élément direct du wrapper (sécurité) */
.wc-block-components-totals-wrapper > *{
  padding-left: 22px !important;
  padding-right: 22px !important;
}

/* Champ + bouton du coupon un peu plus compacts */
.wc-block-components-text-input input{
  padding: 10px 14px !important;
  border-radius: 8px !important;
}
.wc-block-components-form .wc-block-components-button{
  padding: 10px 16px !important;
  border-radius: 8px !important;
  font-weight: 700;
}

/* ► Bandeau du haut centré verticalement */
.metod-cart-banner{
  display:flex; align-items:center; text-align:left;
}
.metod-cart-banner p{
  margin:0; display:flex; align-items:center;
  gap:16px; flex-wrap:wrap; line-height:1.3;
}
/* ► Wrapper global des totaux */
.wc-block-components-totals-wrapper{
  padding: 20px 22px !important;   /* moins de hauteur et de largeur */
  border-radius: 14px;
}

/* Cadres internes : code promo, sous-total, total estimé */
.wc-block-components-totals-wrapper .wc-block-components-totals-item,
.wc-block-components-totals-wrapper .wc-block-components-panel__button,
.wc-block-components-totals-wrapper .wc-block-components-panel__content{
  padding: 10px 0 !important;     /* réduit fortement la hauteur */
}

/* Bloc "Total estimé" un poil plus aéré mais compact */
.wc-block-components-totals-item--order-total{
  padding: 12px 0 !important;
  font-size: 20px;
  font-weight: 900;
}

/* Champ + bouton coupon compacts */
.wc-block-components-text-input input{
  padding: 8px 12px !important;
  border-radius: 6px !important;
}
.wc-block-components-form .wc-block-components-button{
  padding: 8px 14px !important;
  border-radius: 6px !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
}

/* Bouton "Valider la commande" compact mais lisible */
.wc-block-cart__submit-container .wc-block-components-button:not(.is-link){
  padding: 12px 16px !important;
  border-radius: 10px !important;
  font-weight: 800;
  font-size: 15px;
}/* End custom CSS */