/*
Theme Name:     Maxbizz Child
Theme URI:      http://wpdemo.archiwp.com/maxbizz/
Description:    Amalia Lui brand overlay for Maxbizz. Layout and widgets stay with the parent; colours, type and copy are customised here.
Author:         Amalia Lui
Author URI:     https://new.amaluitz.com/
Version:        1.2
Template:       maxbizz
*/

@import url("../maxbizz/style.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Source+Serif+4:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
	--amalia-navy: #17324d;
	--amalia-copper: #a86e3b;
	--amalia-ivory: #f7f3ea;
	--amalia-sage: #7b8f82;
	--amalia-ink: #2a2d30;
}

body,
.elementor-widget-text-editor,
.elementor-icon-box-description,
.octf-text {
	font-family: Inter, "Helvetica Neue", Arial, sans-serif;
	color: var(--amalia-ink);
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.iheading h1, .iheading h2, .iheading h3, .iheading h4,
.icon-box-title,
.service-box h5,
.ot-heading {
	font-family: "Source Serif 4", Georgia, serif;
	color: var(--amalia-navy);
}

body {
	background-color: var(--amalia-ivory);
}

a {
	color: var(--amalia-copper);
}

a:hover {
	color: var(--amalia-navy);
}

:focus-visible {
	outline: 2px solid var(--amalia-copper);
	outline-offset: 3px;
}

/* Accent: Maxbizz orange -> copper, without changing component layout */
.octf-btn,
.btn-details,
.elementor-button,
button[type="submit"],
input[type="submit"],
.wpcf7-submit {
	background-color: var(--amalia-copper) !important;
	border-color: var(--amalia-copper) !important;
	color: #fff !important;
	box-shadow: none !important;
}

.octf-btn:hover,
.elementor-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	background-color: var(--amalia-navy) !important;
	border-color: var(--amalia-navy) !important;
	color: #fff !important;
}

.bg-primary,
.accent-primary,
.main-color,
.icon-main-color {
	background-color: var(--amalia-copper) !important;
}

.text-primary,
.main-color-text {
	color: var(--amalia-copper) !important;
}

/* Header wordmark in place of demo SVG, same slot */
.elementor-widget-ilogo img {
	display: none;
}

.elementor-widget-ilogo a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	font-family: "Source Serif 4", Georgia, serif;
	font-size: 1.85rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	color: var(--amalia-navy) !important;
	text-decoration: none;
	text-transform: uppercase;
}

.elementor-widget-icart {
	display: none !important;
}

.elementor-widget-iprogress .b-num,
.elementor-widget-iprogress .percent {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.site-footer,
.octf-footer,
.elementor-location-footer {
	background-color: var(--amalia-navy);
}

/* Homepage slider titles: exactly two lines (SR7 layer ids) */
#SR7_1_1-1-0,
#SR7_1_1-2-0,
#SR7_1_1-3-0 {
	white-space: nowrap !important;
	width: auto !important;
	max-width: none !important;
	height: auto !important;
}

/* Back to top — circular card */
#back-to-top {
  width: 46px !important;
  height: 46px !important;
  line-height: 44px !important;
  border-radius: 50% !important;
  background: #17324D !important;
  color: #F7F3EA !important;
  border: 1px solid #A86E3B !important;
  box-shadow: 0 8px 20px rgba(23, 50, 77, 0.28);
}
#back-to-top i { color: #F7F3EA !important; }
#back-to-top:hover {
  background: #A86E3B !important;
  border-color: #A86E3B !important;
  color: #F7F3EA !important;
}

/* Homepage photo sections — keep text readable */
.elementor-element-7d99a45:not(.elementor-motion-effects-element-type-background)::before,
.elementor-element-8b33593:not(.elementor-motion-effects-element-type-background)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(23, 50, 77, 0.55);
  pointer-events: none;
  z-index: 0;
}
.elementor-element-7d99a45 > .elementor-container,
.elementor-element-8b33593 > .elementor-container {
  position: relative;
  z-index: 1;
}

/* How we work person cutout */
.elementor-element-38b1baf img {
  background: transparent !important;
  box-shadow: none !important;
}

/* Primary navigation: retain the hover highlight for the current page. */
.main-navigation > ul > li:hover > a,
.main-navigation > ul > li.current-menu-item > a,
.main-navigation > ul > li.current-menu-ancestor > a,
.main-navigation > ul > li.current-menu-parent > a {
  color: var(--amalia-copper);
}
.main-navigation > ul > li.menu-item-has-children:hover > a:after,
.main-navigation > ul > li.current-menu-item.menu-item-has-children > a:after,
.main-navigation > ul > li.current-menu-ancestor.menu-item-has-children > a:after,
.main-navigation > ul > li.current-menu-parent.menu-item-has-children > a:after {
  color: var(--amalia-copper);
}

