/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* =============================================
   SQUARE UNIFORM PRODUCT IMAGES
   ============================================= */

/* Product image link container - force square aspect ratio */
.wd-product .product-image-link {
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

/* All product images - cover the square container uniformly */
.wd-product .product-image-link img,
.wd-product .product-image-link picture img,
.wd-product .hover-img img,
.wd-product .hover-img picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Hover image - fill the square container */
.wd-product .hover-img {
	width: 100%;
	height: 100%;
}

/* Category/Shop page product grid images */
.products .product-image-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Widget & sidebar product images */
.widget .product-image-link,
.wd-widget-product .product-image-link {
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.widget .product-image-link img,
.wd-widget-product .product-image-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* =============================================
   CIRCULAR CATEGORY IMAGES
   ============================================= */

.wd-cat .wd-cat-image,
.wd-cat .wd-cat-image img,
.category-grid-item .category-image,
.category-grid-item .category-image img {
	border-radius: 50% !important;
	overflow: hidden;
}

.wd-cat .wd-cat-image img,
.category-grid-item .category-image img {
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

/* =============================================
   COLOR SCHEME OVERRIDES
   Κύριο κίτρινο: #fed707
   Hover κίτρινο: #e5c206
   Μπλε → Μαύρο: #000000
   Κείμενα: μαύρα
   ============================================= */

/* =============================================
   FONTS: Inter (body) + Exo 2 (titles)
   ============================================= */

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif !important;
	--wd-text-font-weight: 400 !important;
	--wd-title-font: "Exo 2", Arial, Helvetica, sans-serif !important;
	--wd-title-font-weight: 600 !important;
	--wd-entities-title-font: "Exo 2", Arial, Helvetica, sans-serif !important;
	--wd-entities-title-font-weight: 600 !important;
	--wd-alternative-font: "Exo 2", Arial, Helvetica, sans-serif !important;
	--wd-widget-title-font: "Exo 2", Arial, Helvetica, sans-serif !important;
	--wd-widget-title-font-weight: 600 !important;
	--wd-header-el-font: "Exo 2", Arial, Helvetica, sans-serif !important;
	--wd-header-el-font-weight: 500 !important;
}

body {
	font-family: "Inter", Arial, Helvetica, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.title,
.wd-entities-title,
.widget-title,
.category-grid-item .category-title {
	font-family: "Exo 2", Arial, Helvetica, sans-serif !important;
}

/* --- CSS Variables Override --- */
:root {
	--wd-primary-color: #000000 !important;
	--wd-alternative-color: #fed707 !important;
	--wd-text-color: #000000 !important;
	--wd-title-color: #000000 !important;
	--wd-entities-title-color: #000000 !important;
	--wd-entities-title-color-hover: rgba(0, 0, 0, 0.65) !important;
	--wd-widget-title-color: #000000 !important;
	--wd-link-color: #000000 !important;
	--wd-link-color-hover: #fed707 !important;
	--btn-accented-bgcolor: #000000 !important;
	--btn-accented-bgcolor-hover: #1a1a1a !important;
	--btn-accented-color: #fed707 !important;
	--btn-accented-color-hover: #e5c206 !important;
	--btn-default-bgcolor: #fed707 !important;
	--btn-default-bgcolor-hover: #e5c206 !important;
	--btn-default-color: #000000 !important;
	--btn-default-color-hover: #000000 !important;
}

/* --- Body text color --- */
body {
	color: #000000 !important;
}

/* --- Header --- */
.whb-header-bottom {
	background-color: #fed707 !important;
}

.whb-header-bottom,
.whb-header-bottom a,
.whb-header-bottom .wd-nav > li > a {
	color: #000000 !important;
}

.whb-header-bottom a:hover,
.whb-header-bottom .wd-nav > li > a:hover,
.whb-header-bottom .wd-nav > li:hover > a {
	color: #000000 !important;
}

.whb-header-general {
	background-color: #000000 !important;
}

.whb-header-general,
.whb-header-general a {
	color: #ffffff !important;
}

.whb-header-general a:hover {
	color: #ffffff !important;
}

/* --- Header icons (tools) via CSS variables --- */
.whb-header-bottom .wd-tools-element {
	--wd-header-el-color: #000000 !important;
	--wd-header-el-color-hover: #000000 !important;
}

.whb-header-general .wd-tools-element {
	--wd-header-el-color: #ffffff !important;
	--wd-header-el-color-hover: #ffffff !important;
}

/* --- Footer --- */
.wd-footer {
	background-color: #fed707 !important;
}

.wd-footer,
.wd-footer a,
.wd-footer p,
.wd-footer .widget-title,
.wd-footer h1, .wd-footer h2, .wd-footer h3, .wd-footer h4 {
	color: #000000 !important;
}

.wd-footer a:hover {
	color: #ffffff !important;
}

footer.wd-footer h4.woodmart-title-container,
.wd-prefooter h4.woodmart-title-container,
.copyrights-wrapper h4.woodmart-title-container,
body .wd-footer h4.woodmart-title-container.title.wd-fontsize-l {
	color: #ffffff !important;
}

/* --- Navigation Arrows (μπλε → μαύρο) --- */
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)),
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-bg: #000000 !important;
	--wd-arrow-bg-hover: #1a1a1a !important;
	--wd-arrow-bg-dis: #333333 !important;
	--wd-arrow-color: #fed707 !important;
	--wd-arrow-color-hover: #e5c206 !important;
}

