@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

/* ── Section ── */
.cottage-packges-list-warp {
	font-family: 'Poppins', sans-serif;
	background: linear-gradient(160deg, #fdfcfa 0%, #faf8f4 40%, #f5f0e8 100%);
	padding: 90px 0 110px;
	color: #2c2c2c;
	line-height: 1.75;
	position: relative;
	overflow: hidden;
}

.cottage-packges-list-warp::before {
	content: '';
	position: absolute;
	top: -120px;
	right: -120px;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(184, 160, 104, 0.08) 0%, transparent 70%);
	pointer-events: none;
}

.cottage-packges-list-warp::after {
	content: '';
	position: absolute;
	bottom: -80px;
	left: -80px;
	width: 320px;
	height: 320px;
	background: radial-gradient(circle, rgba(105, 104, 68, 0.06) 0%, transparent 70%);
	pointer-events: none;
}

.cottage-packges-list-warp .container {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 24px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

/* ── Grid ── */
.cottage-packges-list-warp .mphb_sc_rooms-wrapper.mphb-room-types {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}
.mphb-room-type{margin-top:0!important;}

/* ── Card ── */
.cottage-packges-list-warp .mphb-room-type {
	background: #ffffff;
	border-radius: 20px;
	border: 1px solid rgba(105, 104, 68, 0.12);
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr;
	align-content: start;
	box-shadow: 0 8px 32px rgba(105, 104, 68, 0.1);
	transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	position: relative;
	animation: mcFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.cottage-packges-list-warp .mphb-room-type:nth-child(2) {
	animation-delay: 0.12s;
}

.cottage-packges-list-warp .mphb-room-type::before {
	content: '';
	position: absolute;
	top: 0;
	left: 28px;
	right: 28px;
	height: 3px;
	background: linear-gradient(90deg, #696844, #b8a068, #696844);
	border-radius: 0 0 4px 4px;
	opacity: 0;
	transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 2;
}

@media (hover: hover) {
	.cottage-packges-list-warp .mphb-room-type:hover {
		transform: translateY(-10px);
		box-shadow: 0 24px 64px rgba(105, 104, 68, 0.16);
		border-color: rgba(105, 104, 68, 0.22);
	}

	.cottage-packges-list-warp .mphb-room-type:hover::before {
		opacity: 1;
	}

	.cottage-packges-list-warp .mphb-room-type:hover .mphb-loop-room-thumbnail img {
		transform: scale(1.08);
	}

	.cottage-packges-list-warp .mphb-room-type:hover .mphb-loop-room-type-attributes li {
		background: #f0ece4;
		border-color: rgba(105, 104, 68, 0.12);
	}
}

.cottage-packges-list-warp .mphb-to-book-btn-wrapper{width: 100%;padding-top: 10px;}



@keyframes mcFadeUp {
	from {
		opacity: 0;
		transform: translateY(28px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ── Image ── */
.cottage-packges-list-warp .mphb-loop-room-thumbnail {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	line-height: 0;
	aspect-ratio: 16 / 11;
}

.cottage-packges-list-warp .mphb-loop-room-thumbnail::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgba(44, 44, 44, 0.55) 0%,
		rgba(44, 44, 44, 0.08) 45%,
		transparent 100%
	);
	pointer-events: none;
	z-index: 1;
}

/* Guest badge via room class */
.cottage-packges-list-warp .mphb-room-type-adults-12 .mphb-loop-room-thumbnail::before,
.cottage-packges-list-warp .mphb-room-type-adults-10 .mphb-loop-room-thumbnail::before {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
	font-family: 'Poppins', sans-serif;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ffffff;
	background: rgba(105, 104, 68, 0.88);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	padding: 8px 16px;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.cottage-packges-list-warp .mphb-room-type-adults-12 .mphb-loop-room-thumbnail::before {
	content: 'Sleeps 12';
}

.cottage-packges-list-warp .mphb-room-type-adults-10 .mphb-loop-room-thumbnail::before {
	content: 'Sleeps 10';
}

.cottage-packges-list-warp .mphb-loop-room-thumbnail a {
	display: block;
	height: 100%;
	overflow: hidden;
}

.cottage-packges-list-warp .mphb-loop-room-thumbnail img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	display: block;
	transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── Title ── */
.cottage-packges-list-warp .mphb-room-type-title.entry-title {
	font-family: 'Cinzel', serif;
	font-size: 1.45rem;
	font-weight: 600;
	line-height: 1.35;
	margin: 20px 28px 0;
	padding: 0;
	letter-spacing: 0.03em;
}

.cottage-packges-list-warp .mphb-room-type-title.entry-title a {
	color: #2c2c2c;
	text-decoration: none;
	transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background: linear-gradient(to right, #696844, #696844);
	background-size: 0 1px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 2px;
	transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	margin-bottom:0;
}

.cottage-packges-list-warp .mphb-room-type-title.entry-title a:hover {
	color: #696844;
	background-size: 100% 1px;
}

/* ── Description ── */
.cottage-packges-list-warp .mphb-room-type > p {
	font-size: 0.9rem;
	font-weight: 400;
	color: #2d2d2d;
	margin: 20px 28px 0;
	padding: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ── Details (minimal label) ── */
.cottage-packges-list-warp .mphb-room-type-details-title {
	font-family: 'Poppins', sans-serif;
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: #b8a068;
	margin: 26px 28px 14px;
	padding: 0;
	border: none;
}

.cottage-packges-list-warp .mphb-room-type-details-title::after {
	content: '';
	display: block;
	width: 32px;
	height: 2px;
	background: linear-gradient(90deg, #b8a068, transparent);
	margin-top: 8px;
}

/* ── Attribute pills ── */
.cottage-packges-list-warp .mphb-loop-room-type-attributes {
	list-style: none;
	margin: 0 28px;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.cottage-packges-list-warp .mphb-loop-room-type-attributes li {
	background: #faf8f4;
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 12px 16px;
	font-size: 0.82rem;
	color: #2c2c2c;
	display: flex;
	flex-direction: column;
	gap: 3px;
	transition: background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s ease;
}

.cottage-packges-list-warp .mphb-attribute-title {
	font-weight: 500;
	color: #8a8680;
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.cottage-packges-list-warp .mphb-attribute-value {
	font-weight: 600;
	font-size: 0.95rem;
	color: #696844;
	font-family: 'Cinzel', serif;
}

/* ── Card Footer (price + buttons) ── */
.cottage-packges-list-warp .mphb-regular-price {
	margin-top: auto;
	padding: 24px 28px 0;
	border-left: none;
	border-radius: 0;
	font-size: 0.9rem;
	color: #8a8680;
}

.cottage-packges-list-warp .mphb-regular-price strong {
	display: block;
	font-size: 0.68rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: #b8a068;
	margin-bottom: 6px;
}

.cottage-packges-list-warp .mphb-price {
	font-family: 'Cinzel', serif;
	font-size: 2rem;
	font-weight: 700;
	color: #696844;
	line-height: 1;
	display: inline-flex;
	align-items: baseline;
	gap: 2px;
}

.cottage-packges-list-warp .mphb-currency {
	font-size: 1.3rem;
	font-weight: 500;
}

.cottage-packges-list-warp .mphb-price-period {
	font-size: 0.8rem;
	font-weight: 400;
	color: #8a8680;
	margin-left: 6px;
}

.cottage-packges-list-warp .mphb-tax-information {
	display: inline;
	font-size: 0.72rem;
	color: #8a8680;
	margin-top: 6px;
	opacity: 0.75;
	font-style: italic;
}

/* Buttons — shared grid row (Book left, View Details right) */
.cottage-packges-list-warp .mphb-to-book-btn-wrapper,
.cottage-packges-list-warp .mphb-view-details-button-wrapper {
	margin: 0;
	padding: 18px 28px 28px;
	background: #ffffff;
	box-sizing: border-box;
	grid-column: 1;
	align-self: center;
}

.cottage-packges-list-warp .mphb-to-book-btn-wrapper {
	justify-self: start;
	padding-right: 16px;
	z-index: 1;
}

.cottage-packges-list-warp .mphb-view-details-button-wrapper {
	padding-left: 16px;
}

.cottage-packges-list-warp .mphb-to-book-btn-wrapper form {
	margin: 0;
	display: inline-block;
}

.cottage-packges-list-warp .mphb-to-book-btn-wrapper br {
	display: none;
}

/* BOOK – solid block button */
.cottage-packges-list-warp .mphb-book-button {
	display: inline-block;
	width: auto;
	min-height: 48px;
	font-family: 'Poppins', sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 14px 40px;
	border-radius: 0;
	cursor: pointer;
	line-height: 1.4;
	box-sizing: border-box;
	background: #696844;
	color: #ffffff;
	border: none;
	box-shadow: none;
	transition: background 0.25s ease;
	-webkit-tap-highlight-color: transparent;
}

.cottage-packges-list-warp .mphb-book-button:hover {
	background: #57563b;
	transform: none;
	box-shadow: none;
}

/* View Details – text link with dotted underline */
.cottage-packges-list-warp .mphb-view-details-button {
	display: inline;
	width: auto;
	min-height: 44px;
	font-family: 'Poppins', sans-serif;
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	padding: 0 0 3px;
	border-radius: 0;
	cursor: pointer;
	line-height: 1.4;
	background: none;
	color: #4a4a4a;
	border: none;
	border-bottom: 1px dotted #888;
	box-shadow: none;
	transition: color 0.25s ease, border-color 0.25s ease;
	-webkit-tap-highlight-color: transparent;
}

.cottage-packges-list-warp .mphb-view-details-button::before {
	display: none;
}

.cottage-packges-list-warp .mphb-view-details-button:hover {
	color: #2c2c2c;
	background: none;
	border-bottom-color: #4a4a4a;
	box-shadow: none;
}

/* ============================================================
   RESPONSIVE — Tablet & Mobile
   ============================================================ */

/* Large tablet (1024px) */
@media (max-width: 1024px) {
	.cottage-packges-list-warp .mphb_sc_rooms-wrapper.mphb-room-types {
		gap: 32px;
	}

	.cottage-packges-list-warp .mphb-room-type-title.entry-title {
		font-size: 1.3rem;
	}

	.cottage-packges-list-warp .mphb-price {
		font-size: 1.85rem;
	}
}

/* Tablet (768px – 991px) */
@media (max-width: 991px) {
	.cottage-packges-list-warp {
		padding: 60px 0 80px;
	}

	.cottage-packges-list-warp .container {
		padding: 0 20px;
	}

	.cottage-packges-list-warp .mphb_sc_rooms-wrapper.mphb-room-types {
		grid-template-columns: 1fr;
		gap: 28px;
		max-width: 640px;
		margin: 0 auto;
	}

	.cottage-packges-list-warp .mphb-loop-room-thumbnail {
		aspect-ratio: 16 / 10;
	}

	.cottage-packges-list-warp .mphb-room-type-title.entry-title {
		margin-left: 24px;
		margin-right: 24px;
	}

	.cottage-packges-list-warp .mphb-room-type > p,
	.cottage-packges-list-warp .mphb-room-type-details-title {
		margin-left: 24px;
		margin-right: 24px;
	}

	.cottage-packges-list-warp .mphb-loop-room-type-attributes {
		margin-left: 24px;
		margin-right: 24px;
	}

	.cottage-packges-list-warp .mphb-regular-price,
	.cottage-packges-list-warp .mphb-to-book-btn-wrapper,
	.cottage-packges-list-warp .mphb-view-details-button-wrapper {
		padding-left: 24px;
		padding-right: 24px;
	}
}

/* Small tablet / large mobile (576px – 767px) */
@media (max-width: 767px) {
	.cottage-packges-list-warp {
		padding: 48px 0 64px;
	}

	.cottage-packges-list-warp::before,
	.cottage-packges-list-warp::after {
		display: none;
	}

	.cottage-packges-list-warp .mphb_sc_rooms-wrapper.mphb-room-types {
		max-width: 100%;
		gap: 24px;
	}

	.cottage-packges-list-warp .mphb-room-type {
		border-radius: 16px;
	}

	.cottage-packges-list-warp .mphb-room-type::before {
		left: 20px;
		right: 20px;
	}

	.cottage-packges-list-warp .mphb-loop-room-thumbnail {
		aspect-ratio: 4 / 3;
	}

	.cottage-packges-list-warp .mphb-room-type-title.entry-title {
		font-size: 1.2rem;
		margin: 16px 20px 0;
	}

	.cottage-packges-list-warp .mphb-room-type > p {
		font-size: 0.875rem;
		margin: 12px 20px 0;
		-webkit-line-clamp: 4;
	}

	.cottage-packges-list-warp .mphb-room-type-details-title {
		margin: 20px 20px 12px;
	}

	.cottage-packges-list-warp .mphb-loop-room-type-attributes {
		margin: 0 20px;
		gap: 8px;
	}

	.cottage-packges-list-warp .mphb-loop-room-type-attributes li {
		padding: 10px 14px;
	}

	.cottage-packges-list-warp .mphb-regular-price {
		margin-top: 20px;
		padding: 20px 20px 0;
	}

	.cottage-packges-list-warp .mphb-price {
		font-size: 1.75rem;
	}

	.cottage-packges-list-warp .mphb-to-book-btn-wrapper,
	.cottage-packges-list-warp .mphb-view-details-button-wrapper {
		padding: 16px 20px 24px;
	}

	.cottage-packges-list-warp .mphb-book-button {
		padding: 13px 32px;
		font-size: 0.8125rem;
	}

	.cottage-packges-list-warp .mphb-view-details-button {
		font-size: 0.875rem;
		min-height: inherit;
	}
}

/* Mobile (max 575px) */
@media (max-width: 575px) {	
	.cottage-packges-list-warp {
		padding: 36px 0 48px;
	}

	.cottage-packges-list-warp .container {
		padding: 0 16px;
	}

	.cottage-packges-list-warp .mphb_sc_rooms-wrapper.mphb-room-types {
		gap: 20px;
	}

	.cottage-packges-list-warp .mphb-room-type {
		border-radius: 14px;
		box-shadow: 0 2px 8px rgba(44, 44, 44, 0.04);
	}

	.cottage-packges-list-warp .mphb-loop-room-thumbnail {
		aspect-ratio: 3 / 2;
	}

	.cottage-packges-list-warp .mphb-room-type-adults-12 .mphb-loop-room-thumbnail::before,
	.cottage-packges-list-warp .mphb-room-type-adults-10 .mphb-loop-room-thumbnail::before {
		top: 12px;
		left: 12px;
		font-size: 0.62rem;
		padding: 6px 12px;
	}

	.cottage-packges-list-warp .mphb-room-type-title.entry-title {
		font-size: 1.1rem;
		margin: 14px 16px 0;
		line-height: 1.4;
	}

	.cottage-packges-list-warp .mphb-room-type > p {
		margin: 10px 16px 20px;
		font-size: 0.84rem;
		-webkit-line-clamp: 3;
	}

	.cottage-packges-list-warp .mphb-room-type-details-title {
		margin: 16px 16px 10px;
		font-size: 0.65rem;
	}

	.cottage-packges-list-warp .mphb-loop-room-type-attributes {
		margin: 0 16px;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.cottage-packges-list-warp .mphb-loop-room-type-attributes li {
		padding: 9px 12px;
		font-size: 0.78rem;
	}

	.cottage-packges-list-warp .mphb-attribute-value {
		font-size: 0.88rem;
	}

	.cottage-packges-list-warp .mphb-regular-price {
		padding: 16px 16px 0;
	}

	.cottage-packges-list-warp .mphb-price {
		font-size: 1.55rem;
		display: inline;
	}

	.cottage-packges-list-warp .mphb-currency {
		font-size: 1.15rem;
	}

	.cottage-packges-list-warp .mphb-price-period {
		display: inline;
		margin-left: 0;
		margin-top: 4px;
		font-size: 0.78rem;
	}

	.cottage-packges-list-warp .mphb-tax-information {
		display: inline;
		margin-top: 4px;
		font-size: 0.7rem;
	}

	.cottage-packges-list-warp .mphb-to-book-btn-wrapper,
	.cottage-packges-list-warp .mphb-view-details-button-wrapper {
		padding: 14px 16px 20px;
	}

	.cottage-packges-list-warp .mphb-to-book-btn-wrapper form {
		display: inline-block;
		max-width: 200px;
		width: 100%;
	}

	.cottage-packges-list-warp .mphb-book-button {
		padding: 12px 24px;
		min-height: 44px;
		width: 100%;
	}

	.cottage-packges-list-warp .mphb-view-details-button {
		font-size: 0.8125rem;
		white-space: nowrap;
	}
	.mphb-regular-price{margin-bottom: 0!important;}
}

/* Small mobile (max 400px) — stack buttons */
@media (max-width: 400px) {
	.cottage-packges-list-warp .mphb-loop-room-type-attributes {
		grid-template-columns: 1fr 1fr;
	}

	.cottage-packges-list-warp .mphb-to-book-btn-wrapper {
		grid-row: 100;
		justify-self: stretch;
		padding-bottom: 0;
	}

	.cottage-packges-list-warp .mphb-to-book-btn-wrapper form {
		display: block;
		max-width: 100%;
		width: 100%;
	}

	.cottage-packges-list-warp .mphb-view-details-button-wrapper {
		grid-row: 101;
		justify-self: start;
		padding-top: 12px;
		padding-bottom: 20px;
	}

	.cottage-packges-list-warp .mphb-book-button {
		display: block;
		width: 100%;
		text-align: center;
		padding: 14px 20px;
	}

	.cottage-packges-list-warp .mphb-view-details-button {
		white-space: normal;
	}
}

/* Touch devices — reduce motion */
@media (prefers-reduced-motion: reduce) {
	.cottage-packges-list-warp .mphb-room-type {
		animation: none;
	}

	.cottage-packges-list-warp .mphb-room-type,
	.cottage-packges-list-warp .mphb-loop-room-thumbnail img,
	.cottage-packges-list-warp .mphb-book-button,
	.cottage-packges-list-warp .mphb-view-details-button {
		transition: none;
	}
}


/*=================== hotel singl page ===================*/
.cottage-single-banner .banner-image{width: 100%;height: 550px;overflow: hidden;;position:relative;}
.cottage-single-banner .banner-image::before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.12)}
.cottage-single-banner .banner-image img{width: 100%;
	height: 100%;
	object-fit: cover;}
.cottage-single-banner .room-title{position: absolute;
  width: 100%;
  bottom: 50px;
  left: 0;
  font-family: 'Cinzel', serif;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.03em;
  color: #fff;z-index:22;}

.cottage-single-wrap{padding:75px 0;}
.cottage-single-wrap .room-single p{font-size: 1rem;
  font-weight: 400;
  color: #2d2d2d;
  margin-bottom: 12px;
  line-height: 1.6;}
.cottage-single-wrap .room-single h4,
.cottage-single-wrap .room-calendar h4
{margin-top: 2em;
  margin-bottom: 1.2em;text-transform: capitalize;
  font-family: inherit;
  letter-spacing: 0.5px;}
.room-single h5{font-size: 18px;
  margin-bottom: 15px;
  font-family: inherit;
  font-weight: 500;}
.cottage-single-wrap .room-single ul{border-bottom: 1px solid #e0e1e5;}
.cottage-single-wrap .room-single ul li{border-top: 1px solid #e0e1e5;padding: .8125em;}

.cottage-single-wrap .datepick{width:650px!important;font-size: 95%!important;}
.room-calendar table thead tr th{background: #f4f4f4!important;border: 0 !important;}
.room-calendar table thead tr th span{font-weight: 600!important;color: #333!important;}
.mphb-calendar .mphb-datepicker-light-coral .datepick-month.first{border-right: 1px solid #e0e1e5!important;}
.mphb-calendar .mphb-datepicker-light-coral .datepick-month.last{border-left: 1px solid #e0e1e5!important;}
.mphb-calendar .mphb-calendar__selected-dates{max-width: 80%!important;width:100%!important;}
.mphb-calendar .datepick-cmd-clear{max-width: 20%!important;text-align: right!important;width: 100%!important;}
html{overflow:inherit;}
.cottage-single-wrap .sticky{position:sticky;height:fit-content;top:20px;}
.room-availability{padding: 2rem;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 10px 15px rgba(105, 104, 68, 0.12);}

.room-availability .mphb-regular-price strong{display: block;
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #b8a068;
  margin-bottom: 0;}
.room-availability .mphb-regular-price .mphb-price{font-family: 'Cinzel', serif;
  font-size: 2rem;
  font-weight: 700;
  color: #696844;
  line-height: 1;
  display: inline-flex;
  align-items: baseline;
  gap: 2px;}
.room-availability .mphb-regular-price .mphb-price .mphb-currency{font-size: 1.3rem;
  font-weight: 500;}
.room-availability .mphb-regular-price .mphb-price-period{font-size: 0.8rem;
  font-weight: 400;
  color: #8a8680;
  margin-left: 6px;}
.room-availability .mphb-tax-information{display: block;
	color: #454545;
	margin: 5px 0 10px 0;
	line-height: 1;
	font-size: 0.84rem;
	font-style: italic;}
.room-availability .mphb-required-fields-tip{border-top: 1px solid #ededed;
	margin-top: 20px;
	padding-top: 20px;}
.mphb-check-in-date-wrapper,.mphb-check-out-date-wrapper{margin-top: 15px;}
.mphb-check-in-date-wrapper label,
.mphb-check-out-date-wrapper label{font-size: 0.875rem;
	color: #17181a;
	font-weight: 500;
	margin-bottom: .1rem;
	display: inline-block;}

.mphb-check-in-date-wrapper .mphb-datepick,
.mphb-check-out-date-wrapper .mphb-datepick
{border: 2px solid #b8a068;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 1px;
  padding: .55rem 1rem;
  box-sizing: border-box;
  width: 100%;}
.mphb-reserve-btn-wrapper .mphb-reserve-btn,
.mphb-confirm-reservation
{width: 100%;
  border: 0;
  height: 48px;font-weight: 500;
  margin-top: 20px;
  background: #696844;
  color: #fff;border: 2px solid #696844;transition:all 0.5s;}
.mphb-confirm-reservation{margin-top:0px;}
.mphb-reserve-btn-wrapper .mphb-reserve-btn:hover,
.mphb-confirm-reservation:hover{background: transparent;
  color: #696844;}
.mphb-rooms-quantity-single{color: #17181a;
  font-size: 0.85rem;
  text-align: center;
  margin: 15px 0;}


/* responsive */
@media (max-width: 767px) {
	.cottage-single-banner .banner-image {height: 250px;}
	.cottage-single-banner .room-title{bottom: 20px;}
	.cottage-single-banner .room-title{font-size: 1.3rem;}
}

.booking-banner-wrap{background: #696845;padding:70px 0;}
.booking-banner-wrap h1{color: #fff;text-align:center;}
.booking-checkout-wrap{background: #fafafa;padding:80px 0;}

/*======= checkout page =======*/
#mphb-booking-details,#mphb-price-details,
#mphb-customer-details,#mphb-billing-details,
.mphb-booking-details-section
{padding: 3.75rem;
  max-width: 890px;
  margin: auto;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(50, 54, 72, 0.08);}
.mphb-booking-details-title,
.mphb-reserve-rooms-details .mphb-room-number,
.mphb-price-breakdown-title, .mphb-customer-details-title,
.mphb-gateway-chooser-title
{margin-bottom: 1.875rem;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1.48;
  color: #17181a;
  font-family: inherit;}

#mphb-booking-details .mphb-check-in-date,#mphb-booking-details .mphb-check-out-date{margin-bottom: 0.7em;}
#mphb-booking-details .mphb-check-in-date span:first-child,
#mphb-booking-details .mphb-check-out-date span:first-child
{font-size: 0.875rem;
	color: inherit;
	display: inline-block;
	min-width: 15%;
	font-weight: normal;}
#mphb-booking-details .mphb-check-in-date time,
#mphb-booking-details .mphb-check-out-date time
{border-bottom: 1px dashed #767b80;}
#mphb-booking-details .mphb-check-in-date time strong,
#mphb-booking-details .mphb-check-out-date time strong
{color: #17181a;font-weight: 500;}
.mphb-reserve-rooms-details{margin-top: 3rem;}
.mphb-room-type-title {margin-bottom: 1.5em;}
.mphb-room-type-title span{font-weight: 400;}
.mphb-room-type-title a{color: #13b0bb;text-decoration: underline;font-weight: 600;}
.mphb-adults-chooser{max-width: 50%;width: 100%;margin-bottom: 1.5em;}
.mphb-guest-name-wrapper{margin-bottom: 1.5em;}
.mphb-adults-chooser label,
.mphb-guest-name-wrapper label
{max-width: 140px;
  width: 100%;
  font-size: 0.9rem;
  color: #17181a;
  font-weight: 500;
  display: inline-block;}
.mphb-adults-chooser select, 
.mphb-customer-country select 
{
    --webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 48px;
  background: #fff url(https://www.mountcottage.com/wp-content/uploads/2026/08/angle-down-solid.png) no-repeat;
	background-position: center right 0.5rem;
  border: 1px solid #13b0bb;
  width: 200px;
  border-radius: 3px;
  background-size: 16px;padding: 0 15px;
}
#mphb_room_details-0-guest-name,
#mphb-customer-details input,
#mphb-customer-details select,
#mphb-customer-details textarea
{height: 48px;
  width: calc(100% - 150px);
  border: 0;
  border: 1px solid #ededed;
  padding: .75rem 1rem;
  border-radius: 4px;transition:all 0.5s}
#mphb_room_details-0-guest-name:focus,
#mphb-customer-details input:focus,
#mphb-customer-details select:focus,
#mphb-customer-details textarea:focus
{border-color:#13b0bb;}
#mphb-services-details-0{margin-top: 3.125rem;
  padding-top: 3.125rem;
  border-top: 1px solid #ededed;}
.mphb-services-details-title{margin-bottom: 1.875rem;
  font-size: 1rem;
  font-family: inherit;
  font-weight: 500;}
#mphb-price-details,#mphb-customer-details,#mphb-billing-details{margin-top:2.2rem;}

.mphb_sc_checkout-wrapper .mphb-price-breakdown {margin: 0;font-size: 14px;font-size: 0.875rem;}
table {
    margin: 0 0 1.5em;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}
td,th{padding: 1rem 1.25rem;border: 1px solid #ededed;}
td a{color:#13b0bb;}
.mphb_sc_checkout-wrapper .mphb-price-breakdown tfoot th {
    background: #f8f8f8;
    color: #17181a;font-weight: 600;
}
.mphb-price-breakdown-dates th{font-weight: 600;}
.mphb-total-price,
.mphb-errors-wrapper,
.mphb_sc_checkout-submit-wrapper,
.mphb-checkout-terms-wrapper,
.mphb-deposit-amount
{max-width: 890px;margin: auto;margin-bottom: 1.3rem;}
.mphb-checkout-terms-wrapper{margin-top:0!important;}

.mphb-required-fields-tip{margin-bottom: 1.5em;color: #333;
  font-weight: 500}

#mphb-customer-details label {
    font-size: 14px;
    font-size: 0.875rem;
    color: #17181a;
    font-weight: 500;
    margin-bottom: .25rem;
    display: inline-block;
}
#mphb-customer-details input,
#mphb-customer-details select,
#mphb-customer-details textarea
{width:100%;}
#mphb-customer-details p{margin-bottom: 1.5em;}
#mphb-customer-details textarea{height:150px;}
#mphb-customer-details input[type="checkbox"]{width: 16px;height: 16px;}
.mphb-customer-create-account{display: flex;align-items: center;gap: 10px;margin-bottom: 0;}
.mphb-customer-create-account label{margin: 0;}
.mphb-total-price{color: #17181a;margin-top: 3.125rem;}
.mphb-terms-and-conditions-link{color:#13b0bb}
.mphb_sc_checkout-submit-wrapper input{border: 2px solid transparent;
  width: 150px;
  height: 48px;
  font-size: 0.875rem;
  font-weight: 500;
  background: #1db3bd;
  color: #fff;
  border-radius: 3px;
  transition: all 0.5s;}
.mphb_sc_checkout-submit-wrapper input:hover{color:#333;background:transparent;border-color:#1db3bd;}
#mphb-billing-details .mphb-gateway-title{font-size: 0.875rem;
  color: #17181a;
  font-weight: 400;
  margin-bottom: 0;}
#mphb-billing-details .mphb-gateway-description{font-size: 0.8125rem;
  color: #333;
  max-width: 80%;}


.mphb-payment-messages{
	max-width: 892px;
	margin: auto;
	margin-bottom: auto;
	margin-bottom: 2rem;}
.mphb-payment-messages p{font-size: 1rem;
	line-height: 1.75;
	color: #3b4249;font-weight:500;}
.mphb-booking-details-section {
	padding: 2.75rem;}




.banner-content span{display: inline-block;
  background: #333;
  padding: 4px 12px;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  margin-bottom: 12px;}
.banner-content{position: absolute;
  top: 30%;
  transform: translateY(-50%);
  padding: 0 100px;
  max-width: 900px;
  width: 100%;z-index:2;}
.banner-content h1{font-size: 42px;
  color: #fff;}
.banner-content p{font-size: 16px;
	color: #fff;
	line-height: 1.5;
	margin: 20px 0;
	display: inline-block;}
.banner-content .button a{color: #fff;
  background-color: #696844;
  height: 50px;
  width: 220px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px;}

.banner_slider::before{position:absolute;content:'';width:100%;height:100%;background: rgba(0,0,0,0.32);
  z-index: 1;}
.small_img_box .sm_slider{z-index: 22;}

@media (max-width: 767px) {
	#mphb-booking-details, #mphb-price-details,
	#mphb-customer-details, #mphb-billing-details,.mphb-booking-details-section{padding: 2.2rem;}
	#mphb_room_details-0-guest-name, #mphb-customer-details input, #mphb-customer-details select, #mphb-customer-details textarea{width: 100%;}
	.mphb-adults-chooser {max-width: 100%;}
	select{width: 100%;}
	.banner-content{padding:0 30px;}
	.banner-content h1 {
  font-size: 26px;
  color: #fff;}
	.banner-content .button a{height: 45px;
  width: 190px;font-size: 14px;}
	
	
	
}

.custom-price-breakdown-note {
    margin-top: 15px;
    padding: 15px;
    background: #f7f7f7;
    font-size: 14px;
    line-height: 1.6;
}

.custom-price-breakdown-note p {
    margin: 0;
}