/*
 * Redesign 2026 — κοινά components: κάρτα προϊόντος, footer.
 * Μετρήσεις από το Figma (desktop 1920): περιθώρια 60, κάρτα 580 (packshot 1:1, lifestyle 4:5),
 * κείμενα κάρτας 14/22, footer 301 ύψος.
 */

/* ---------- Κάρτα προϊόντος ---------- */

body.fab-rd .rd-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

body.fab-rd .rd-card__media {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--rd-surface);
}

body.fab-rd .rd-card--lifestyle .rd-card__media,
body.fab-rd .rd-card--portrait .rd-card__media {
	aspect-ratio: 4 / 5;
}

body.fab-rd .rd-card__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.3s ease;
}

/* Η φωτογραφία γεμίζει πάντα το κάδρο: οι κάθετες φωτογραφίες κόβονται ελάχιστα αντί να μένουν λωρίδες */
body.fab-rd .rd-card--standard .rd-card__img:not(.rd-card__img--alt),
body.fab-rd .rd-card--portrait .rd-card__img:not(.rd-card__img--alt) {
	object-fit: cover;
}

body.fab-rd .rd-card__img--alt {
	opacity: 0;
}

@media (hover: hover) {
	body.fab-rd .rd-card:hover .rd-card__img--alt {
		opacity: 1;
	}
}

/* Καρδούλα wishlist (TI Wishlist) πάνω δεξιά στη φωτογραφία */
body.fab-rd .rd-card {
	position: relative;
	/* Δικό της επίπεδο στοίβαξης: η καρδούλα (z-index) δεν ανεβαίνει ποτέ πάνω από τον header του Divi */
	isolation: isolate;
}

body.fab-rd .rd-card__wish {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
}

body.fab-rd .rd-card__wish .tinv-wraper {
	margin: 0 !important;
	padding: 0 !important;
}

body.fab-rd .rd-card__wish .tinvwl_add_to_wishlist_button {
	display: grid !important;
	place-items: center;
	width: 34px;
	height: 34px;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.85);
	color: var(--rd-ink) !important;
	font-size: 0 !important;
}

body.fab-rd .rd-card__wish .tinvwl_add_to_wishlist_button::before {
	position: static !important;
	inset: auto !important;
	transform: none !important;
	margin: 0 !important;
	color: var(--rd-ink) !important;
	font-size: 16px !important;
	line-height: 1 !important;
}

body.fab-rd .rd-card__wish .tinvwl_add_to_wishlist-text,
body.fab-rd .rd-card__wish .tinvwl_remove_from_wishlist-text,
body.fab-rd .rd-card__wish .tinvwl-tooltip {
	display: none !important;
}

/* Κείμενα κάρτας 16/24 (στο Figma 14/22· μεγάλωσαν μετά την παρατήρηση της ομάδας 9/10) */
body.fab-rd .rd-card__meta {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 20px 12px;
	font-size: 16px;
	line-height: 24px;
}

body.fab-rd .rd-card__title {
	margin: 0;
	padding: 0;
	font-family: var(--rd-font);
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: var(--rd-ink);
}

body.fab-rd .rd-card__title a,
body.fab-rd .rd-card__title a:hover {
	color: inherit;
	text-decoration: none;
}

body.fab-rd .rd-card__brand {
	margin: 0;
	padding: 0;
	font-family: var(--rd-font);
	font-weight: 400;
}

body.fab-rd .rd-card__buy {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	flex-shrink: 0;
}

/* Εικονίδιο «προσθήκη στο καλάθι» κάτω από την τιμή */
body.fab-rd .rd-card__cart {
	display: inline-grid;
	place-items: center;
	width: 40px;
	height: 40px;
	margin: -4px -9px -4px 0;
	color: var(--rd-ink);
	text-decoration: none;
	transition: opacity 0.2s ease;
}

body.fab-rd .rd-card__cart:hover {
	opacity: 0.6;
}

body.fab-rd .rd-card__cart.loading {
	opacity: 0.35;
	pointer-events: none;
}

body.fab-rd .rd-card__cart.added::after {
	content: "";
	position: absolute;
}

