/* =========================================================
   SAHADEV LOCATION MAP SECTION
   ========================================================= */

   .sahadev-location-section {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}


/* =========================================================
   MAP WRAPPER
   ========================================================= */

.sahadev-location-map-wrapper {
	position: relative;

	width: 100%;
	height: 300px;

	overflow: hidden;

	border-radius: 16px;

	background: #e5e5e5;
}


/* =========================================================
   GOOGLE MAP
   ========================================================= */

.sahadev-google-map {
	position: absolute;

	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	display: block;

	border: 0;
}

.sahadev-location-card {
	position: absolute;

	left: 16px;
	bottom: 16px;

	z-index: 10;

	width: 385px;

	max-width: calc(100% - 32px);

	padding: 20px;

	box-sizing: border-box;

	background: #191514;

	border-radius: 12px;

	box-shadow:
		0 12px 35px rgba(0, 0, 0, 0.38);
}


/* =========================================================
   LOCATION TOP
   ========================================================= */

.sahadev-location-top {
	display: grid;

	grid-template-columns: 42px minmax(0, 1fr);

	align-items: center;

	gap: 10px;
}


/* =========================================================
   LOCATION ICON
   ========================================================= */

.sahadev-location-icon {
	width: 40px;
	height: 40px;

	display: flex;

	align-items: center;
	justify-content: center;

	flex-shrink: 0;

	background:
		rgba(225, 169, 37, 0.17);

	color: #e1a925;

	border-radius: 50%;
}

.sahadev-location-icon svg {
	width: 21px;
	height: 21px;
}


/* =========================================================
   LOCATION CONTENT
   ========================================================= */

.sahadev-location-content {
	min-width: 0;
}

.sahadev-location-content h3 {
	margin: 0 0 5px;

	color: #ffffff;

	font-family: "Cinzel", serif;

	font-size: 14px;

	font-weight: 700;

	line-height: 1.3;

	letter-spacing: 0.2px;
}

.sahadev-location-content p {
	margin: 0;

	color: #b8b8b8;

	font-family: "Lora", serif;

	font-size: 12px;

	font-weight: 400;

	line-height: 1.5;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.sahadev-location-actions {
	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 8px;

	margin-top: 15px;

	padding-top: 12px;

	border-top:
		1px solid rgba(255, 255, 255, 0.10);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.sahadev-direction-btn,
.sahadev-call-btn {
	min-height: 36px;

	display: flex;

	align-items: center;
	justify-content: center;

	box-sizing: border-box;

	border-radius: 7px;

	font-family: "Lora", serif;

	font-size: 12px;

	font-weight: 600;

	line-height: 1;

	text-decoration: none;

	transition: all 0.25s ease;
}


/* =========================================================
   GET DIRECTIONS
   ========================================================= */

.sahadev-direction-btn {
	background: #e1a925;

	color: #191514;
}

.sahadev-direction-btn:hover {
	background: #f0bc3b;

	color: #191514;

	transform: translateY(-1px);
}


/* =========================================================
   CALL NOW
   ========================================================= */

.sahadev-call-btn {
	background: transparent;

	color: #ffffff;

	border:
		1px solid rgba(255, 255, 255, 0.15);
}

.sahadev-call-btn:hover {
	background:
		rgba(255, 255, 255, 0.07);

	color: #ffffff;

	transform: translateY(-1px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 767px) {

	.sahadev-location-section {
		padding: 12px;
	}

	.sahadev-location-map-wrapper {
		border-radius: 12px;
	}

	.sahadev-location-card {
		left: 12px;
		right: 12px;
		bottom: 12px;

		width: auto;

		max-width: none;

		padding: 17px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 480px) {

	.sahadev-location-section {
		padding: 8px;
	}

	.sahadev-location-map-wrapper {
		border-radius: 10px;
	}

	.sahadev-location-card {
		left: 10px;
		right: 10px;
		bottom: 10px;

		padding: 15px;

		border-radius: 10px;
	}

	.sahadev-location-icon {
		width: 36px;
		height: 36px;
	}

	.sahadev-location-icon svg {
		width: 19px;
		height: 19px;
	}

	.sahadev-location-content h3 {
		font-size: 12px;
	}

	.sahadev-location-content p {
		font-size: 11px;
	}

	.sahadev-direction-btn,
	.sahadev-call-btn {
		min-height: 38px;

		font-size: 11px;
	}

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {

	.sahadev-location-actions {
		grid-template-columns: 1fr;
	}

}