/* Add here all your CSS customizations */

/* Bronway Logistics Logo - SVG with integrated text */
.bronway-logo-text {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	line-height: 1.2;
	padding: 10px 0;
	transition: opacity 0.3s ease;
}

.bronway-logo-text:hover {
	opacity: 0.8;
	text-decoration: none;
}

.bronway-logo-img {
	height: 70px;
	width: auto;
	max-width: none;
	object-fit: contain;
	display: block;
}

.bronway-logo-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bronway-logo-main {
	font-size: 32px;
	font-weight: 900;
	color: #e8465f;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	display: block;
	line-height: 1;
}

.bronway-logo-sub {
	font-size: 14px;
	font-weight: 600;
	color: #2c3e50;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-top: 2px;
	line-height: 1;
}

@media (max-width: 991px) {
	.bronway-logo-img {
		height: 40px;
		max-width: none;
	}

	.bronway-logo-text {
		gap: 8px;
		padding: 0 !important;
	}

	/* Compact mobile header */
	#header .header-body {
		border: 0 !important;
	}

	#header .header-top {
		min-height: 0 !important;
		height: auto !important;
		padding: 0 !important;
		background: #f4f6f8 !important;
		border-bottom: 1px solid #e6e9ee !important;
	}

	#header .header-top .container,
	#header .header-top .header-row,
	#header .header-top .header-column,
	#header .header-top .nav,
	#header .header-top .nav-item {
		min-height: 0 !important;
		height: auto !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin: 0 !important;
	}

	#header .header-top .container {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	#header .header-top .nav {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		flex-wrap: nowrap !important;
		gap: 8px;
		min-height: 34px !important;
	}

	#header .header-top .nav-item.py-2 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		flex: 1 1 auto;
		min-width: 0;
	}

	#header .header-top-phone {
		padding: 0 !important;
		font-size: 12px !important;
		line-height: 1 !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#header .header-top-phone > span {
		margin-right: 6px !important;
		display: inline-flex !important;
		align-items: center !important;
	}

	#header .header-top-phone img {
		width: 12px !important;
		height: auto !important;
	}

	#header .header-top-phone a {
		font-size: 12px !important;
		font-weight: 600 !important;
	}

	/* Show compact Track button on mobile */
	#header .nav-item-header-top-socials {
		display: flex !important;
		flex: 0 0 auto;
		height: auto !important;
	}

	#header .header-top-button-make-as-appoitment,
	#header .custom-button-header-top {
		height: 28px !important;
		min-height: 28px !important;
		padding: 0 10px !important;
		font-size: 10px !important;
		line-height: 28px !important;
		border-radius: 4px !important;
		white-space: nowrap;
	}

	#header .header-container {
		min-height: 52px !important;
		height: 52px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		display: flex !important;
		align-items: center !important;
	}

	#header .header-container .header-row {
		width: 100%;
		align-items: center !important;
		min-height: 52px !important;
	}

	#header .header-column-logo,
	#header .header-column-nav-menu {
		display: flex !important;
		align-items: center !important;
	}

	#header .header-logo {
		margin: 0 !important;
		padding: 0 !important;
	}

	#header .header-btn-collapse-nav {
		margin: 0 0 0 8px !important;
		padding: 8px 11px !important;
		border-radius: 6px !important;
		line-height: 1 !important;
	}

	#header.header-effect-shrink .header-container {
		min-height: 52px !important;
		height: 52px !important;
	}
}

@media (max-width: 575px) {
	.bronway-logo-img {
		height: 34px;
		max-width: none;
	}

	#header .header-top .nav {
		min-height: 32px !important;
	}

	#header .header-top-phone,
	#header .header-top-phone a {
		font-size: 11px !important;
	}

	#header .header-container {
		min-height: 48px !important;
		height: 48px !important;
	}

	#header .header-container .header-row {
		min-height: 48px !important;
	}
}

