/* Couleurs thème si dispo */
:root{
  --owp-accent: var(--ocean-primary-color, #3bb44a);
  --owp-accent-blue: #2f80ed;
  --owp-text: var(--ocean-color-1, #1f2937);
  --owp-muted: #6b7280;
}

/* Cercle blanc géant */
#woo-popup-inner.is-round{
  width: 640px;
  height: 640px;
  background: #fff;
  color: var(--owp-text);
  border-radius: 50%;
  box-shadow:
    0 40px 120px rgba(0,0,0,.25),
    0 10px 25px rgba(0,0,0,.08);
  display: flex;
  align-items: center;
  justify-content: center;
}

.woo-popup-content{
  width: 78%;
  text-align: center;
  margin: 0 auto;
}

/* Check vert centré dans un disque vert */
.checkmark-wrap{ display:flex; justify-content:center; margin-bottom: 18px; }
.checkmark{ width: 82px; height: 82px; }
.checkmark-bg{
  fill: var(--owp-accent);
}
.checkmark-check{
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: check-draw .35s ease forwards;
  animation-delay: .15s;
}
@keyframes check-draw{ to{ stroke-dashoffset: 0; } }

/* Titre gros comme l'original */
.popup-title{
  margin: 8px 0 6px;
  font-size: 28px;
  line-height: 1.35;
  font-weight: 600;
}

/* Sous-texte en uppercase gris, montant en vert */
.popup-content{
  margin: 0 0 22px;
  color: var(--owp-muted);
  letter-spacing: .4px;
  font-size: 12px;
  text-transform: uppercase;
}
.popup-content .cart-total{ color: var(--owp-accent); font-weight: 700; text-transform:none; }
.popup-content .cart-count{ font-weight: 700; }

/* Boutons outline comme sur l'image */
.buttons-wrap{
  display:flex;
  justify-content:center;
  gap: 18px;
  margin-top: 8px;
}

.owp-btn-outline{
  display:inline-block;
  padding: 14px 18px;
  border-radius: 6px;
  background: transparent;
  border: 2px solid currentColor;
  font-weight: 600;
  letter-spacing: .3px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}
.owp-btn-blue{ color: var(--owp-accent-blue); }
.owp-btn-blue:hover{ filter: brightness(.9); }
.owp-btn-green{ color: var(--owp-accent); }
.owp-btn-green:hover{ filter: brightness(.95); }

/* Overlay (inliné pour couleur/opacité) */
.woo-popup-overlay{ cursor: pointer; }

/* Responsive: repasse en carte à coins arrondis sur mobile */
@media (max-width: 760px){
  #woo-popup-inner.is-round{
    width: 92vw;
    height: auto;
    border-radius: 16px;
    padding: 22px 18px;
  }
  .woo-popup-content{ width: 100%; }
  .popup-title{ font-size: 20px; }
  .buttons-wrap{ flex-direction: column; gap: 10px; }
  .owp-btn-outline{ width: 100%; text-align:center; }
}

/* Empêche scroll en fond */
body.ilist-woo-popup-open{ overflow:hidden; }