/* Το WooCommerce προσθέτει σύνδεσμο «Προβολή καλαθιού» μετά την προσθήκη: δεν τον θέλουμε (ανοίγει το Side Cart) */
body.fab-rd .rd-card .added_to_cart {
	display: none !important;
}

body.fab-rd .rd-card__price {
	flex-shrink: 0;
	font-family: var(--rd-font);
	font-weight: 500;
	text-align: right;
	white-space: nowrap;
}

body.fab-rd .rd-card__price del {
	margin-right: 6px;
	color: #6b6b6b;
	font-weight: 400;
	opacity: 1;
}

body.fab-rd .rd-card__price ins {
	text-decoration: none;
	background: none;
}

@media (max-width: 768px) {
	/* Καρδούλα wishlist (TI Wishlist) πάνω δεξιά στη φωτογραφία */
body.fab-rd .rd-card {
	position: relative;
	/* Δικό της επίπεδο στοίβαξης: η καρδούλα (z-index) δεν ανεβαίνει ποτέ πάνω από τον header του Divi */
	isolation: isolate;
}

body.fab-rd .rd-card__wish {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
}

body.fab-rd .rd-card__wish .tinv-wraper {
	margin: 0 !important;
	padding: 0 !important;
}

body.fab-rd .rd-card__wish .tinvwl_add_to_wishlist_button {
	display: grid !important;
	place-items: center;
	width: 34px;
	height: 34px;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.85);
	color: var(--rd-ink) !important;
	font-size: 0 !important;
}

body.fab-rd .rd-card__wish .tinvwl_add_to_wishlist_button::before {
	position: static !important;
	inset: auto !important;
	transform: none !important;
	margin: 0 !important;
	color: var(--rd-ink) !important;
	font-size: 16px !important;
	line-height: 1 !important;
}

body.fab-rd .rd-card__wish .tinvwl_add_to_wishlist-text,
body.fab-rd .rd-card__wish .tinvwl_remove_from_wishlist-text,
body.fab-rd .rd-card__wish .tinvwl-tooltip {
	display: none !important;
}

body.fab-rd .rd-card__meta {
		flex-direction: column;
		gap: 2px;
		padding: 10px 0 8px;
		font-size: 14px;
		line-height: 20px;
	}

	body.fab-rd .rd-card__title {
		font-size: 14px;
		line-height: 20px;
	}

	body.fab-rd .rd-card__price {
		text-align: left;
	}

	body.fab-rd .rd-card__buy {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
}

/* ---------- Footer ---------- */

body.fab-rd .rd-footer {
	padding: 60px var(--rd-gutter) 20px;
	background: var(--rd-bg);
	color: var(--rd-ink);
	font-family: var(--rd-font);
}

body.fab-rd .rd-footer__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}

body.fab-rd .rd-footer__heading {
	margin: 0 0 22px;
	padding: 0;
	font-family: var(--rd-font);
	font-weight: 400;
	font-size: 24px;
	line-height: 1.2;
	color: var(--rd-ink);
}

body.fab-rd .rd-footer__newsletter {
	flex: 0 1 465px;
	/* Figma: ο τίτλος στο ύψος του «Follow us on Instagram», η γραμμή email από κάτω */
	margin-top: 44px;
}

/*
 * Φόρμα fab-moosend: μόνο email, γραμμή από κάτω, βελάκι δεξιά.
 * Η φόρμα φέρνει δικά της στυλ (CSS του plugin + custom CSS της φόρμας), γι' αυτό τα !important.
 */
body.fab-rd .rd-footer .fab-ms-form {
	position: relative;
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid var(--rd-ink);
	background: transparent !important;
}

body.fab-rd .rd-footer .fab-ms-field-wrap:has([name="fab_ms_name"]),
body.fab-rd .rd-footer .fab-ms-form label {
	display: none;
}

body.fab-rd .rd-footer .fab-ms-field-wrap {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
}

body.fab-rd .rd-footer .fab-ms-input {
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 4px 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-family: var(--rd-font-book) !important;
	font-size: 16px !important;
	line-height: 22px !important;
	color: var(--rd-ink) !important;
	box-shadow: none !important;
}

body.fab-rd .rd-footer .fab-ms-input::placeholder {
	color: var(--rd-muted);
}

body.fab-rd .rd-footer .fab-ms-input:focus {
	outline: none;
}

