/**
 * ==========================================================
 * SHMT Premium Sidebar
 * SasthaHouse Marketplace Toolkit
 * ==========================================================
 */

/* ==========================================================
   Sidebar Card
========================================================== */

.shmt-sidebar-card{

	display:flex;

	flex-direction:column;

	gap:24px;

	background:#ffffff;

	border:1px solid #e5e7eb;

	border-radius:20px;

	padding:28px;

	box-shadow:
		0 10px 35px rgba(15,23,42,.06);

}

/* ==========================================================
   Price
========================================================== */

.shmt-sidebar-card__price{

	font-size:2rem;

	font-weight:700;

	color:#111827;

	line-height:1.2;

	text-align:center;

	padding-bottom:20px;

	border-bottom:1px solid #eef2f7;

}

/* ==========================================================
   Primary Buttons
========================================================== */

.shmt-sidebar-card__actions{

	display:flex;

	flex-direction:column;

	gap:14px;

}

/* ==========================================================
   Secondary Buttons
========================================================== */

.shmt-sidebar-card__secondary{

	display:grid;

	grid-template-columns:1fr 1fr;

	gap:12px;

}

/* ==========================================================
   Base Button
========================================================== */

.shmt-button{

	display:flex;

	align-items:center;

	justify-content:center;

	width:100%;

	min-height:52px;

	border:none;

	border-radius:14px;

	text-decoration:none;

	font-size:15px;

	font-weight:600;

	cursor:pointer;

	transition:all .25s ease;

}

/* ==========================================================
   WhatsApp
========================================================== */

.shmt-button--whatsapp{

	background:#25D366;

	color:#ffffff;

}

.shmt-button--whatsapp:hover{

	background:#20bf5b;

	transform:translateY(-2px);

	box-shadow:
		0 12px 24px rgba(37,211,102,.30);

}

/* ==========================================================
   Call
========================================================== */

.shmt-button--call{

	background:#2563eb;

	color:#ffffff;

}

.shmt-button--call:hover{

	background:#1d4ed8;

	transform:translateY(-2px);

	box-shadow:
		0 12px 24px rgba(37,99,235,.25);

}

/* ==========================================================
   Secondary
========================================================== */

.shmt-button--secondary{

	background:#f8fafc;

	color:#374151;

	border:1px solid #dbe4f3;

}

.shmt-button--secondary:hover{

	background:#eef4fb;

	border-color:#c9d8ef;

	transform:translateY(-2px);

}

/* ==========================================================
   Verification Card
========================================================== */

.shmt-sidebar-card__verified{

	display:flex;

	align-items:flex-start;

	gap:16px;

	padding:18px;

	background:#f0fdf4;

	border:1px solid #bbf7d0;

	border-radius:16px;

}

.shmt-sidebar-card__verified-icon{

	display:flex;

	align-items:center;

	justify-content:center;

	width:42px;

	height:42px;

	border-radius:50%;

	background:#16a34a;

	color:#ffffff;

	font-size:20px;

	font-weight:700;

	flex-shrink:0;

}

.shmt-sidebar-card__verified strong{

	display:block;

	font-size:15px;

	color:#166534;

	margin-bottom:6px;

}

.shmt-sidebar-card__verified p{

	margin:0;

	font-size:14px;

	line-height:1.5;

	color:#15803d;

}

/* ==========================================================
   Safety Tips
========================================================== */

.shmt-sidebar-card__safety{

	padding:20px;

	border-radius:16px;

	background:#fffbeb;

	border:1px solid #fde68a;

}

.shmt-sidebar-card__safety h4{

	margin:0 0 14px;

	font-size:16px;

	font-weight:700;

	color:#92400e;

}

.shmt-sidebar-card__safety ul{

	margin:0;

	padding-left:18px;

	display:flex;

	flex-direction:column;

	gap:10px;

}

.shmt-sidebar-card__safety li{

	font-size:14px;

	line-height:1.6;

	color:#78350f;

}

/* ==========================================================
   Hover Effect
========================================================== */

.shmt-sidebar-card:hover{

	box-shadow:
		0 20px 50px rgba(15,23,42,.10);

}

/* ==========================================================
   Tablet
========================================================== */

@media (max-width:991px){

	.shmt-sidebar-card{

		padding:24px;

	}

}

/* ==========================================================
   Mobile
========================================================== */

@media (max-width:767px){

	.shmt-sidebar-card{

		padding:20px;

		border-radius:16px;

		gap:20px;

	}

	.shmt-sidebar-card__price{

		font-size:1.7rem;

	}

	.shmt-sidebar-card__secondary{

		grid-template-columns:1fr;

	}

	.shmt-button{

		min-height:50px;

		font-size:15px;

	}

}

/* ==========================================================
   Small Mobile
========================================================== */

@media (max-width:480px){

	.shmt-sidebar-card{

		padding:18px;

	}

	.shmt-sidebar-card__price{

		font-size:1.5rem;

	}

}