/* APX CoolFlow — top bar, header restyle, footer. Site-wide. */
:root {
	--apx-ink: #0b0f13;
	--apx-ink-2: #141a20;
	--apx-teal: #33b3b2;
	--apx-teal-d: #1f8f8e;
	--apx-teal-l: #8fe0df;
	--apx-line: #e3e7ea;
	--apx-ff: 'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--apx-ff-ar: 'IBM Plex Sans Arabic', system-ui, sans-serif;
}

/* ---------- TOP BAR ---------- */
.apxtb { background: var(--apx-ink); color: rgba(255,255,255,.78); font-family: var(--apx-ff); font-size: 13px; line-height: 1; position: relative; z-index: 2; }
.apxtb--ar { font-family: var(--apx-ff-ar); }
.apxtb__in { max-width: 1222px; margin-inline: auto; padding: 0 15px; min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.apxtb__msg { display: inline-flex; align-items: center; gap: 9px; font-weight: 500; letter-spacing: .02em; }
.apxtb__msg i { width: 6px; height: 6px; border-radius: 50%; background: var(--apx-teal); box-shadow: 0 0 0 3px rgba(51,179,178,.25); }
.apxtb__links { display: inline-flex; align-items: center; gap: 22px; }
.apxtb a { display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,.88); font-weight: 600; text-decoration: none; transition: color .2s; }
.apxtb a:hover { color: var(--apx-teal-l); }
.apxtb svg { width: 15px; height: 15px; flex: none; color: var(--apx-teal); }

/* ---------- HEADER ---------- */
.whb-header .whb-general-header { border-bottom: 1px solid var(--apx-line); }
.whb-header.whb-sticked .whb-general-header { box-shadow: 0 10px 30px -18px rgba(11,15,19,.35); border-bottom-color: transparent; }
.whb-header .wd-nav-main > li > a,
.whb-header .wd-header-my-account .wd-tools-text,
.whb-header .wd-header-text,
.whb-header .trp-ls-language-name {
	font-family: var(--apx-ff); font-weight: 600; font-size: 14px; letter-spacing: .06em; color: var(--apx-ink);
}
html[lang^="ar"] .whb-header .wd-nav-main > li > a,
html[lang^="ar"] .whb-header .wd-header-my-account .wd-tools-text { font-family: var(--apx-ff-ar); letter-spacing: 0; font-size: 15px; }
.whb-header .wd-nav-main > li > a { position: relative; }
.whb-header .wd-nav-main > li > a::after {
	content: ''; position: absolute; inset-inline: 10px; bottom: 8px; height: 2px; border-radius: 2px;
	background: var(--apx-teal); transform: scaleX(0); transition: transform .25s ease;
}
.whb-header .wd-nav-main > li:hover > a,
.whb-header .wd-nav-main > li.current-menu-item > a { color: var(--apx-ink); }
.whb-header .wd-nav-main > li:hover > a::after,
.whb-header .wd-nav-main > li.current-menu-item > a::after { transform: scaleX(1); }
.whb-header .wd-tools-count,
.whb-header .wd-cart-number {
	background-color: var(--apx-teal) !important; color: var(--apx-ink) !important; font-weight: 700;
}
.whb-header .wd-tools-element > a:hover,
.whb-header .wd-tools-element:hover .wd-tools-icon { color: var(--apx-teal-d); }
.whb-header .wd-dropdown { border-radius: 12px; box-shadow: 0 20px 50px -20px rgba(11,15,19,.35); }

