/**
 * Hotayi site overrides — keeps inline style="" out of public pages so CSP can use
 * style-src with a nonce instead of 'unsafe-inline' (HostedScan / OWASP ZAP).
 */

/* --- Home (index.php) --- */
.hotayi-hero-row {
	height: 650px;
}

.hotayi-hero-title {
	font-size: 40px;
}

.hotayi-capability-icon {
	width: 140px;
}

.bg-home-our-service {
	background-image: url(../image/01Home/OURSERVICE_BG.jpg);
}

.bg-home-philosophy {
	background-image: url(../image/01Home/OurPhilosophy.jpg);
}

.bg-home-market-segment {
	background-image: url(../image/01Home/MARKETSEGMENT_BG.jpg);
}

/* --- About --- */
.bg-about-header {
	background-image: url(../image/02About/about-header.jpg);
}

.bg-about-why {
	background-image: url(../image/02About/WHYHOTAYI_BG.jpg);
}

.bg-about-hill {
	background-image: url(../image/02About/HOTAYIONTHEHILL_BG.jpg);
}

.bg-about-goal {
	background-image: url(../image/02About/OurGoal.jpg);
}

/* --- Services --- */
.bg-services-hero {
	background-image: url(../image/03Service/8439093.jpg);
}

.bg-services-ems {
	background-image: url(../image/03Service/OURSERVICE_EMS.jpg);
}

.bg-services-dfm {
	background-image: url(../image/03Service/OURSERVICE_DFM.jpg);
}

.bg-services-rff {
	background-image: url(../image/03Service/OURSERVICE_RetailFulfilment.jpg);
}

.bg-services-rma {
	background-image: url(../image/03Service/OURSERVICE_RMA.jpg);
}

/* --- Capabilities --- */
.bg-capabilities-hero {
	background-image: url(../image/04Capabilities/factory-worker-explaining.jpg);
}

.bg-capabilities-sub {
	background-image: url(../image/04Capabilities/Sub-processes.jpg);
}

/* --- Sustainability --- */
.bg-sustain-slide-1 {
	background-image: url(../image/05Sustainability/190613.jpg);
}

.bg-sustain-slide-2 {
	background-image: url(../image/05Sustainability/UNI08649.jpg);
}

.bg-sustain-action {
	background-image: url(../image/05Sustainability/ActionPlan.jpg);
}

/* --- Jobs --- */
.bg-jobs-colleagues {
	background-image: url(../image/07Jobs/colleagues-with-coffee-cup-front-view.jpg);
}

.bg-jobs-overview {
	background-image: url(../image/07Jobs/CompanyOverview.jpg);
}

/* --- Shared layout --- */
.hotayi-section-spacer {
	height: 230px;
}

.hotayi-news-search-form {
	margin: auto;
	max-width: 300px;
}

/* Inner pages: dark nav links on light hero (News, Jobs, Sustainability) */
.navbar-inner-page.navbar-light .navbar-nav .nav-link {
	color: black !important;
}

.navbar-inner-page.navbar-sparrow .navbar-nav .nav-link.nav-active {
	color: #f0d640 !important;
}

.navbar-inner-page.navbar-sparrow {
	backdrop-filter: blur(10px);
}

/* Jobs apply form: match select height to text inputs */
#ApplyForm select.form-control,
#ApplyForm select#selectPosition {
	box-sizing: border-box !important;
	width: 100%;
	height: auto !important;
	min-height: calc(1.45em + 1.6rem + 2px) !important;
	padding: 0.8rem 2.5rem 0.8rem 0.8rem !important;
	line-height: 1.45 !important;
	font-size: 1rem !important;
	color: #404040;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23404040' d='M6 8 0 0h12L6 8z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.9rem center;
	background-size: 10px 7px;
}

#ApplyForm select.form-control::-ms-expand {
	display: none;
}

#ApplyForm .hotayi-spinner {
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	margin-right: 0.55em;
	border: 2px solid rgba(255, 255, 255, 0.55);
	border-top-color: #ffffff;
	border-radius: 50%;
	animation: hotayiSpin 0.75s linear infinite;
}

@keyframes hotayiSpin {
	to {
		transform: rotate(360deg);
	}
}

#hotayiThankYouToast {
	position: fixed;
	top: 90px;
	right: 24px;
	z-index: 2000;
	max-width: 360px;
	background: #dff5e1;
	color: #1d6f2b;
	padding: 14px 40px 14px 18px;
	border: 1px solid #b9e1c2;
	border-radius: 6px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
	font-size: 14px;
	line-height: 1.45;
}

.hotayi-back-link {
	cursor: pointer;
}

.hotayi-sending-label {
	vertical-align: middle;
}

#hotayiThankYouToastClose {
	position: absolute;
	top: 6px;
	right: 10px;
	background: transparent;
	border: 0;
	color: #1d6f2b;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}