/**
 * SportsPics Gallery Pro
 * Selection
 */

/* ==========================================================================
   Photo Cards
   ========================================================================== */

.skps-photo-card.is-selected {

	outline: 4px solid #2e7d32;
	outline-offset: -4px;

}

.skps-select-photo {

	width: 100%;
	border-radius: 0;

}

/* ==========================================================================
   Basket Bar
   ========================================================================== */

.skps-selection-bar {

	position: fixed;

	left: 0;
	right: 0;
	bottom: 0;

	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 18px 30px;

	background: #1d2327;
	color: #fff;

	box-shadow: 0 -8px 30px rgba(0,0,0,.35);

	transform: translateY(100%);
	transition: transform .25s ease;

	z-index: 99998;

}

.skps-selection-bar.is-visible {

	transform: translateY(0);

}

.skps-selection-count {

	font-size: 18px;
	font-weight: 700;

}

/* Basket button */

#skps-view-selection {

	background: #2e7d32 !important;
	color: #fff !important;

	border: none !important;

	padding: 12px 28px;

	font-size: 15px;
	font-weight: 600;

	border-radius: 6px;

	cursor: pointer;

}

#skps-view-selection:hover {

	background: #256628 !important;

}

/* ==========================================================================
   Basket Drawer
   ========================================================================== */

.skps-selection-drawer {

	position: fixed;

	top: 0;
	right: -550px;

	width: 550px;
	max-width: 95vw;
	height: 100vh;

	background: #fff;

	box-shadow: -10px 0 30px rgba(0,0,0,.2);

	display: flex;
	flex-direction: column;

	transition: right .3s ease;

	z-index: 99999;

}

.skps-selection-drawer.is-open {

	right: 0;

}

.skps-selection-header {

	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 20px;

	border-bottom: 1px solid #ececec;

}

.skps-selection-header h2 {

	margin: 0;

	font-size: 24px;

}

.skps-selection-close {

	background: none;
	border: none;

	font-size: 34px;

	cursor: pointer;

}

/* ==========================================================================
   Basket Items
   ========================================================================== */

.skps-selection-list {

	flex: 1;

	padding: 20px;

	overflow-y: auto;

}

.skps-selection-item {

	display: flex;

	gap: 15px;

	padding: 15px 0;

	border-bottom: 1px solid #ececec;

}

.skps-selection-thumb {

	width: 90px;
	height: 90px;

	object-fit: cover;

	border-radius: 6px;

	flex-shrink: 0;

}

.skps-selection-details {

	flex: 1;

}

.skps-selection-details strong {

	display: block;

	margin-bottom: 5px;

	font-size: 15px;

}

.skps-product-name {

	margin-top: 6px;

	font-size: 13px;

	color: #666;

}

.skps-product-price {

	margin-top: 6px;

	font-size: 17px;

	font-weight: 700;

	color: #2e7d32;

}

/* ==========================================================================
   Footer
   ========================================================================== */

.skps-selection-footer {

	padding: 20px;

	border-top: 1px solid #ececec;

	background: #fafafa;

}

/* ==========================================================================
   Basket Summary
   ========================================================================== */

.skps-basket-summary {

	width: 100%;

	margin-bottom: 20px;

}

.skps-summary-row {

	display: flex;

	justify-content: space-between;

	margin-bottom: 10px;

	font-size: 15px;

}

.skps-summary-total {

	margin-top: 15px;

	padding-top: 15px;

	border-top: 1px solid #ddd;

	font-size: 20px;

	font-weight: 700;

}

/* ==========================================================================
   Footer Buttons
   ========================================================================== */

#skps-clear-selection,
#skps-checkout {

	width: 100%;

	display: block;

	margin-top: 10px;

	padding: 14px;

	font-size: 15px;

	font-weight: 600;

	border-radius: 6px;

	cursor: pointer;

}

#skps-clear-selection {

	background: #f5f5f5 !important;

	color: #333 !important;

	border: 1px solid #ddd !important;

}

#skps-checkout {

	background: #2e7d32 !important;

	color: #fff !important;

	border: none !important;

}

#skps-checkout:hover {

	background: #256628 !important;

}

/* ==========================================
   Force Drawer Colours
========================================== */

.skps-selection-drawer {

	background: #ffffff;
	color: #222;

}

.skps-selection-drawer * {

	color: #222;

}

.skps-selection-details strong {

	color: #222;
	font-size: 15px;
	font-weight: 700;

}

.skps-selection-details div {

	color: #555;

}

.skps-product-name {

	color: #666;

}

.skps-product-price {

	color: #2e7d32;
	font-size: 20px;
	font-weight: 700;

}

.skps-remove-selection {

	margin-top: 10px;

	background: #d63638;
	color: #fff !important;

	border: none;

	padding: 8px 16px;

	cursor: pointer;

}

.skps-remove-selection:hover {

	background: #b32d2e;

}