/* ===========================
   Add To Cart Popup (Modal)
=========================== */

.oo-atc-popup{
  position:fixed; inset:0; z-index:999999;
  display:none; align-items:center; justify-content:center;
  font-family:"Open Sans", sans-serif;
}
.oo-atc-popup.is-open{display:flex;}

.oo-atc-popup__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,0.60);
}

.oo-atc-popup__panel{
  position:relative;
  width:min(92vw, 700px);
  background:#fff;
  border-radius:26px;
  padding:26px 26px 20px;
  box-shadow:0 24px 60px rgba(0,0,0,0.25);
  z-index:1;
  overflow:visible;
}

/* ===========================
   STATUS (ICON + TITLE)
=========================== */

.atc-status{
  margin-top: 26px;
  margin-bottom: 46px;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:6px;
}

.atc-badge{
  width:clamp(78px,12vw,110px) !important;
  aspect-ratio:1/1 !important;
  position:relative !important;
  display:block !important;
}

.atc-badge__inner{
  position:absolute !important;
  left:50% !important; top:50% !important;
  transform:translate(-50%,-50%) !important;

  width:100% !important;
  height:100% !important;

  border-radius:999px !important;
  background:#2596be !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  box-shadow:0 16px 40px rgba(36,80,105,0.30) !important;
}

.atc-badge__icon{
  width:48% !important;
  height:auto !important;
  display:block !important;
}

.atc-status__title{
  margin-top:10px;
  font-weight:900;
  font-size:18px;
  color:#111827;
}

/* ===========================
   PRODUCT INFO (PPDL)
=========================== */

.oo-atc-ppdl{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;

  background:#f5f7fb;
  border-radius:22px;

  padding:30px 22px;

  /* ✅ više lufta gore/dole */
  margin-top:10px;
  margin-bottom:70px; /* ✅ veći razmak prema dugmadima */

  border:1px solid rgba(0,0,0,0.06);
}

.oo-atc-ppdl__left{
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
}

/* Image */
.oo-atc-ppdl__image{
  flex:0 0 auto;
  width:clamp(110px, 16vw, 180px);
  height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}

.oo-atc-ppdl__image img,
.oo-atc-popup__img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:110px !important;
  object-fit:contain !important;
  mix-blend-mode: multiply;
}

.oo-atc-ppdl__image img{
  position:static !important;
  transform:none !important;
}

.oo-atc-ppdl__info{
  padding-left:22px;
  min-width:0;
}

.oo-atc-ppdl__brand{
  font-size:16px;
  font-weight:900;
  color:#111827;
}

.oo-atc-ppdl__name{
  font-size:32px;
  font-weight:900;
  line-height:1.04;
  color:#245069;
  word-break:break-word;
}

/* Hide any price area if present */
.oo-atc-ppdl__right,
.oo-atc-ppdl__price{
  display:none !important;
}

/* ===========================
   ACTIONS
=========================== */

.oo-atc-popup__actions{
  display:flex;
  width:100%;
  margin-bottom: 30px;
}

/* ✅ STACK (jedno ispod drugog) + razmak od preview-a */
.oo-atc-popup__actions--row{
  flex-direction:column;   /* ✅ sad je stack */
  gap:16px;                /* razmak između buttona */
  margin-top:6px;          /* dodatni luft (preview već ima margin-bottom) */
}

/* Button base — ✅ veća visina */
.oo-atc-btn{
  width:100%;
  padding:28px 22px;       /* ✅ “duplo veće” (u odnosu na prije) */
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
  font-size:22px;

  /* ✅ bitno: ostaje centrirano */
  display:flex;
  align-items:center;
  justify-content:center;

  /* ✅ dodano: da možemo ikonu zalijepiti lijevo */
  position:relative;

  border:1px solid rgba(0,0,0,0.12);
  background:#fff;
  color:#2596be;
}

/* ✅ IKONA skroz lijevo, tekst ostaje centar */
.oo-atc-btn__icon{
  position:absolute;
  left:28px;

  width:30px;
  height:30px;

  margin-right:0;      /* ✅ bitno: više ne gura tekst */
  display:block;
}

.oo-atc-btn__text{
  display:inline-block;
  line-height:1;
}

/* Primary */
.oo-atc-btn--primary{
  background:#2596be;
  color:#fff;
  border:1px solid rgba(0,0,0,0.06);
}

.oo-atc-btn--primary:link,
.oo-atc-btn--primary:visited{
  color:#fff;
}

.oo-atc-btn:link,
.oo-atc-btn:visited{
  color:#111827;
}

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

@media (max-width:768px){
  .oo-atc-popup__panel{
    width:min(94vw, 640px);
    padding:22px 18px 18px;
  }

  .oo-atc-ppdl{
    padding:18px 16px;
    margin-top:8px;
    margin-bottom:26px;
  }

  .oo-atc-ppdl__name{
    font-size:32px;
  }

  .oo-atc-ppdl__image{
    width:clamp(100px, 26vw, 150px);
  }

  .oo-atc-ppdl__image img,
  .oo-atc-popup__img{
    max-height:90px !important;
  }

  .oo-atc-ppdl__info{
    padding-left:16px;
  }

  /* dugmad ostaju stack i na mobitelu */
  .oo-atc-btn{
    padding:26px 18px;
    font-size:20px;
  }

  .oo-atc-btn__icon{
    width:28px;
    height:28px;
    left:22px;
  }
}