/* =========================================================
   LAIRA JEWELS
   HEADER CART DROPDOWN
   RESPONSIVE PREMIUM STYLE
========================================================= */


/* =========================================================
   CART DROPDOWN — PREMIUM LIGHT CREAM
========================================================= */

.laira-header-cart #cart .dropdown-menu {
	background: #FAF7F3 !important;

	border: 1px solid #E5DDD8 !important;

	box-shadow: 0 10px 28px rgba(34, 15, 27, 0.14) !important;
}


/* =========================================================
   CART DROPDOWN INNER AREA
========================================================= */

.laira-header-cart #cart .dropdown-menu .table {
	background: #FAF7F3 !important;
}

.laira-header-cart #cart .dropdown-menu .table > tbody > tr > td {
	background: #FAF7F3 !important;

	vertical-align: middle;
}


/* =========================================================
   PRODUCT NAME
   LIMIT + ELLIPSIS
========================================================= */

.laira-header-cart
#cart
.dropdown-menu
.table
> tbody
> tr
> td:nth-child(2)
a {

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 992px) {

	.laira-header-cart #cart .dropdown-menu {

		width: 360px !important;

		min-width: 360px !important;

		max-width: 360px !important;
	}


	.laira-header-cart
	#cart
	.dropdown-menu
	.table
	> tbody
	> tr
	> td:nth-child(2)
	a {

		max-width: 190px;
	}

}


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

@media (min-width: 768px) and (max-width: 991px) {

	.laira-header-cart #cart .dropdown-menu {

		width: 340px !important;

		min-width: 340px !important;

		max-width: 340px !important;
	}


	.laira-header-cart
	#cart
	.dropdown-menu
	.table
	> tbody
	> tr
	> td:nth-child(2)
	a {

		max-width: 180px;
	}

}


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

@media (max-width: 767px) {

	.laira-header-cart #cart .dropdown-menu {

		width: calc(100vw - 20px) !important;

		min-width: 0 !important;

		max-width: calc(100vw - 20px) !important;
	}


	.laira-header-cart
	#cart
	.dropdown-menu
	.table
	> tbody
	> tr
	> td:nth-child(2)
	a {

		max-width: 140px;
	}

}