/* Hero readability: overlay on the photo only, copy stays above */
body.home .elementor-element-39dfd74,
body.home .elementor-element-39dfd74 > .elementor-container,
body.home #SR7_1_1,
body.home #SR7_1_1 sr7-adjuster,
body.home #SR7_1_1 sr7-content,
body.home #SR7_1_1 sr7-slide,
body.home #SR7_1_1 sr7-bg {
	width: 100% !important;
	max-width: none !important;
}
body.home .elementor-element-39dfd74,
body.home #SR7_1_1,
body.home #SR7_1_1 sr7-adjuster {
	height: 90vh !important;
	max-height: 90vh !important;
	overflow: hidden !important;
}
body.home #SR7_1_1 sr7-content,
body.home #SR7_1_1 sr7-slide,
body.home #SR7_1_1 sr7-bg {
	height: 100% !important;
	max-height: 100% !important;
}
body.home #SR7_1_1 {
	position: relative;
}
body.home #SR7_1_1::after,
body.home #SR7_1_1 sr7-slide::after {
	content: none !important;
	display: none !important;
	background: none !important;
}
body.home #SR7_1_1 sr7-bg {
	position: relative !important;
	z-index: 0 !important;
	filter: blur(2.5px);
	overflow: hidden;
}
body.home #SR7_1_1 sr7-bg::after {
	content: "" !important;
	display: block !important;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(to right, #17324D 0, rgba(23, 50, 77, 0) 32px),
		linear-gradient(to left, #17324D 0, rgba(23, 50, 77, 0) 32px),
		linear-gradient(
			105deg,
			rgba(23, 50, 77, 0.82) 0%,
			rgba(23, 50, 77, 0.62) 38%,
			rgba(23, 50, 77, 0.34) 64%,
			rgba(23, 50, 77, 0.18) 100%
		);
}
body.home #SR7_1_1 sr7-txt,
body.home #SR7_1_1 sr7-btn,
body.home #SR7_1_1 .sr7-layer:not(sr7-bg) {
	z-index: 20 !important;
}
body.home #SR7_1_1-1-0,
body.home #SR7_1_1-2-0,
body.home #SR7_1_1-3-0,
body.home #SR7_1_1-1-1,
body.home #SR7_1_1-2-1,
body.home #SR7_1_1-3-1 {
	text-shadow: 0 2px 18px rgba(10, 22, 34, 0.45);
}
@media (max-width: 767px) {
	body.home #SR7_1_1 sr7-bg::after {
		background: linear-gradient(
			180deg,
			rgba(23, 50, 77, 0.58) 0%,
			rgba(23, 50, 77, 0.72) 42%,
			rgba(23, 50, 77, 0.82) 100%
		);
	}
}

/* Hero mobile: shorter, description visible, two-line titles, no arrows */
@media (max-width: 767px) {
	body.home .elementor-element-39dfd74,
	body.home #SR7_1_1,
	body.home #SR7_1_1 sr7-adjuster {
		height: 52vh !important;
		min-height: 370px !important;
		max-height: 52vh !important;
	}
	#SR7_1_1-1-0,
	#SR7_1_1-2-0,
	#SR7_1_1-3-0 {
		white-space: normal !important;
		width: calc(100% - 36px) !important;
		max-width: calc(100% - 36px) !important;
		font-size: clamp(26px, 7vw, 32px) !important;
		line-height: 1.2 !important;
		letter-spacing: -0.02em !important;
	}
	/* Keep description layout; do NOT force all slides visible (causes first-load duplicate) */
	#SR7_1_1-1-1,
	#SR7_1_1-2-1,
	#SR7_1_1-3-1 {
		white-space: normal !important;
		width: calc(100% - 32px) !important;
		max-width: calc(100% - 32px) !important;
		font-size: 13px !important;
		line-height: 1.5 !important;
		padding-bottom: 0 !important;
	}
	#SR7_1_1-1-2,
	#SR7_1_1-2-2,
	#SR7_1_1-3-2,
	#SR7_1_1-1-3,
	#SR7_1_1-2-3,
	#SR7_1_1-3-3 {
		margin-top: 18px !important;
		transform: none !important;
		border-radius: 3px !important;
		padding-top: 9px !important;
		padding-bottom: 9px !important;
		overflow: visible !important;
	}
}
@media (max-width: 1024px) {
	body.home #SR7_1_1 .tparrows,
	body.home #SR7_1_1 .tp-leftarrow,
	body.home #SR7_1_1 .tp-rightarrow,
	body.home #SR7_1_1 sr7-arrow,
	body.home #SR7_1_1 .sr7-nav-arrows,
	body.home #SR7_1_1 [class*="tparrows"] {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
}

/* Hero: prevent inactive-slide descriptions painting through on first load */
body.home #SR7_1_1 sr7-slide:not([style*="display: block"]):not([style*="display:block"]) > #SR7_1_1-1-1,
body.home #SR7_1_1 sr7-slide:not([style*="display: block"]):not([style*="display:block"]) > #SR7_1_1-2-1,
body.home #SR7_1_1 sr7-slide:not([style*="display: block"]):not([style*="display:block"]) > #SR7_1_1-3-1 {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}