/**
 * WooCommerce Prescription Upload Stylesheet
 */

/* Container on Product Page */
.wc-prescription-upload-container {
	margin-bottom: 25px;
	padding: 20px;
	border: 1px dashed #019a9a;
	border-radius: 8px;
	background: linear-gradient(135deg, #ffffff 0%, #f4fbfb 100%);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
	clear: both;
	transition: border-color 0.3s ease;
}

.wc-prescription-upload-container:hover {
	border-color: #017a7a;
}

.wc-prescription-upload-container h4 {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 17px;
	font-weight: 600;
	color: #222;
	letter-spacing: -0.3px;
}

.wc-prescription-upload-container .required {
	color: #d9534f;
	margin-left: 2px;
	font-weight: bold;
}

.wc-prescription-upload-container .desc {
	font-size: 13.5px;
	color: #666;
	margin-top: 0;
	margin-bottom: 15px;
	line-height: 1.45;
}

/* Container on Checkout Page */
.wc-prescription-checkout-upload {
	margin-top: 30px;
	margin-bottom: 25px;
	padding: 25px;
	border: 2px dashed #019a9a;
	border-radius: 10px;
	background: linear-gradient(135deg, #ffffff 0%, #f4fbfb 100%);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
	clear: both;
	transition: all 0.3s ease;
}

.wc-prescription-checkout-upload:hover {
	border-color: #017a7a;
	box-shadow: 0 6px 18px rgba(1, 154, 154, 0.08);
}

.wc-prescription-checkout-upload h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 19px;
	font-weight: 700;
	color: #222;
	letter-spacing: -0.4px;
}

.wc-prescription-checkout-upload h3 .required {
	color: #d9534f;
	margin-left: 2px;
	font-weight: bold;
}

.wc-prescription-checkout-upload p {
	font-size: 14.5px;
	color: #555;
	margin-top: 0;
	margin-bottom: 18px;
	line-height: 1.55;
}

/* Premium Styling for File inputs */
.wc-prescription-checkout-upload input[type="file"],
.wc-prescription-upload-container input[type="file"] {
	display: block;
	width: 100%;
	padding: 12px 15px;
	background: #f8fafc;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	font-size: 13.5px;
	color: #4b5563;
	cursor: pointer;
	box-sizing: border-box;
	transition: all 0.2s ease;
}

.wc-prescription-checkout-upload input[type="file"]:focus,
.wc-prescription-upload-container input[type="file"]:focus {
	outline: none;
	border-color: #019a9a;
	box-shadow: 0 0 0 3px rgba(1, 154, 154, 0.15);
}

/* Custom File Selector Button Styling */
.wc-prescription-checkout-upload input[type="file"]::file-selector-button,
.wc-prescription-upload-container input[type="file"]::file-selector-button {
	background: #019a9a;
	color: #fff;
	border: none;
	padding: 8px 18px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	margin-right: 15px;
	transition: background 0.2s ease, transform 0.1s ease;
}

.wc-prescription-checkout-upload input[type="file"]::file-selector-button:hover,
.wc-prescription-upload-container input[type="file"]::file-selector-button:hover {
	background: #017a7a;
}

.wc-prescription-checkout-upload input[type="file"]::file-selector-button:active,
.wc-prescription-upload-container input[type="file"]::file-selector-button:active {
	transform: scale(0.97);
}

/* For older webkit browsers */
.wc-prescription-checkout-upload input[type="file"]::-webkit-file-upload-button,
.wc-prescription-upload-container input[type="file"]::-webkit-file-upload-button {
	background: #019a9a;
	color: #fff;
	border: none;
	padding: 8px 18px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	margin-right: 15px;
	transition: background 0.2s ease;
}

.wc-prescription-checkout-upload input[type="file"]::-webkit-file-upload-button:hover,
.wc-prescription-upload-container input[type="file"]::-webkit-file-upload-button:hover {
	background: #017a7a;
}

/* Upload Preview Lists */
#wc-prescription-upload-preview,
#wc-prescription-checkout-preview {
	margin-top: 15px;
	font-size: 13.5px;
}

#wc-prescription-upload-preview ul,
#wc-prescription-checkout-preview ul {
	margin: 8px 0 0 0;
	padding-left: 0;
	list-style-type: none;
}

#wc-prescription-upload-preview li,
#wc-prescription-checkout-preview li {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	background: #f3f4f6;
	border-left: 3px solid #6b7280;
	border-radius: 0 4px 4px 0;
	margin-bottom: 6px;
	font-weight: 500;
	color: #374151;
}

/* Warning notice styles */
.wc-prescription-product-warning {
	margin-bottom: 25px;
	padding: 15px 20px;
	border: 1px solid #ffeeba;
	border-radius: 8px;
	background: #fff3cd;
	color: #856404;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 2px 8px rgba(133, 100, 4, 0.05);
}

.wc-prescription-product-warning .dashicons-warning {
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #e0a800;
}

/* My Account Order Detail Download Box */
.wc-prescription-my-account-downloads {
	margin-top: 35px;
	padding: 25px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #f8fafc;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.wc-prescription-my-account-downloads h3 {
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 18px;
	font-weight: 700;
	color: #1e293b;
	border-bottom: 1px solid #e2e8f0;
	padding-bottom: 10px;
}

.wc-prescription-my-account-downloads p {
	margin-bottom: 8px;
	font-size: 14px;
	color: #475569;
}

.wc-prescription-my-account-downloads ul {
	margin: 8px 0 15px 20px;
	padding-left: 0;
	list-style-type: disc;
}

.wc-prescription-my-account-downloads li {
	margin-bottom: 6px;
}

.wc-prescription-my-account-downloads a {
	color: #019a9a;
	text-decoration: none;
	font-weight: 600;
	transition: color 0.2s ease;
}

.wc-prescription-my-account-downloads a:hover {
	color: #017a7a;
	text-decoration: underline;
}