/*
Theme Name: Sleep Land Child
Theme URI: https://sleeplandeg.com/
Description: A premium WoodMart child theme customized for Sleep Land EG with navy, gold and white branding, Arabic typography and WooCommerce styling.
Author: Sleep Land EG
Author URI: https://sleeplandeg.com/
Template: woodmart
Version: 1.0.0
Text Domain: sleep-land-child
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	--sl-navy: #001433;
	--sl-navy-2: #061f45;
	--sl-navy-3: #0b2c59;
	--sl-gold: #d4a72c;
	--sl-gold-dark: #b88713;
	--sl-gold-light: #f2d77e;
	--sl-white: #ffffff;
	--sl-ivory: #faf8f1;
	--sl-text: #172033;
	--sl-muted: #6d7480;
	--sl-border: rgba(0, 20, 51, 0.12);
	--sl-shadow: 0 14px 36px rgba(0, 20, 51, 0.10);
	--sl-radius: 12px;
}

html {
	scroll-behavior: smooth;
}

body,
button,
input,
select,
textarea {
	font-family: "Cairo", "Tahoma", "Arial", sans-serif;
}

body {
	color: var(--sl-text);
	background: var(--sl-white);
}

::selection {
	color: var(--sl-navy);
	background: var(--sl-gold-light);
}

a {
	transition: color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease;
}

a:hover,
a:focus {
	color: var(--sl-gold-dark);
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.wd-title,
.product_title,
.entry-title,
.widget-title {
	font-family: "Cairo", "Tahoma", "Arial", sans-serif;
	color: var(--sl-navy);
}

/* Header and navigation */
.whb-header,
.whb-main-header,
.whb-general-header,
.whb-top-bar,
.wd-header-nav,
.wd-header-mobile-nav {
	--wd-primary-color: var(--sl-gold);
}

.whb-main-header,
.whb-general-header {
	background-color: var(--sl-navy);
}

.whb-top-bar {
	color: var(--sl-white);
	background-color: var(--sl-navy-2);
	border-bottom: 1px solid rgba(212, 167, 44, .28);
}

.whb-main-header .wd-nav > li > a,
.whb-general-header .wd-nav > li > a,
.whb-main-header .wd-tools-text,
.whb-general-header .wd-tools-text,
.whb-main-header .wd-tools-icon,
.whb-general-header .wd-tools-icon,
.whb-main-header .wd-header-search a,
.whb-general-header .wd-header-search a {
	color: var(--sl-white);
}

.whb-main-header .wd-nav > li:hover > a,
.whb-general-header .wd-nav > li:hover > a,
.whb-main-header .wd-nav > li.current-menu-item > a,
.whb-general-header .wd-nav > li.current-menu-item > a,
.whb-main-header .wd-tools-element:hover > a,
.whb-general-header .wd-tools-element:hover > a {
	color: var(--sl-gold);
}

.wd-nav[class*="wd-style-"] > li:is(:hover, .current-menu-item, .wd-active, .active) > a {
	color: var(--sl-gold);
}

.wd-dropdown,
.wd-sub-menu,
.wd-dropdown-menu {
	border-top-color: var(--sl-gold);
	box-shadow: var(--sl-shadow);
}

.wd-dropdown-menu a:hover,
.wd-sub-menu a:hover {
	color: var(--sl-gold-dark);
}

.wd-header-cart .wd-cart-number,
.wd-header-wishlist .wd-tools-count,
.wd-header-compare .wd-tools-count {
	color: var(--sl-navy);
	background-color: var(--sl-gold);
}

/* Page title and breadcrumbs */
.page-title,
.wd-page-title,
.title-wrapper {
	background-color: var(--sl-navy);
}

.page-title .entry-title,
.wd-page-title .entry-title,
.page-title .title,
.wd-page-title .title {
	color: var(--sl-white);
}

.breadcrumbs,
.breadcrumbs a,
.wd-breadcrumbs,
.wd-breadcrumbs a {
	color: rgba(255, 255, 255, .78);
}

.breadcrumbs a:hover,
.wd-breadcrumbs a:hover {
	color: var(--sl-gold);
}