/* --- Scrollbar --- */
.wd-nav-scroll {
	--wd-nscroll-bg: rgba(254, 215, 7, 0.15) !important;
	--wd-nscroll-drag-bg: #fed707 !important;
	--wd-nscroll-drag-bg-hover: #e5c206 !important;
}

/* --- Product Labels --- */
.product-labels .product-label.onsale {
	background-color: #fed707 !important;
	color: #000000 !important;
}

.product-labels .product-label.new {
	background-color: #000000 !important;
	color: #fed707 !important;
}

/* --- Product Cards --- */
.wd-product .product-element-bottom,
.wd-product .product-element-bottom a,
.wd-product .woodmart-product-cats a,
.wd-product .price,
.wd-product .price ins,
.wd-product .price del {
	color: #000000 !important;
}

.wd-product .price ins {
	color: #fed707 !important;
}

/* --- Page Title --- */
.wd-page-title {
	background-color: #000000 !important;
	color: #ffffff !important;
}

/* --- Hide page title/heading παντού --- */
body .wd-el-page-heading,
body h2.entry-title.title,
body h1.entry-title.title,
.wd-content-area .wd-el-page-heading {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* --- Breadcrumbs area --- */
.wd-page-title h1 {
	color: #000000 !important;
}

/* Breadcrumbs: κέντρο παντού */
.wd-el-breadcrumbs,
.wd-el-breadcrumbs.text-left,
.wd-breadcrumbs,
.woocommerce-breadcrumb {
	text-align: center !important;
	justify-content: center !important;
	display: flex !important;
	width: 100% !important;
}

.wd-el-breadcrumbs .wd-breadcrumbs {
	justify-content: center !important;
}

/* Breadcrumbs: αριστερά στο single product */
.single-product .wd-el-breadcrumbs,
.single-product .wd-el-breadcrumbs.text-left,
.single-product .wd-breadcrumbs,
.single-product .woocommerce-breadcrumb {
	text-align: left !important;
	justify-content: flex-start !important;
}

.single-product .wd-el-breadcrumbs .wd-breadcrumbs {
	justify-content: flex-start !important;
}

.wd-breadcrumbs a,
.wd-breadcrumbs span,
.woocommerce-breadcrumb a,
.woocommerce-breadcrumb span,
.wd-el-breadcrumbs a,
.wd-el-breadcrumbs span {
	color: #000000 !important;
}

.wd-breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover,
.wd-el-breadcrumbs a:hover {
	color: #000000 !important;
}

/* --- Product nav buttons --- */
.wd-product-nav-btn.wd-btn-prev,
.wd-product-nav-btn.wd-btn-next,
.wd-product-nav-btn.wd-btn-back {
	color: #000000 !important;
}

.wd-product-nav-btn.wd-btn-prev:hover,
.wd-product-nav-btn.wd-btn-next:hover,
.wd-product-nav-btn.wd-btn-back:hover {
	color: #000000 !important;
}

/* Product navigation: visible, aligned right */
.wd-products-nav {
	display: flex !important;
	margin-left: auto !important;
	justify-content: flex-end !important;
}

/* --- WooCommerce elements --- */
.woocommerce-ordering select,
.woocommerce-result-count {
	color: #000000 !important;
}

/* --- Links accent (εξαιρεί header, footer, breadcrumbs) --- */
a:hover:not(.whb-header-bottom a):not(.whb-header-general a):not(.wd-footer a):not(.wd-breadcrumbs a):not(.wd-el-breadcrumbs a):not(.wd-tools-element a) {
	color: #fed707 !important;
}

.wd-tools-element:hover > a,
.wd-tools-element:hover .wd-tools-icon {
	color: inherit !important;
}

/* --- Category titles: no line break --- */
.wd-cat .wd-entities-title,
.wd-cat .wd-cat-content h3 {
	white-space: nowrap !important;
}

/* --- Checkout steps centered --- */
.wd-checkout-steps {
	justify-content: center !important;
}

/* --- Selection/accent color --- */
::selection {
	background: #fed707;
	color: #000000;
}