/* === ULTRA MODERN ORDER RECEIVED PAGE - STANDALONE === */
/* Version: 1.0 - Force Update */

/* High Priority Overrides */
body.woocommerce-order-received .woocommerce-order,
body.woocommerce-order-received main .woocommerce-order {
	max-width: 100vw !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 2rem !important;
	background: #f8fafc !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border: none !important;
}

/* Force hide unwanted elements */
.woocommerce-order .wc-item-meta,
.woocommerce-order .wc-item-meta *,
.woocommerce-order-details .wc-item-meta,
.woocommerce-order-details .wc-item-meta * {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Ultra modern thank you message */
body.woocommerce-order-received .woocommerce-order p.woocommerce-thankyou-order-received {
	background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
	color: white !important;
	border: none !important;
	border-left: none !important;
	border-radius: 12px !important;
	padding: 3rem !important;
	margin: 0 0 3rem 0 !important;
	font-size: 1.75rem !important;
	font-weight: 600 !important;
	text-align: center !important;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
	position: relative;
	overflow: hidden;
	text-shadow: none !important;
}

/* Green checkmark */
body.woocommerce-order-received .woocommerce-order p.woocommerce-thankyou-order-received::before {
	content: '✓';
	position: absolute;
	top: -30px;
	right: -30px;
	font-size: 10rem;
	opacity: 0.1;
	color: white;
	font-weight: bold;
}

/* Modern grid for order overview */
.woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-order-overview {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
	gap: 2rem !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 4rem 0 !important;
	background: none !important;
	border: none !important;
}

/* Modern cards for order info */
.woocommerce-order-overview li,
body.woocommerce-order-received .woocommerce-order-overview li {
	background: white !important;
	padding: 2.5rem !important;
	border-radius: 16px !important;
	border: 1px solid #e5e7eb !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
	text-align: center !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	position: relative;
	overflow: hidden;
	transform: translateZ(0); /* Enable hardware acceleration */
}

/* Colored top border for cards */
.woocommerce-order-overview li::before,
body.woocommerce-order-received .woocommerce-order-overview li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #4f46e5 0%, #10b981 100%);
}

/* Hover effect for cards */
.woocommerce-order-overview li:hover,
body.woocommerce-order-received .woocommerce-order-overview li:hover {
	transform: translateY(-8px) !important;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

/* Card content styling */
.woocommerce-order-overview li strong,
body.woocommerce-order-received .woocommerce-order-overview li strong {
	display: block !important;
	font-size: 2rem !important;
	font-weight: 700 !important;
	color: #1f2937 !important;
	margin-bottom: 0.75rem !important;
	letter-spacing: -0.025em !important;
	line-height: 1.2 !important;
}

.woocommerce-order-overview li span,
body.woocommerce-order-received .woocommerce-order-overview li span {
	color: #6b7280 !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	display: block !important;
}

/* Modern section headers */
.woocommerce-order h2,
body.woocommerce-order-received .woocommerce-order h2 {
	color: #1f2937 !important;
	font-size: 2.25rem !important;
	font-weight: 700 !important;
	margin: 4rem 0 2rem 0 !important;
	padding: 0 !important;
	border: none !important;
	position: relative;
	letter-spacing: -0.025em !important;
}

/* Underline for headers */
.woocommerce-order h2::after,
body.woocommerce-order-received .woocommerce-order h2::after {
	content: '';
	position: absolute;
	bottom: -0.75rem;
	left: 0;
	width: 5rem;
	height: 4px;
	background: linear-gradient(90deg, #4f46e5 0%, #10b981 100%);
	border-radius: 2px;
}

/* Modern document upload section */
.avk-evrak-yukleme-bolumu,
body.woocommerce-order-received .avk-evrak-yukleme-bolumu {
	background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
	border: 2px solid #f59e0b !important;
	border-radius: 16px !important;
	padding: 3rem !important;
	margin: 4rem 0 !important;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
	position: relative;
	overflow: hidden;
}

/* Document icon */
.avk-evrak-yukleme-bolumu::before,
body.woocommerce-order-received .avk-evrak-yukleme-bolumu::before {
	content: '📋';
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	font-size: 2.5rem;
	opacity: 0.7;
}

/* Document upload heading */
.avk-evrak-yukleme-bolumu h2,
body.woocommerce-order-received .avk-evrak-yukleme-bolumu h2 {
	color: #92400e !important;
	font-size: 2rem !important;
	font-weight: 700 !important;
	margin: 0 0 1.5rem 0 !important;
	border: none !important;
	letter-spacing: -0.025em !important;
}

/* Document upload text */
.avk-evrak-yukleme-bolumu p,
body.woocommerce-order-received .avk-evrak-yukleme-bolumu p {
	color: #78350f !important;
	font-size: 1.1rem !important;
	line-height: 1.7 !important;
	margin-bottom: 1.5rem !important;
	font-weight: 500 !important;
}

/* Responsive design */
@media (max-width: 1024px) {
	.woocommerce-order-overview,
	body.woocommerce-order-received .woocommerce-order-overview {
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
		gap: 1.5rem !important;
	}
}

@media (max-width: 768px) {
	body.woocommerce-order-received .woocommerce-order {
		padding: 1rem !important;
	}
	
	.woocommerce-order-overview,
	body.woocommerce-order-received .woocommerce-order-overview {
		grid-template-columns: 1fr !important;
		gap: 1rem !important;
	}
	
	.woocommerce-order-overview li,
	body.woocommerce-order-received .woocommerce-order-overview li {
		padding: 1.5rem !important;
	}
	
	.woocommerce-order h2,
	body.woocommerce-order-received .woocommerce-order h2 {
		font-size: 1.75rem !important;
		margin: 2rem 0 1rem 0 !important;
	}
	
	body.woocommerce-order-received .woocommerce-order p.woocommerce-thankyou-order-received {
		font-size: 1.5rem !important;
		padding: 2rem !important;
	}
}

@media (max-width: 480px) {
	body.woocommerce-order-received .woocommerce-order p.woocommerce-thankyou-order-received {
		font-size: 1.25rem !important;
		padding: 1.5rem !important;
	}
	
	.woocommerce-order-overview li strong,
	body.woocommerce-order-received .woocommerce-order-overview li strong {
		font-size: 1.5rem !important;
	}
	
	.avk-evrak-yukleme-bolumu,
	body.woocommerce-order-received .avk-evrak-yukleme-bolumu {
		padding: 1.5rem !important;
		margin: 2rem 0 !important;
	}
}