/* Buttons */
.btn,
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.wd-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.single_add_to_cart_button,
.checkout-button,
.wc-proceed-to-checkout .button {
	border-radius: 8px;
}

.btn.btn-color-primary,
.button.alt,
.wd-btn.wd-style-filled,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button,
.checkout-button,
.wc-proceed-to-checkout .button {
	color: var(--sl-navy) !important;
	background-color: var(--sl-gold) !important;
	border-color: var(--sl-gold) !important;
	box-shadow: 0 8px 20px rgba(212, 167, 44, .22);
}

.btn.btn-color-primary:hover,
.button.alt:hover,
.wd-btn.wd-style-filled:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.wc-proceed-to-checkout .button:hover {
	color: var(--sl-white) !important;
	background-color: var(--sl-navy) !important;
	border-color: var(--sl-navy) !important;
}

.btn.btn-style-bordered,
.wd-btn.wd-style-bordered {
	color: var(--sl-navy);
	border-color: var(--sl-gold);
}

.btn.btn-style-bordered:hover,
.wd-btn.wd-style-bordered:hover {
	color: var(--sl-white);
	background-color: var(--sl-navy);
	border-color: var(--sl-navy);
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
select,
textarea {
	color: var(--sl-text);
	background-color: var(--sl-white);
	border-color: var(--sl-border);
	border-radius: 8px;
}

input:focus,
select:focus,
textarea:focus {
	border-color: var(--sl-gold) !important;
	box-shadow: 0 0 0 3px rgba(212, 167, 44, .15);
}

/* Product grids */
.product-grid-item,
.wd-product,
.product-element-top,
.woocommerce-loop-product__link {
	border-radius: var(--sl-radius);
}

.product-grid-item,
.wd-product {
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.product-grid-item:hover,
.wd-product:hover {
	transform: translateY(-3px);
	box-shadow: var(--sl-shadow);
}

.product-grid-item .product-image-link,
.wd-product .product-image-link,
.product-element-top {
	overflow: hidden;
	background-color: var(--sl-ivory);
}

.product-grid-item .wd-entities-title a,
.wd-product .wd-entities-title a,
.woocommerce-loop-product__title {
	color: var(--sl-navy);
}

.product-grid-item .wd-entities-title a:hover,
.wd-product .wd-entities-title a:hover {
	color: var(--sl-gold-dark);
}

.price,
.product-price,
.amount,
.woocommerce-Price-amount {
	color: var(--sl-navy);
	font-weight: 700;
}

.price del,
.price del .amount {
	color: var(--sl-muted);
	font-weight: 400;
}

.price ins,
.price ins .amount {
	color: var(--sl-gold-dark);
}

.product-labels .product-label,
.product-label.onsale,
.onsale {
	color: var(--sl-navy);
	background-color: var(--sl-gold);
}

.product-label.new,
.product-label.hot {
	color: var(--sl-white);
	background-color: var(--sl-navy);
}

.star-rating span:before,
.stars a:after,
.wd-star-rating span:before {
	color: var(--sl-gold);
}

/* Product cards and quick actions */
.wd-buttons,
.wd-add-btn,
.wd-action-btn {
	--wd-primary-color: var(--sl-gold);
}

.wd-buttons .wd-action-btn > a:hover,
.wd-buttons .wd-action-btn > button:hover,
.wd-add-btn > a:hover,
.wd-add-btn > button:hover {
	color: var(--sl-navy);
	background-color: var(--sl-gold);
}

/* Single product */
.single-product-page .product_title,
.product_title.entry-title {
	color: var(--sl-navy);
}

.product-tabs-wrapper,
.wd-tabs,
.woocommerce-tabs {
	border-color: var(--sl-border);
}

.wd-tabs-header .wd-nav-tabs > li > a,
.woocommerce-tabs .tabs li a {
	color: var(--sl-navy);
}

.wd-tabs-header .wd-nav-tabs > li.wd-active > a,
.wd-tabs-header .wd-nav-tabs > li:hover > a,
.woocommerce-tabs .tabs li.active a,
.woocommerce-tabs .tabs li:hover a {
	color: var(--sl-gold-dark);
}

.quantity input[type="button"],
.quantity .minus,
.quantity .plus {
	color: var(--sl-navy);
}

.quantity input[type="button"]:hover,
.quantity .minus:hover,
.quantity .plus:hover {
	color: var(--sl-gold-dark);
}

/* Cart and checkout */
.cart-totals-inner,
.checkout-order-review,
.woocommerce-checkout-review-order,
.woocommerce-form-coupon,
.woocommerce-form-login {
	border-color: var(--sl-border);
	border-radius: var(--sl-radius);
}

.woocommerce-checkout-review-order-table thead,
.shop_table thead {
	color: var(--sl-white);
	background-color: var(--sl-navy);
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.wd-notice {
	border-radius: 8px;
}

.woocommerce-message,
.wd-notice-success {
	border-color: var(--sl-gold);
}

/* Widgets and sidebars */
.widget-title,
.widget-heading,
.wd-widget-title {
	color: var(--sl-navy);
}

.widget a:hover,
.wd-widget a:hover,
.product-categories li.current-cat > a {
	color: var(--sl-gold-dark);
}

.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
	background-color: var(--sl-gold);
}

/* Footer */
.footer-container,
.main-footer,
.wd-footer {
	color: rgba(255, 255, 255, .78);
	background-color: var(--sl-navy);
}

.footer-container h1,
.footer-container h2,
.footer-container h3,
.footer-container h4,
.footer-container h5,
.footer-container h6,
.footer-container .widget-title,
.main-footer .widget-title {
	color: var(--sl-gold);
}

.footer-container a,
.main-footer a,
.wd-footer a {
	color: rgba(255, 255, 255, .82);
}

.footer-container a:hover,
.main-footer a:hover,
.wd-footer a:hover {
	color: var(--sl-gold);
}

.copyrights-wrapper,
.min-footer,
.wd-copyrights {
	color: rgba(255, 255, 255, .72);
	background-color: #000f29;
	border-top: 1px solid rgba(212, 167, 44, .22);
}

.copyrights-wrapper a,
.min-footer a,
.wd-copyrights a {
	color: var(--sl-gold);
}

/* Mobile toolbar */
.wd-toolbar,
.wd-sticky-toolbar {
	background-color: var(--sl-navy);
	border-top-color: rgba(212, 167, 44, .25);
}

.wd-toolbar a,
.wd-sticky-toolbar a,
.wd-toolbar .wd-tools-icon,
.wd-sticky-toolbar .wd-tools-icon {
	color: var(--sl-white);
}

.wd-toolbar a:hover,
.wd-sticky-toolbar a:hover {
	color: var(--sl-gold);
}

/* Search, account and mini-cart panels */
.wd-side-hidden,
.cart-widget-side,
.mobile-nav,
.login-form-side {
	border-color: var(--sl-gold);
}

.wd-side-hidden .title,
.cart-widget-side .title,
.mobile-nav .title,
.login-form-side .title {
	color: var(--sl-navy);
}

/* Login page branding */
body.login {
	background: var(--sl-navy);
}

body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
	border: 1px solid rgba(212, 167, 44, .35);
	border-radius: var(--sl-radius);
	box-shadow: var(--sl-shadow);
}

body.login .button-primary {
	color: var(--sl-navy);
	background: var(--sl-gold);
	border-color: var(--sl-gold-dark);
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	color: var(--sl-white);
	background: var(--sl-navy-2);
	border-color: var(--sl-gold);
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
	color: var(--sl-white);
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover {
	color: var(--sl-gold);
}

/* Accessibility */
:focus-visible {
	outline: 2px solid var(--sl-gold);
	outline-offset: 2px;
}

/* Responsive refinements */
@media (max-width: 1024px) {
	.whb-main-header,
	.whb-general-header,
	.wd-header-mobile-nav {
		background-color: var(--sl-navy);
	}
}

@media (max-width: 767px) {
	:root {
		--sl-radius: 9px;
	}

	.product-grid-item:hover,
	.wd-product:hover {
		transform: none;
	}

	.page-title,
	.wd-page-title {
		padding-top: 24px;
		padding-bottom: 24px;
	}
}