/* ---------- FOOTER ---------- */
.wd-footer.footer-container { background: var(--apx-ink); color: rgba(255,255,255,.7); border-top: 0; }
.wd-footer .main-footer { padding-top: 0; padding-bottom: 0; }
.wd-footer .main-footer .elementor-section,
.wd-footer .main-footer .elementor-container,
.wd-footer .main-footer .e-con { background: transparent !important; }
.apxft { font-family: var(--apx-ff); color: rgba(255,255,255,.7); padding-block: 56px 40px; }
.apxft--ar { font-family: var(--apx-ff-ar); }
.apxft a { text-decoration: none; }
.apxft svg { width: 1em; height: 1em; flex: none; }
.apxft--ar .apxh-arr { transform: scaleX(-1); }
.apxft__cta {
	display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
	padding: 28px 32px; border-radius: 20px;
	background: radial-gradient(70% 140% at 100% 0%, rgba(143,224,223,.25), transparent 55%), linear-gradient(120deg, #1a7f7e, #33b3b2);
}
.apxft__cta strong { display: block; font-family: 'Barlow Condensed', var(--apx-ff); font-size: 28px; font-weight: 700; color: #fff; line-height: 1.15; }
.apxft--ar .apxft__cta strong { font-family: var(--apx-ff-ar); font-size: 24px; }
.apxft__cta span { display: block; margin-top: 4px; color: rgba(255,255,255,.88); font-size: 15px; }
.apxft__cta-btns { display: flex; gap: 10px; }
.apxft__btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border-radius: 12px; font-weight: 700; font-size: 16px; transition: background-color .2s, color .2s; }
.apxft__btn svg { font-size: 20px; }
.apxft .apxft__btn--teal { background: #fff; color: var(--apx-ink); }
.apxft .apxft__btn--teal:hover { background: var(--apx-ink); color: #fff; }
.apxft .apxft__btn--wa { width: 52px; padding: 0; background: rgba(11,15,19,.25); color: #fff; font-size: 22px; }
.apxft .apxft__btn--wa:hover { background: #25d366; color: #fff; }

.apxft__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr; gap: 40px; margin-top: 56px; }
.apxft__logo img { width: 170px; height: auto; display: block; }
.apxft__brand p { margin: 18px 0 0; font-size: 14px; line-height: 1.65; color: rgba(255,255,255,.6); max-width: 320px; }
.apxft__social { display: flex; gap: 10px; margin-top: 20px; }
.apxft .apxft__social a { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: #fff; font-size: 19px; transition: background-color .2s, border-color .2s; }
.apxft .apxft__social a:hover { background: var(--apx-teal); border-color: var(--apx-teal); color: var(--apx-ink); }
.apxft__col { display: flex; flex-direction: column; gap: 12px; }
.apxft__col h4 { margin: 0 0 6px; font-family: var(--apx-ff); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--apx-teal-l); }
.apxft--ar .apxft__col h4 { font-family: var(--apx-ff-ar); letter-spacing: 0; font-size: 15px; }
.apxft .apxft__col > a { color: rgba(255,255,255,.72); font-size: 15px; width: fit-content; transition: color .2s; }
.apxft .apxft__col > a:hover { color: #fff; }
.apxft .apxft__contact > a { display: flex; align-items: center; gap: 12px; color: #fff; }
.apxft__contact svg { width: 38px; height: 38px; padding: 9px; border-radius: 10px; background: rgba(51,179,178,.14); color: var(--apx-teal); }
.apxft__contact a > span { display: flex; flex-direction: column; gap: 2px; font-weight: 600; }
.apxft__contact small { font-size: 12px; font-weight: 500; color: rgba(255,255,255,.55); }
.apxft--ar .apxft__contact span[dir="ltr"] { text-align: end; }

/* copyright row (Woodmart theme option) */
.wd-footer .wd-copyrights { background: var(--apx-ink); border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.5); padding-block: 22px; }
.wd-footer .wd-copyrights div, .wd-footer .wd-copyrights p { color: rgba(255,255,255,.5) !important; }
.wd-footer .wd-copyrights a { color: rgba(255,255,255,.85) !important; }
.wd-footer .wd-copyrights a:hover { color: var(--apx-teal-l) !important; }
.wd-footer .wd-copyrights .wd-col-end img { opacity: .85; filter: grayscale(.2); }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1024px) {
	.apxft__grid { grid-template-columns: 1fr 1fr 1fr; }
	.apxft__brand { grid-column: 1 / -1; }
	.apxft__contact { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; gap: 20px; }
	.apxft__contact h4 { width: 100%; }
}
@media (max-width: 640px) {
	.apxtb__msg { display: none; }
	.apxtb__in { justify-content: center; min-height: 36px; }
	.apxft { padding-block: 32px 24px; }
	.apxft__cta { padding: 22px 20px; border-radius: 16px; }
	.apxft__cta strong { font-size: 23px; }
	.apxft__cta-btns { width: 100%; }
	.apxft__cta-btns .apxft__btn--teal { flex: 1; }
	.apxft__grid { grid-template-columns: 1fr 1fr; gap: 30px 20px; margin-top: 36px; }
	.wd-footer .wd-copyrights .wd-grid-g { gap: 14px; }
}

/* Woodmart's primary colour on the active item */
.whb-header .wd-nav-main > li.current-menu-item > a,
.whb-header .wd-nav-main > li:hover > a { color: var(--apx-ink) !important; }

/* Designed pages start with a dark band and end flush with the footer */
body:has(.apxh-hero, .apxp-band, .apxr) .main-page-wrapper,
body:has(.apxp-shophead) .main-page-wrapper { padding-top: 0; margin-top: 0; }
body:has(.apxh-hero, .apxp-band, .apxr) .wd-content-layout { padding-top: 0; padding-bottom: 0; }
body:has(.apxh-hero, .apxp-band, .apxr) .wd-footer { margin-top: 0; }
.whb-header .wd-tools-element.wd-design-8 .wd-tools-inner { background-color: var(--apx-ink); }
.whb-header .wd-tools-element.wd-design-8:hover .wd-tools-inner { background-color: var(--apx-teal); }
body:has(.apxh-hero, .apxp-band, .apxr) .main-page-wrapper { padding-bottom: 0; margin-bottom: 0; }
body:has(.apxh-hero, .apxp-band, .apxr) .wd-content-layout > *:last-child { margin-bottom: 0; }
.wd-toolbar .wd-tools-count { background-color: var(--apx-teal) !important; color: var(--apx-ink) !important; }
/* Woodmart prints an empty pre-footer with its own padding */
.wd-prefooter:has(> .container:empty) { display: none; }
body:has(.apxh-hero, .apxp-band, .apxr) .wd-content-layout :is(article, .entry-content, .wd-entry-content, .elementor, .wd-content-area) { margin-bottom: 0; padding-bottom: 0; }
body:has(.apxh-hero, .apxp-band, .apxr) .wd-content-layout .e-con:has(> .elementor-widget-shortcode) { --padding-top: 0px; --padding-bottom: 0px; padding-block: 0; margin-block: 0; }
body:has(.apxh-hero, .apxp-band, .apxr) .wd-content-layout .elementor-widget-shortcode { margin-block: 0; }