/**
 * Senior Proofs - Consolidated Styles
 * All CSS for senior proofs viewing, ordering, and administration
 */

/* ==========================================================================
   Gallery Styles - Image viewing and hover effects
   ========================================================================== */

/* Gallery grid layout */
.gallery-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}

/* Alternative gallery layouts */
.proof-image-wrapper {
	flex: 0 0 auto;
}

.gallery-image {
	display: block;
	transition: transform 0.3s ease;
	overflow: hidden;
	border-radius: 0.25rem;
}

.gallery-image:hover {
	transform: scale(1.05);
}

.gallery-image img {
	transition: opacity 0.3s ease;
	max-width: 200px;
	height: auto;
}

.gallery-image:hover img {
	opacity: 0.9;
}

/* Zoom gallery variant */
.zoom-gallery a {
	display: block;
	overflow: hidden;
	border-radius: 0.25rem;
	transition: transform 0.3s ease;
}

.zoom-gallery a:hover {
	transform: scale(1.05);
}

.zoom-gallery a:hover img {
	opacity: 0.9;
}

.zoom-gallery img {
	transition: opacity 0.3s ease;
}

.proof-image-card {
	position: relative;
}

/* ==========================================================================
   Package Selection
   ========================================================================== */

.package-card {
	border-left: 4px solid #ccc;
	transition: border-color 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.package-card .card-body {
	flex: 1;
}

.package-card.has-selection {
	border-left-color: #0088cc;
}

.package-subtotal {
	padding: 10px;
	background-color: #f8f9fa;
	border-radius: 4px;
	margin-top: 10px;
}

.subtotal-amount {
	color: #0088cc;
	font-size: 1.1em;
	font-weight: 500;
}

.jump-to-payment {
	width: 100%;
}

/* Payment section scroll target */
#payment-section {
	scroll-margin-top: 20px;
}

/* Venmo button disabled state */
#venmoBtn.disabled {
	pointer-events: none;
	opacity: 0.65;
	cursor: default;
}

/* PayPal button disabled state */
#checkoutBtn.disabled {
	pointer-events: none;
	opacity: 0.65;
	cursor: default;
}

/* ==========================================================================
   Admin Panel
   ========================================================================== */

.table thead th {
	white-space: nowrap;
}

.badge {
	font-size: 0.85rem;
	padding: 0.35em 0.65em;
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
	.actions,
	.btn {
		display: none !important;
	}

	.card {
		border: 1px solid #000 !important;
		page-break-inside: avoid;
	}
}