/* Σελίδα προϊόντος — φορτώνεται πάνω από το dc-home.css. */

.dc-product .dc-ico { display: inline-block; width: 1em; height: 1em; }
.dc-product .dc-ico svg { width: 100%; height: 100%; stroke: currentColor; fill: none; stroke-width: 1.7; display: block; }
.dc-product .dc-muted { color: var(--dc-muted); font-size: .82rem; }

/* ---------- διαδρομή ---------- */
.dc-crumbs { background: var(--dc-bg); border-bottom: 1px solid var(--dc-line); }
.dc-crumbs .dc-wrap { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; padding: .9rem 32px; }
.dc-crumbs a { color: var(--dc-muted); font-size: .8rem; text-decoration: none; }
.dc-crumbs a:hover { color: var(--dc-blue); }
.dc-crumbs i { color: #c2c7ce; font-style: normal; font-size: .8rem; }
.dc-crumbs span { color: var(--dc-ink); font-size: .8rem; font-weight: 600; }

/* ---------- διάταξη ---------- */
.dc-pd-top { padding-top: 2.4rem; }
.dc-pd { display: grid; grid-template-columns: 1.05fr 1fr; gap: 3rem; align-items: start; }

/* ---------- συλλογή εικόνων ---------- */
.dc-gallery { display: grid; grid-template-columns: 86px 1fr; gap: 1rem; align-items: start; }
.dc-thumbs { display: grid; gap: .6rem; }
.dc-thumb {
	border: 1.5px solid var(--dc-line); border-radius: 10px; background: #fff;
	padding: .4rem; cursor: pointer; aspect-ratio: 1/1;
	display: grid; place-items: center; transition: border-color .15s;
}
.dc-thumb.is-on { border-color: var(--dc-blue); }
.dc-thumb img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; }

.dc-stage {
	position: relative; background: var(--dc-bg); border-radius: 14px;
	aspect-ratio: 1/1; display: grid; place-items: center; overflow: hidden;
}
.dc-stage-empty { color: var(--dc-muted); font-size: .9rem; }
.dc-slide { margin: 0; display: none; place-items: center; width: 100%; height: 100%; padding: 2.2rem; }
.dc-slide.is-on { display: grid; }
.dc-slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; }

