/* Cart Hold Orchestrator – base vars */ :root{ --cho-border:#e2e8f0; --cho-soft:#f8fafc; --cho-muted:#475569; --cho-accent:#0ea5e9; --cho-warn:#f59e0b; --cho-danger:#ef4444; --cho-ok:#16a34a; } /* ------------------------------------------------------- TIMERS (κάτω από το όνομα προϊόντος) ------------------------------------------------------- */ /* Γραμμή κάτω από το όνομα του προϊόντος */ .cho-timer-row{ color: #192D59 !important; font-weight: 500; margin-top: 10px; font-size: 15px; padding: 10px 20px; background-color: #FFF7DF; border-radius: 10px; width: fit-content; } .cho-hold-prefix, .cho-hold-suffix {font-weight: 400 !important;} .cho-hold-time {font-weight: 600 !important;} /* Ετικέτα πριν το timer */ .cho-timer-label{ } .cho-timer-badge .cho-timer-text { position: absolute !important; left: -9999px !important; opacity: 0 !important; pointer-events: none !important; } /* Το badge που γεμίζει το JS */ .cho-timer-badge{ color: #192D59 !important; } .cho-timer-badge::before{ content:""; width:8px; height:8px; border-radius:999px; background:var(--cho-accent); } /* χρόνος σε monospace */ .cho-timer-text{ } /* Καταστάσεις */ .cho-timer-badge.cho-ticking{ border-color: rgba(14,165,233,.35); } .cho-timer-badge.cho-expired{ } .cho-timer-badge.cho-expired::before{ background:var(--cho-danger); } /* Κρυφό όταν δεν υπάρχει timer */ .cho-hidden{ display:none !important; } /* mobile tweaks */ 
 /* ------------------------------------------------------- RE-ADD CARDS (Previously in your cart) ------------------------------------------------------- */ /* Διακριτικό container γύρω από τις κάρτες */ .cho-readd-wrap{ } .cho-readd-heading{ font-weight:600; margin: 2px 2px 10px; color:#1f2937; /* slate-800 */ display:flex; align-items:center; gap:8px; } /* grid container για τις κάρτες */ .cho-readd-cards{ display:grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-flow: row; gap:20px; margin-top: 20px; margin-bottom: 20px; } /* μία κάρτα */ .cho-readd-card{ padding: 40px 20px 20px 20px; display: flex; align-items: stretch; background: #fff; flex-direction: column; box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .15); border-radius: 10px; height: 100%; } /* thumbnail (μικρό & ελαφρώς γκρι) */ .cho-readd-media img.cho-readd-thumb{ width: 100%; margin-bottom: 8px; width: 100%; object-fit: cover; object-position: bottom; border-radius: 10px; height: auto; filter: grayscale(100%); } .cho-readd-media img.cho-readd-thumb:hover { filter: grayscale(0%); } /* κεντρικό περιεχόμενο */ .cho-readd-main{ width: 100%; flex: 1; display: flex; flex-direction: column; } .cho-readd-title{ display: block; font-weight: 600; text-decoration: none; color: #192d59; margin: 0px 0px 14px 0px; } .cho-readd-meta{ color:#374151; font-size:13px; display:flex; gap:6px; align-items:center; margin:0 0 16px; } .cho-readd-icon{ opacity:.8; } /* CTA */ .cho-readd-btn{ background: #192E59 !important; border: none !important; font-size: 16px !important; border-radius: 0px !important; letter-spacing: 1px !important; /* text-transform: uppercase; */ color: #ffffff !important; text-align: center !important; padding: 16px 24px !important; outline: none !important; font-family: inherit !important; border-radius: 50px !important; display: flex !important; flex-direction: row !important; justify-content: center !important; letter-spacing: normal !important; height: 55px !important; width: 100% !important; text-transform: initial !important; align-items: center; margin-top: auto !important; /*transition: all ease 0.2s !important;*/ } .cho-readd-btn:hover{ background-color: #0069d9 !important; } /* δεξιά στήλη (qty/price) */ .cho-readd-side{ color: #334155; padding: 18px 0px 0px 0px; text-align: center; width: 100%; } .cho-readd-qty{ font-size:12px; color:#6b7280;               /* gray-500 */ } .cho-readd-price{ font-weight:700; color:#111827; display:block; width:100%; text-align:center; } /* responsive */ 



@media (max-width:768px){
	
	
	/*.cho-readd-cards{  grid-template-columns: 1fr 1fr !important;} 
	
  
  .cho-readd-card{ padding: 14px !important; border-radius: 12px !important; }
  
  .cho-readd-media{ display:block; overflow:hidden; border-radius: 12px; background: #f1f5f9; }
  .cho-readd-media img.cho-readd-thumb{ height: 160px !important; object-fit: contain !important; object-position: center !important; }
  .cho-readd-title{ margin: 0px 0px 10px 0px !important; }
  .cho-readd-meta{ font-size: 12px !important; }
  .cho-readd-btn{ height: 52px !important; }
  */
  
} /* ------------------------------------------------------- BACKWARD COMPAT για το παλιό UL/LI markup (αν μείνει) ------------------------------------------------------- */ .woocommerce-notices-wrapper .cho-readd-cards.is-legacy, .woocommerce-message .cho-readd-cards.is-legacy, .woocommerce-info .cho-readd-cards.is-legacy{ margin:.6rem 0 0; padding:0; list-style:none; display:grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap:10px; } .cho-card{ border:1px solid #e5e7eb; border-radius:10px; background:#fff; overflow:hidden; display:flex; flex-direction:column; } .cho-card .cho-thumb{ display:block; width:100%; aspect-ratio: 1 / 1; background:#f8fafc; overflow:hidden; } .cho-card .cho-thumb img{ width:100%; height:100%; object-fit:cover; display:block; } .cho-card .cho-body{ padding:10px; display:flex; flex-direction:column; gap:8px; } .cho-card .cho-title{ font-weight:600; color:#111827; text-decoration:none; } .cho-card .cho-title:hover{ text-decoration:underline; } .cho-card .cho-meta{ font-size:12px; color:#6b7280; } .cho-card .cho-actions{ margin-top:auto; display:flex; justify-content:space-between; align-items:center; gap:8px; } .cho-card .cho-btn{ padding:6px 10px; border:1px solid #e5e7eb; border-radius:8px; background:#f1f5f9; color:#0f172a; text-decoration:none; line-height:1.2; } .cho-card .cho-btn:hover{ background:#e2e8f0; border-color:#cbd5e1; } .cho-card .cho-price{ font-weight:700; color:#111827; } .cho-prev-btn{ display:inline-block; margin-top:6px; padding:8px 12px; border-radius:6px; border:1px solid #0ea5e9; text-decoration:none; } .cho-prev-btn:hover{filter:brightness(0.95)} /* ------------------------------------------------------- DEEP SCROLL / ACCESSIBILITY HIGHLIGHT (για widgets) ------------------------------------------------------- */ .cho-scroll-target{ scroll-margin-top: 90px; /* για sticky headers */ outline: 2px solid transparent; } .cho-pulse-focus{ animation: choPulse 1.2s ease-out 1; box-shadow: 0 0 0 0 rgba(14,165,233,.55); } @keyframes choPulse{ 0%   { box-shadow: 0 0 0 0 rgba(14,165,233,.55); } 70%  { box-shadow: 0 0 0 8px rgba(14,165,233,0); } 100% { box-shadow: 0 0 0 0 rgba(14,165,233,0); } } 
/* CHO: dismiss pruned cards */ .cho-readd-card{position:relative;} .cho-readd-dismiss{position:absolute;z-index:50;top:8px;right:12px;width:28px;height:28px;border:none;background:#fff;color:#aaa;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;font-size:24px;padding:0}
 

  	.cho-readd-media img.cho-readd-thumb {max-height: 250px !important;}

/* hover title or button -> affect the image */
.cho-readd-card:has(.cho-readd-title:hover, .cho-readd-btn:hover)
  .cho-readd-media img.cho-readd-thumb{
  filter: grayscale(0%);
}

.cho-readd-media img.cho-readd-thumb {max-height: 200px !important;}

/* CHO: cards should render only on Cart (never on Checkout) */
body.woocommerce-checkout #cho-pruned-cards-fragment,
body.woocommerce-checkout .cho-readd-wrap {
  display: none !important;
}
@media (max-width:768px){
	.cho-readd-cards{ grid-template-columns: 1fr 1fr !important; }
	
	}

@media (max-width:650px){
	
	.cho-readd-cards{ grid-template-columns: 1fr !important;  }
	.cho-readd-title, .cho-readd-heading {font-size: 18px !important;}
	.cho-readd-dt {font-size: 16px !important;}

	.cho-readd-btn {font-weight: 600 !important;}
	}