/* ====== PLAN BOXES (PRINT) ====== */
.printIssue1,
.printIssue2,
.printIssue3{
  border: 2px solid #b7b7b7 !important; /* default sivo */
  border-radius: 0 !important;
  text-align: center;
  color: #6b7280;
  cursor: pointer;
  transition:
    border-color .2s ease,
    color .2s ease,
    box-shadow .2s ease,
    opacity .2s ease,
    filter .2s ease;
}

/* AKTIVNO (crveni okvir + normalan tekst) */
.printIssue1.plan-selected,
.printIssue2.plan-selected,
.printIssue3.plan-selected{
  border-color: #cf0a2c !important;
  box-shadow: inset 0 0 0 2px rgba(207,10,44,.08);
}
.printIssue1.plan-selected *,
.printIssue2.plan-selected *,
.printIssue3.plan-selected *{
  color: #111 !important;
}

/* NEAKTIVNO (svetlije, sivi okvir) */
.printIssue1.plan-unselected,
.printIssue2.plan-unselected,
.printIssue3.plan-unselected{
  border-color: #d9d9d9 !important;
  opacity: .75;
  filter: grayscale(100%);
}
.printIssue1.plan-unselected:hover,
.printIssue2.plan-unselected:hover,
.printIssue3.plan-unselected:hover{
  opacity: .90;
  filter: none;
}

/* Fokus tastaturom radi pristupačnosti */
.printIssue1:focus-visible,
.printIssue2:focus-visible,
.printIssue3:focus-visible{
  outline: 2px solid #cf0a2c;
  outline-offset: 3px;
}

/* ====== POPOVER ZA 3+ COPIES ====== */
.printIssue3{ position: relative; }

#issueQtyPopover{
  position: absolute; top: 100%; left: 0; z-index: 9999;
  display: none; min-width: 180px; margin-top: 10px;
  background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 8px 28px rgba(0,0,0,.12);
  border-radius: 8px; padding: 6px;
}
#issueQtyPopover .qty-row{
  display: flex; gap: 8px; flex-wrap: wrap; padding: 6px;
}
#issueQtyPopover button{
  border: 1px solid #ddd; background: #fff; border-radius: 6px;
  padding: 6px 10px; cursor: pointer;
}
#issueQtyPopover button:hover{
  border-color: #cf0a2c; color: #cf0a2c;
}
#issueQtyBackdrop{
  position: fixed; inset: 0;
  background: transparent; display: none; z-index: 9998;
}

/* ====== BEDŽEVI (2 i 3 box) ====== */
/* dozvoli da bedž izađe iz okvira */
.printIssue2,
.printIssue3{
  position: relative;
  overflow: visible;
}

/* 2 kopije – 5% OFFER */
.printIssue2::after{
  content: "5% OFFER";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -20px;                     /* fino dotjerivanje vertikalne pozicije */
  background: #cf0a2c;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .2px;
  line-height: 1;
  padding: 7px 12px;
  border-radius: 999px;
  box-shadow: 0 0 0 3px #fff;     /* “prsten” da se preseca sa ivicom okvira */
  z-index: 3;
  pointer-events: none;
}

/* 3+ kopija – 8% OFFER */
.printIssue3::after{
  content: "8% OFFER";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -20px;
  background: #cf0a2c;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .2px;
  line-height: 1;
  padding: 7px 12px;
  border-radius: 999px;
  box-shadow: 0 0 0 3px #fff;
  z-index: 3;
  pointer-events: none;
}

/* ne sivi i ne “isprljaj” bedž kad je kartica unselected */
.printIssue2.plan-unselected::after,
.printIssue3.plan-unselected::after{
  opacity: 1 !important;
  filter: none !important;
}
a.remove.remove_from_cart_button {
    display: none;
}

/* malo kompaktnije na mobilu */
@media (max-width: 600px){
  .printIssue2::after,
  .printIssue3::after{
    top: -12px;
    padding: 6px 10px;
    font-size: 11px;
  }
}