body.fab-rd .rd-footer .fab-ms-btn-wrap {
	flex: 0 0 auto !important;
	width: auto !important;
}

body.fab-rd .rd-footer .fab-ms-form {
	flex-wrap: nowrap !important;
}

body.fab-rd .rd-footer .fab-ms-btn {
	width: 28px !important;
	height: 28px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%231e1e1e' stroke-width='1.5' viewBox='0 0 20 20'%3E%3Cpath d='M3 10h14M11 4l6 6-6 6'/%3E%3C/svg%3E") center / 20px no-repeat !important;
	font-size: 0 !important;
	color: transparent !important;
	cursor: pointer;
}

body.fab-rd .rd-footer .fab-ms-btn > * {
	display: none !important;
}

body.fab-rd .rd-footer__instagram {
	display: flex;
	align-items: center;
	gap: 26px;
}

body.fab-rd .rd-footer__instagram .rd-footer__heading {
	margin: 0;
	white-space: nowrap;
}

body.fab-rd .rd-footer__ig {
	display: flex;
	gap: 26px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.fab-rd .rd-footer__ig li {
	margin: 0;
	padding: 0;
}

body.fab-rd .rd-footer__ig a {
	display: block;
	width: 164px;
	color: var(--rd-ink);
	font-size: 14px;
	line-height: 22px;
	text-decoration: none;
}

body.fab-rd .rd-footer__ig img,
body.fab-rd .rd-footer__ig-ph {
	display: block;
	width: 164px;
	height: 206px;
	object-fit: cover;
	background: var(--rd-surface);
}

body.fab-rd .rd-footer__bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 40px;
	margin-top: 40px;
}

body.fab-rd .rd-footer__nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 32px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.fab-rd .rd-footer__nav li {
	margin: 0;
	padding: 0;
}

body.fab-rd .rd-footer__nav a {
	color: var(--rd-ink);
	text-decoration: none;
}

body.fab-rd .rd-footer__primary {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
}

body.fab-rd .rd-footer__secondary {
	margin-top: 26px !important;
	font-family: var(--rd-font-book);
	font-size: 15px;
	line-height: 22px;
}

body.fab-rd .rd-footer__credits {
	display: flex;
	gap: 28px;
	margin: 0;
	padding: 0;
	font-family: var(--rd-font-book);
	font-size: 15px;
	line-height: 22px;
	white-space: nowrap;
}

@media (max-width: 980px) {
	body.fab-rd .rd-footer {
		padding-top: 40px;
	}

	body.fab-rd .rd-footer__top,
	body.fab-rd .rd-footer__bottom {
		flex-direction: column;
		align-items: stretch;
	}

	body.fab-rd .rd-footer__newsletter {
		flex-basis: auto;
	}

	body.fab-rd .rd-footer__heading {
		font-size: 20px;
	}

	body.fab-rd .rd-footer__instagram {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	body.fab-rd .rd-footer__ig a,
	body.fab-rd .rd-footer__ig img,
	body.fab-rd .rd-footer__ig-ph {
		width: calc((100vw - 2 * var(--rd-gutter) - 16px) / 2);
	}

	body.fab-rd .rd-footer__ig {
		gap: 16px;
	}

	body.fab-rd .rd-footer__ig img,
	body.fab-rd .rd-footer__ig-ph {
		height: auto;
		aspect-ratio: 164 / 206;
	}

	body.fab-rd .rd-footer__primary {
		flex-direction: column;
		font-size: 16px;
	}

	body.fab-rd .rd-footer__credits {
		flex-direction: column;
		gap: 4px;
		white-space: normal;
	}
}

/* ---------- myStickyElements (Contact Us + social): κάτω δεξιά αντί για τη μέση (desktop) ----------
   Έως 1024px το plugin το δείχνει ήδη ως μπάρα στο κάτω μέρος: εκεί δεν το αγγίζουμε. */

@media (min-width: 1025px) {
	body.fab-rd .mystickyelements-fixed.mystickyelements-position-right {
		top: auto !important;
		bottom: 24px !important;
		transform: none !important;
	}
}

/* ---------- Header στα tablets (768–1024px) ----------
   Το Fab Interni NavMenu εμφανίζεται μόνο πάνω από 1024px και ο header κινητού του Divi μόνο κάτω από 768px:
   ενδιάμεσα έμενε μόνο το ☰. Εδώ ο header κινητού (με logo, αναζήτηση, λογαριασμό, καλάθι) εμφανίζεται έως 1024px. */

@media (min-width: 768px) and (max-width: 1024px) {
	/* Με id: ο κανόνας του Divi που τον κρύβει είναι πιο «ισχυρός» από απλές κλάσεις */
	body.fab-rd #page-container #interninewmainmenumobille,
	body.fab-rd .et-l--header .et_pb_section_0_tb_header {
		display: block !important;
	}

	body.fab-rd #page-container #interninewmainmenumobille .et_pb_row {
		display: flex !important;
	}

	body.fab-rd .et-l--header .et_pb_section_1_tb_header {
		display: none !important;
	}
}