.dc-gnav, .dc-zoom {
	position: absolute; border: 1px solid var(--dc-line); background: #fff;
	width: 40px; height: 40px; border-radius: 50%; cursor: pointer;
	display: grid; place-items: center; font-size: 1.1rem; color: var(--dc-ink);
	transition: .15s;
}
.dc-gnav:hover, .dc-zoom:hover { border-color: var(--dc-ink); }
.dc-gprev { left: 14px; top: 50%; transform: translateY(-50%); }
.dc-gnext { right: 14px; top: 50%; transform: translateY(-50%); }
.dc-zoom  { right: 14px; bottom: 14px; background: var(--dc-dark); color: #fff; border-color: var(--dc-dark); }
.dc-zoom:hover { background: var(--dc-blue); border-color: var(--dc-blue); }

/* ---------- στοιχεία προϊόντος ---------- */
.dc-pd-title { font-size: 1.75rem; font-weight: 700; line-height: 1.25; margin: .4rem 0 .7rem; letter-spacing: -.01em; }
.dc-pd-meta { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.dc-pd-row {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
	flex-wrap: wrap; padding-bottom: 1.1rem; border-bottom: 1px solid var(--dc-line);
}
.dc-wish {
	display: inline-flex; align-items: center; gap: .45rem;
	font-size: .82rem; color: var(--dc-ink); text-decoration: none;
}
.dc-wish:hover { color: var(--dc-blue); }

.dc-pd-price { margin-top: 1.2rem; font-size: 2.1rem; font-weight: 700; letter-spacing: -.02em; }
.dc-pd-price .dc-price-locked { font-size: 1.05rem; }
.dc-pd-net { color: var(--dc-muted); font-size: .82rem; margin-top: .2rem; }
.dc-pd-short { margin-top: 1rem; color: #4b5563; font-size: .9rem; line-height: 1.65; }

.dc-pd-list { list-style: none; margin: 1.2rem 0 0; padding: 0; display: grid; gap: .55rem; }
.dc-pd-list li { display: flex; gap: .6rem; font-size: .86rem; color: #333940; line-height: 1.45; }
.dc-pd-list i { color: var(--dc-blue); font-style: normal; flex: 0 0 auto; }

/* ---------- πλαίσιο αγοράς ---------- */
.dc-buybox { margin-top: 1.6rem; border: 1px solid var(--dc-line); border-radius: 14px; padding: 1.4rem; }
.dc-buy-label { font-size: .74rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; margin-bottom: .7rem; }
.dc-buy-form { display: flex; gap: .7rem; flex-wrap: wrap; align-items: stretch; }
.dc-buy-form .dc-btn { flex: 1; min-width: 190px; }
.dc-btn-wide { width: 100%; }
.dc-btn-dark { background: var(--dc-dark); color: #fff; }
.dc-btn-dark:hover { background: #24272b; color: #fff; }

.dc-qty { display: flex; align-items: stretch; border: 1px solid var(--dc-line); border-radius: 6px; overflow: hidden; }
.dc-qty button {
	width: 38px; border: 0; background: #fff; cursor: pointer;
	font-size: 1rem; color: var(--dc-ink);
}
.dc-qty button:hover { background: var(--dc-bg); }
.dc-qty input {
	width: 52px; border: 0; text-align: center; font-size: .9rem;
	font-family: inherit; outline: none; -moz-appearance: textfield;
}
.dc-qty input::-webkit-outer-spin-button,
.dc-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.dc-buy-note { margin-top: .9rem; font-size: .76rem; color: var(--dc-muted); }
.dc-buy-note a { color: var(--dc-blue); }

.dc-assure {
	list-style: none; margin: 1.4rem 0 0; padding: 1.3rem 0 0;
	border-top: 1px solid var(--dc-line);
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;
}
.dc-assure li { display: flex; gap: .6rem; align-items: flex-start; }
.dc-assure .dc-ico { width: 22px; height: 22px; flex: 0 0 auto; color: var(--dc-ink); }
.dc-assure b { display: block; font-size: .76rem; font-weight: 600; }
.dc-assure em { display: block; font-style: normal; font-size: .72rem; color: var(--dc-muted); line-height: 1.4; margin-top: .15rem; }

/* ---------- καρτέλες ---------- */
.dc-pd-tabs-sec { padding-top: 1rem; }
.dc-ptabs { display: flex; gap: .4rem; flex-wrap: wrap; border-bottom: 1px solid var(--dc-line); margin-bottom: 2rem; }
.dc-ptab {
	background: none; border: 0; border-bottom: 2px solid transparent;
	padding: .9rem 1.1rem; cursor: pointer;
	font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
	color: var(--dc-muted); font-family: inherit;
}
.dc-ptab.is-on { color: var(--dc-ink); border-bottom-color: var(--dc-ink); }
.dc-ptab:hover { color: var(--dc-ink); }

.dc-pd-pane { display: none; }
.dc-pd-pane.is-on { display: grid; grid-template-columns: 1.15fr 1fr; gap: 3rem; align-items: start; }
.dc-pd-pane[data-dc-key="spec"].is-on,
.dc-pd-pane[data-dc-key="rev"].is-on,
.dc-pd-pane[data-dc-key="ship"].is-on { grid-template-columns: 1fr; }

.dc-pd-desc { font-size: .9rem; line-height: 1.75; color: #333940; }
.dc-pd-desc p { margin: 0 0 1rem; }

.dc-spec { width: 100%; border-collapse: collapse; font-size: .84rem; }
.dc-spec tr:nth-child(odd) { background: var(--dc-bg); }
.dc-spec th, .dc-spec td { padding: .72rem .95rem; text-align: left; vertical-align: top; }
.dc-spec th { width: 42%; font-weight: 600; color: #333940; }
.dc-spec td { color: var(--dc-muted); }
.dc-spec-wide th { width: 26%; }

@media (max-width: 1100px) {
	.dc-pd { grid-template-columns: 1fr; gap: 2rem; }
	.dc-pd-pane.is-on { grid-template-columns: 1fr; gap: 2rem; }
}
@media (max-width: 700px) {
	.dc-gallery { grid-template-columns: 1fr; }
	.dc-thumbs { grid-auto-flow: column; grid-auto-columns: 72px; overflow-x: auto; }
	.dc-assure { grid-template-columns: 1fr; }
	.dc-buy-form .dc-btn { min-width: 0; }
	.dc-crumbs .dc-wrap { padding: .8rem 20px; }
}

/* ---------- μεγαλύτερη διαθεσιμότητα ---------- */
.dc-product .dc-pd-row .dc-stock {
	font-size: 1rem;
	font-weight: 600;
	gap: .5rem;
	align-items: center;
}
.dc-product .dc-pd-row .dc-stock .dc-ico { width: 20px; height: 20px; }

/* ---------- κουμπί αγαπημένων ---------- */
.dc-product .dc-wish-yith { display: inline-flex; align-items: center; }
.dc-product .dc-wish-yith .yith-wcwl-add-to-wishlist { margin: 0; }
.dc-product .dc-wish-yith a {
	display: inline-flex; align-items: center; gap: .45rem;
	font-size: .84rem; font-weight: 500;
	color: var(--dc-ink); text-decoration: none;
	padding: .5rem .9rem; border: 1px solid var(--dc-line); border-radius: 8px;
	transition: .15s;
}
.dc-product .dc-wish-yith a:hover { border-color: var(--dc-ink); color: var(--dc-blue); }
.dc-product .dc-wish-yith i,
.dc-product .dc-wish-yith svg { color: inherit; }
/* Το πρόσθετο δείχνει «Το προϊόν προστέθηκε» — να μη σπάει τη γραμμή. */
.dc-product .dc-wish-yith .yith-wcwl-wishlistaddedbrowse,
.dc-product .dc-wish-yith .yith-wcwl-wishlistexistsbrowse { white-space: nowrap; }

/* --- Η καθαρή τιμή δίπλα στη λιανική, σε παρένθεση. --- */
.dc-product .dc-pd-price {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: .6rem;
}
.dc-product .dc-pd-gross { font-size: 2.1rem; font-weight: 700; letter-spacing: -.02em; }
.dc-product .dc-pd-net {
	font-size: .9rem;
	font-weight: 500;
	color: var(--dc-muted);
	letter-spacing: 0;
	margin: 0;
}
.dc-product .dc-pd-net .woocommerce-Price-amount { font-weight: 600; }

/* --- Ίδιο μέγεθος καρδιάς και στο κουμπί της σελίδας προϊόντος. --- */
.dc-product .dc-wish-yith svg,
.dc-product .dc-wish-yith .yith-wcwl-icon-svg {
	width: 20px !important; height: 20px !important; stroke-width: 1.6;
}
.dc-product .dc-wish-yith a i { display: none !important; }

/* --- Η καρδιά στο κουμπί της σελίδας προϊόντος.
       Το πρόσθετο σε «link style» αποκρύπτει το SVG, οπότε επιβάλλεται ρητά. --- */
.dc-product .dc-wish-yith a {
	display: inline-flex !important;
	align-items: center;
	gap: .5rem;
}
.dc-product .dc-wish-yith svg,
.dc-product .dc-wish-yith .yith-wcwl-icon-svg,
.dc-product .dc-wish-yith .yith-wcwl-icon svg {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 20px !important;
	height: 20px !important;
	flex: 0 0 auto;
	stroke: currentColor !important;
	fill: none !important;
	stroke-width: 1.7;
}
/* Το κείμενο του συνδέσμου παραμένει ορατό εδώ — μόνο στις κάρτες κρύβεται. */
.dc-product .dc-wish-yith a > span { display: inline !important; font-size: .84rem; }

/* Στη λίστα ήδη: γεμάτη κόκκινη καρδιά. */
.dc-product .dc-wish-yith .yith-wcwl-wishlistaddedbrowse a,
.dc-product .dc-wish-yith .yith-wcwl-wishlistexistsbrowse a { color: #e0245e; border-color: #e0245e; }
.dc-product .dc-wish-yith .yith-wcwl-wishlistaddedbrowse svg,
.dc-product .dc-wish-yith .yith-wcwl-wishlistexistsbrowse svg { fill: currentColor !important; }