/* Side contact CTAs — one WhatsApp + one phone */
#bw-side-msg,
#bw-side-phone,
.bw-side-cta {
	position: fixed !important;
	width: 56px !important;
	height: 56px !important;
	border-radius: 50% !important;
	z-index: 2147483000 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* Hide any leftover second WhatsApp bubble */
#bw-side-msg-2,
.bw-side-cta--msg2 {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

#bw-side-msg,
.bw-side-cta--msg {
	bottom: 18px !important;
	left: 18px !important;
	right: auto !important;
	background-color: #25d366 !important;
	color: #fff !important;
	animation: bw-side-pulse-msg 2s infinite;
}

#bw-side-phone,
.bw-side-cta--phone {
	bottom: 18px !important;
	right: 18px !important;
	left: auto !important;
	background-color: #0d6efd !important;
	color: #fff !important;
	animation: bw-side-pulse-phone 2s infinite;
}

#bw-side-msg:hover,
#bw-side-phone:hover,
.bw-side-cta:hover {
	transform: scale(1.08) !important;
	text-decoration: none !important;
	color: #fff !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28) !important;
}

#bw-side-msg svg,
#bw-side-phone svg,
.bw-side-cta svg {
	width: 26px !important;
	height: 26px !important;
	fill: currentColor !important;
	display: block !important;
}

@keyframes bw-side-pulse-msg {
	0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
	70% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
	100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

@keyframes bw-side-pulse-phone {
	0% { box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7); }
	70% { box-shadow: 0 0 0 10px rgba(13, 110, 253, 0); }
	100% { box-shadow: 0 0 0 0 rgba(13, 110, 253, 0); }
}

/* Smartsupp Live Chat - Right Side, above call button */
#smartsupp-widget,
.smartsupp-widget,
iframe[src*="smartsupp"],
div[id*="smartsupp"] {
	right: 18px !important;
	left: auto !important;
	bottom: 88px !important;
	position: fixed !important;
}

@media (max-width: 768px) {
	#bw-side-msg,
	#bw-side-phone,
	.bw-side-cta {
		width: 52px !important;
		height: 52px !important;
	}

	#bw-side-msg,
	.bw-side-cta--msg {
		bottom: 14px !important;
		left: 14px !important;
	}

	#bw-side-phone,
	.bw-side-cta--phone {
		bottom: 14px !important;
		right: 14px !important;
	}

	#bw-side-msg svg,
	#bw-side-phone svg,
	.bw-side-cta svg {
		width: 24px !important;
		height: 24px !important;
	}

	/* Smartsupp Live Chat - Right Side on Mobile */
	#smartsupp-widget {
		right: 14px !important;
		left: auto !important;
		bottom: 78px !important;
	}
}

/* Homepage client reviews slider */
.section-reviews {
	background: #f7f7f9;
	padding-top: 60px;
	padding-bottom: 70px;
}
.section-reviews .heading h2 {
	font-size: 2rem;
}
.section-reviews .heading h2 em {
	color: #e8465f;
	font-style: normal;
}
.testimonial-review-card {
	background: #fff;
	border: 1px solid #ececf0;
	border-radius: 8px;
	padding: 28px 24px 22px;
	min-height: 260px;
	box-shadow: 0 8px 24px rgba(18, 38, 63, 0.06);
	text-align: center;
}
.testimonial-review-card .testimonial-stars {
	color: #f5a623;
	font-size: 14px;
	margin-bottom: 12px;
	letter-spacing: 2px;
}
.testimonial-review-card blockquote {
	border: 0;
	padding: 0;
	margin: 0 0 18px;
}
.testimonial-review-card blockquote p {
	font-size: 15px;
	line-height: 1.65;
	color: #4a5568;
	font-style: italic;
}
.testimonial-review-card .testimonial-author p {
	margin: 0;
	line-height: 1.4;
}
.testimonial-review-card .testimonial-author span {
	display: block;
	font-size: 13px;
	color: #8891a0;
	margin-top: 4px;
}
.owl-reviews .owl-nav {
	margin-top: 10px;
}
.owl-reviews .owl-nav button.owl-prev,
.owl-reviews .owl-nav button.owl-next {
	background: #e8465f !important;
	color: #fff !important;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	font-size: 18px !important;
	line-height: 36px !important;
}
.owl-reviews .owl-dots .owl-dot span {
	background: #cfd3dc;
}
.owl-reviews .owl-dots .owl-dot.active span,
.owl-reviews .owl-dots .owl-dot:hover span {
	background: #e8465f;
}