/* ---------- Βελάκια (υποκατηγορίες, σχετικά προϊόντα) ---------- */

body.fab-rd .rd-arrows {
	display: flex;
	gap: 21px;
}

body.fab-rd .rd-arrows[hidden] {
	display: none;
}

body.fab-rd .rd-arrow {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--rd-ink) !important;
	cursor: pointer;
}

body.fab-rd .rd-arrow[disabled] {
	opacity: 0.3;
	cursor: default;
}

/* Footer πάντα στη βάση του παραθύρου, όσο λίγο κι αν είναι το περιεχόμενο (π.χ. άδειο καλάθι).
   Η σελίδα γίνεται κολόνα με ύψος τουλάχιστον όσο το παράθυρο· το footer σπρώχνεται κάτω με margin-top:auto. */
body.fab-rd #page-container {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}

body.fab-rd #page-container > #et-boc,
body.fab-rd #et-boc > #et-main-area {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
}

body.fab-rd #et-main-area > .rd-footer {
	margin-top: auto;
}

/* Στην κολόνα, το περιεχόμενο με margin:auto θα «μάζευε» στο πλάτος του: κρατά όλο το πλάτος. */
body.fab-rd #et-main-area > #main-content {
	box-sizing: border-box;
	width: 100%;
}

/* Κουμπί-κείμενο με βελάκι (Figma: «Continue →», «More →»), κοινό για όλες τις σελίδες */
body.fab-rd .rd-btn-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 4px 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: var(--rd-ink);
	font-family: var(--rd-font);
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.2;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
}

body.fab-rd .rd-btn-link::after {
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	width: 17px;
	height: 12px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M0 6h16.5M11.5 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M0 6h16.5M11.5 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 0.2s ease;
}

body.fab-rd .rd-btn-link:hover::after {
	transform: translateX(5px);
}

/* Desktop header (NavMenu): ο αριθμός του καλαθιού «κάθεται» πάνω δεξιά στο εικονίδιο, ακουμπώντας το */
body.fab-rd #fab-interni-navmenu .cart-contents {
	position: relative !important;
}

body.fab-rd #fab-interni-navmenu .cart-contents .cart-contents-count {
	top: -9px !important;
	right: -12px !important;
	left: auto !important;
	display: grid !important;
	place-items: center;
	width: 18px !important;
	min-width: 18px;
	height: 18px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	font-size: 11px !important;
	line-height: 1 !important;
	transform: none !important;
}

/* Footer: οι φωτογραφίες του Instagram 30px πιο αριστερά (μόνο desktop) */
@media (min-width: 1025px) {
	body.fab-rd .rd-footer__ig {
		margin-right: 30px;
	}
}

/* Mega menu (NavMenu) με την ίδια γραμματοσειρά με το footer (παρατήρηση ομάδας 9/10).
   Οι ρυθμίσεις του NavMenu γράφουν τη γραμματοσειρά inline, γι' αυτό !important· ισχύει μόνο στον νέο σχεδιασμό. */
body.fab-rd .fin-row2-link,
body.fab-rd .fin-submenu-link,
body.fab-rd .fin-sub-submenu-link,
body.fab-rd .fin-product-card,
body.fab-rd .fin-product-card *,
body.fab-rd .fin-m {
	font-family: var(--rd-font) !important;
	font-weight: 400 !important;
}

body.fab-rd .fin-row3-link {
	font-family: var(--rd-font) !important;
	font-weight: 500 !important;
}