/* ==========================================================================
   Buttons — Morning Trip Holidays
   One shared button look for the whole public site, matched to the footer
   palette: navy (#0b2947 / #123a63), gold (#f5c34d) and white.
   Loaded last in head.php so it overrides the older per-page button rules.
   ========================================================================== */

:root {
	--mt-navy: #0b2947;
	--mt-navy-2: #123a63;
	--mt-gold: #f5c34d;
	--mt-gold-deep: #e0ac2e;
	--mt-white: #ffffff;
	--mt-btn-grad: linear-gradient(135deg, #02355c 0%, #0a4a7a 100%);
	--mt-btn-shadow: 0 10px 24px rgba(2, 53, 92, 0.22);
	--mt-btn-shadow-hover: 0 14px 30px rgba(245, 195, 77, 0.35);
}

/* ---------- primary pill button ---------- */

.primary-btn,
.mt-stories-btn,
.mt-author-profile-btn,
.submit-btn,
a.btn-outline-success {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 30px;
	border: 2px solid var(--mt-gold);
	border-radius: 999px;
	background: var(--mt-btn-grad);
	color: var(--mt-white) !important;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.3;
	text-decoration: none;
	cursor: pointer;
	box-shadow: var(--mt-btn-shadow);
	transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.primary-btn:hover,
.primary-btn:focus,
.mt-stories-btn:hover,
.mt-stories-btn:focus,
.mt-author-profile-btn:hover,
.mt-author-profile-btn:focus,
.submit-btn:hover,
.submit-btn:focus,
a.btn-outline-success:hover,
a.btn-outline-success:focus {
	background: var(--mt-gold);
	border-color: var(--mt-gold);
	color: var(--mt-navy) !important;
	transform: translateY(-2px);
	box-shadow: var(--mt-btn-shadow-hover);
	text-decoration: none;
	outline: none;
}

.primary-btn:active,
.mt-stories-btn:active,
.mt-author-profile-btn:active,
.submit-btn:active,
a.btn-outline-success:active {
	background: var(--mt-gold-deep);
	border-color: var(--mt-gold-deep);
	transform: translateY(0);
}

.mt-author-profile-btn,
a.btn-outline-success {
	padding: 9px 20px;
	font-size: 14px;
}

/* ---------- sidebar "view all" block button ---------- */

a.mt-places-viewall,
a.mt-places-viewall:link,
a.mt-places-viewall:visited {
	background: var(--mt-btn-grad);
	color: var(--mt-white);
	border-top: 3px solid var(--mt-gold);
	transition: background 0.3s ease, color 0.3s ease;
}

a.mt-places-viewall:hover,
a.mt-places-viewall:active,
a.mt-places-viewall:focus {
	background: var(--mt-gold);
	color: var(--mt-navy);
}

.mt-places-sidebar-inner h3 {
	background: var(--mt-btn-grad);
	border-bottom: 3px solid var(--mt-gold);
}

.mt-places-list li.active a,
.mt-places-list li a:hover {
	color: #02355c;
	box-shadow: inset 3px 0 0 var(--mt-gold);
}

/* ---------- category filter chips (destination detail) ---------- */

.mt-destination-cats .mt-destination-cat-btn {
	border: 2px solid #02355c;
	border-radius: 999px;
	background: var(--mt-white);
	color: #02355c;
	font-weight: 600;
	transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.mt-destination-cats .mt-destination-cat-btn:hover {
	background: var(--mt-gold);
	border-color: var(--mt-gold);
	color: var(--mt-navy);
	transform: translateY(-2px);
}

.mt-destination-cats .mt-destination-cat-btn.active {
	background: var(--mt-btn-grad);
	border-color: var(--mt-gold);
	color: var(--mt-white);
}

/* ---------- contact page info cards (phone / email / address) ---------- */

.contact-area .contact-info .single-info .info-iiner {
	border: 1px dashed rgba(245, 195, 77, 0.6);
	transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.contact-area .contact-info .single-info .info-iiner .info-incon span {
	background: var(--mt-gold);
	box-shadow: 0 6px 16px rgba(245, 195, 77, 0.35);
	transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-area .contact-info .single-info .info-iiner .info-incon span:before {
	color: var(--mt-navy);
	transition: color 0.3s ease;
}

.contact-area .contact-info .single-info .info-iiner .info-content .contact-info-title h5 {
	color: var(--mt-navy);
}

.contact-area .contact-info .single-info:hover .info-iiner {
	border-color: var(--mt-gold);
	border-style: solid;
	transform: translateY(-3px);
	box-shadow: var(--mt-btn-shadow);
}

.contact-area .contact-info .single-info:hover .info-iiner .info-incon span {
	background: var(--mt-btn-grad);
	box-shadow: 0 0 0 3px var(--mt-gold);
	transform: scale(1.06);
}

.contact-area .contact-info .single-info:hover .info-iiner .info-incon span:before {
	color: var(--mt-gold);
}

/* keep all three cards the same size; long email wraps beside the icon instead of dropping below it */
@media (min-width: 481px) {
	.contact-area .contact-info .row {
		display: flex;
		flex-wrap: wrap;
	}
	.contact-area .contact-info .row > [class*="col-"] {
		display: flex;
	}
	.contact-area .contact-info .single-info {
		display: flex;
		width: 100%;
	}
	/* icon on top so the email gets the full card width and stays on one line */
	.contact-area .contact-info .single-info .info-iiner {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 100%;
	}
	.contact-area .contact-info .single-info .info-iiner .info-incon {
		float: none;
		flex-shrink: 0;
		margin: 0 0 10px 0;
	}
	.contact-area .contact-info .single-info .info-iiner .info-content {
		float: none;
		max-width: 100%;
	}
	.contact-area .contact-info .single-info .info-iiner .info-content .contact-info-content p {
		white-space: nowrap;
	}
}

@media (min-width: 481px) and (max-width: 1199px) {
	.contact-area .contact-info .single-info .info-iiner {
		padding: 15px 5px;
	}
	.contact-area .contact-info .single-info .info-iiner .info-content .contact-info-content p {
		font-size: 14px;
	}
}
@media (min-width: 481px) and (max-width: 991px) {
	.contact-area .contact-info .single-info .info-iiner .info-content .contact-info-content p {
		font-size: 12px;
	}
}

/* ---------- breadcrumb bar (overrides the inline styles in breadcrumb.php) ---------- */

body .mt-breadcrumb-bar .mt-breadcrumb-item a {
	transition: color 0.25s ease;
}

body .mt-breadcrumb-bar .mt-breadcrumb-item a:hover,
body .mt-breadcrumb-bar .mt-breadcrumb-item a:focus {
	color: var(--mt-gold-deep);
	text-decoration: none;
}

body .mt-breadcrumb-bar .mt-breadcrumb-item.active {
	color: var(--mt-navy-2);
}

body .mt-breadcrumb-bar .mt-filterbar-field i {
	z-index: 1;
	color: var(--mt-navy-2);
	transition: color 0.25s ease;
}

body .mt-breadcrumb-bar .mt-filterbar-field select {
	border: 1px solid rgba(11, 41, 71, 0.18);
	background-color: #ffffff;
	color: var(--mt-navy);
	transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

/* background-color only (not the shorthand) so the dropdown arrow image stays */
body .mt-breadcrumb-bar .mt-filterbar-field:hover select,
body .mt-breadcrumb-bar .mt-filterbar-field select:hover {
	border-color: var(--mt-gold);
	background-color: #fff8e6;
	box-shadow: 0 0 0 2px var(--mt-gold);
}

body .mt-breadcrumb-bar .mt-filterbar-field select:focus {
	outline: none;
	border-color: var(--mt-gold);
	background-color: #fff8e6;
	box-shadow: 0 0 0 3px rgba(245, 195, 77, 0.45);
}

body .mt-breadcrumb-bar .mt-filterbar-field:hover i,
body .mt-breadcrumb-bar .mt-filterbar-field:focus-within i {
	color: var(--mt-gold-deep);
}

body .mt-breadcrumb-bar .mt-filterbar-field select option {
	background: #ffffff;
	color: var(--mt-navy);
}

/* ---------- destination card labels ---------- */

.mt-destination-label {
	background: linear-gradient(135deg, rgba(2, 53, 92, 0.9) 0%, rgba(10, 74, 122, 0.9) 100%);
	color: var(--mt-white);
	text-align: center;
	transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.mt-destination-card:hover .mt-destination-label {
	background: var(--mt-gold);
	color: var(--mt-navy);
	transform: translateY(-2px);
}