/**
 * Frontend Styles: Corporate Ordering
 *
 * Responsibility: Custom styles for corporate ordering frontend pages.
 * Follows design system: #fffbf8 background, #113A77 text, #DAA112 accent.
 * Extends instructor.css with corporate ordering specific styles.
 *
 * @package PAME_Restaurant_Workflow_System
 */

/* ============================================
   Global Border Radius Reset
   ============================================ */

*,
*::before,
*::after {
	border-radius: 0 !important;
}

/* ============================================
   PAME Theme Card Styles (Simply-Soup Layout)
   ============================================ */

.pame-rw-co-theme-card {
	padding: 0;
	margin-bottom: 24px;
}

.pame-rw-co-theme-card-header {
	background-color: #113A77;
	color: #fffbf8;
	padding: 16px 24px;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-theme-card-header h4,
.pame-rw-co-theme-card-header h5 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #fffbf8;
	font-family: 'Reforma', serif;
}

/* .pame-rw-co-theme-card-body {
	padding: 24px;
} */

/* Table wrapper for horizontal scroll */
.pame-rw-co-table-wrapper {
	overflow-x: auto;
	width: 100%;
	margin-bottom: 20px;
	-webkit-overflow-scrolling: touch;
}

.pame-rw-co-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 600px; /* Ensure minimum width for proper display */
}

.pame-rw-co-theme-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	min-width: 600px; /* Ensure minimum width for proper display */
}

/* Ensure all table containers are scrollable */
.pame-rw-co-theme-card-body > div[style*="overflow-x"],
.pame-rw-co-theme-card-body[style*="padding: 0"] > div {
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
}

.pame-rw-co-theme-table thead {
	background: rgba(218, 161, 18, 0.05);
}

.pame-rw-co-theme-table th {
	padding: 12px 16px;
	text-align: left;
	font-weight: 600;
	color: #113A77;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
	font-size: 14px;
	font-family: 'Reforma', serif;
}

.pame-rw-co-theme-table td {
	padding: 12px 16px;
	border-bottom: 1px solid rgba(218, 161, 18, 0.1);
	color: #113A77;
	font-family: 'Reforma', serif;
}

.pame-rw-co-theme-table tbody tr:last-child td {
	border-bottom: none;
}

.pame-rw-co-theme-table tbody tr:hover {
	background-color: rgba(218, 161, 18, 0.03);
}

.pame-rw-co-theme-table tfoot {
	background: rgba(218, 161, 18, 0.05);
}

.pame-rw-co-theme-table tfoot th,
.pame-rw-co-theme-table tfoot td {
	padding: 12px 16px;
	font-weight: 600;
	color: #113A77;
	border-top: 2px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-theme-form-control {
	width: 100%;
	padding: 10px 14px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	font-size: 14px;
	font-family: 'Reforma', serif;
	color: #113A77;
	background-color: #fffbf8;
}

.pame-rw-co-theme-form-control:focus {
	outline: none;
	border-color: #DAA112;
	box-shadow: 0 0 0 4px rgba(218, 161, 18, 0.1);
}

.pame-rw-co-theme-form-control-sm {
	padding: 6px 10px;
	font-size: 14px;
}

.pame-rw-co-theme-alert {
	padding: 12px 16px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	border-radius: 0;
	margin-bottom: 20px;
	font-family: 'Reforma', serif;
}

.pame-rw-co-theme-alert-warning {
	background-color: rgba(255, 193, 7, 0.1);
	border-color: rgba(255, 193, 7, 0.3);
	color: #856404;
}

.pame-rw-co-theme-alert-info {
	background-color: rgba(17, 58, 119, 0.05);
	border-color: rgba(17, 58, 119, 0.2);
	color: #113A77;
}

.pame-rw-co-theme-alert-success {
	background-color: rgba(40, 167, 69, 0.1);
	border-color: rgba(40, 167, 69, 0.3);
	color: #155724;
}

.pame-rw-co-theme-actions {
	display: flex;
	gap: 12px;
	justify-content: space-between;
	align-items: center;
	margin-top: 24px;
	flex-wrap: wrap;
}

.pame-rw-co-theme-actions-left {
	display: flex;
	gap: 12px;
}

.pame-rw-co-theme-actions-right {
	display: flex;
	gap: 12px;
}

.pame-rw-btn-view-cart:hover,
.pame-rw-btn-view-cart:focus {
	color: #daa112 !important;
	transform: translateY(-2px) !important;
}

.pame-rw-btn-add-to-cart:hover,
.pame-rw-btn-add-to-cart:focus {
	background-color: transparent !important;
	color: #daa112 !important;
	transform: translateY(-2px) !important;
}

.pame-rw-co-theme-grand-total {
	margin-top: 24px;
	padding: 20px;
	background: rgba(218, 161, 18, 0.05);
	border: 2px solid rgba(218, 161, 18, 0.2);
	text-align: right;
}

.pame-rw-co-theme-grand-total h4 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	color: #113A77;
	font-family: 'Reforma', serif;
}

.pame-rw-co-theme-grand-total span {
	font-size: 24px;
	font-weight: 600;
	color: #113A77;
}

/* ============================================
   Corporate Ordering Base Styles
   ============================================ */

/* Company/Staff Login Pages */
.pame-rw-co-login-container {
	font-family: 'Reforma', serif;
	background-color: #fffbf8;
	color: #113A77;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	position: relative;
	overflow-x: hidden;
}

.pame-rw-co-login-container::before,
.pame-rw-co-login-container::after {
	content: '';
	position: fixed;
	opacity: 0.15;
	z-index: 0;
	pointer-events: none;
}

.pame-rw-co-login-container::before {
	top: 20%;
	left: -5%;
	width: 200px;
	height: 200px;
	background-image: url('../images/drawings/Shopping cart/Shopping-cart_Greek-blue.png');
	background-size: contain;
	background-repeat: no-repeat;
	transform: rotate(-15deg);
}

.pame-rw-co-login-container::after {
	bottom: 15%;
	right: -3%;
	width: 180px;
	height: 180px;
	background-image: url('../images/drawings/Wine/Wine_Greek-blue.png');
	background-size: contain;
	background-repeat: no-repeat;
	transform: rotate(20deg);
}

.pame-rw-co-login-form-wrapper {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 400px;
	background: rgba(255, 255, 255, 0.9);
	border: 2px solid rgba(218, 161, 18, 0.2);
	padding: 40px;
	box-shadow: 0 4px 20px rgba(17, 58, 119, 0.1);
}

.pame-rw-co-login-header {
	text-align: center;
	margin-bottom: 32px;
}

.pame-rw-co-login-header h1 {
	font-size: 32px;
	font-weight: 600;
	color: #113A77;
	font-family: 'Pame Font', sans-serif;
	margin-bottom: 8px;
}

.pame-rw-co-login-header p {
	font-size: 16px;
	color: #113A77;
	opacity: 0.7;
}

/* Access Denied Messages */
.pame-rw-co-dashboard-access-denied,
.pame-rw-co-cart-access-denied {
	text-align: center;
	padding: 60px 20px;
	font-family: 'Reforma', serif;
	color: #113A77;
}

.pame-rw-co-dashboard-access-denied p,
.pame-rw-co-cart-access-denied p {
	font-size: 18px;
	margin-bottom: 24px;
}

/* ============================================
   Company Dashboard Styles
   ============================================ */

.pame-rw-co-company-dashboard {
	font-family: 'Reforma', serif;
	background-color: #fffbf8;
	color: #113A77;
	min-height: 100vh;
	position: relative;
	width: 100%;
	overflow-x: hidden;
}

.pame-rw-co-dashboard-wrapper {
	font-family: 'Reforma', serif;
	background-color: #fffbf8;
	color: #113A77;
	padding: 40px 20px;
	position: relative;
}

.pame-rw-co-dashboard-header {
	margin-bottom: 40px;
	text-align: center;
}

.pame-rw-co-dashboard-title {
	width: max-content;
	background: url('../images/circle-icons/Greek Blue/Circle-1_Greek-blue.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	color: #113A77;
	border: none;
	padding: 24px 48px;
	font-size: 32px;
	font-weight: 400;
	font-family: 'Pame Font', sans-serif;
	margin: 0 auto 30px auto;
	display: block;
}

.pame-rw-co-dashboard-sidebar {
	position: absolute;
	left: 0;
	top: 0;
	width: 280px;
	height: 80vh;
	background-color: rgba(255, 251, 248, 0.35);
	border-right: 2px solid rgba(218, 161, 18, 0.2);
	border-top: 2px solid rgba(218, 161, 18, 0.2);
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
	padding: 40px 20px 20px 20px;
	display: flex;
	flex-direction: column;
	z-index: 100;
	overflow-y: auto;
}

.pame-rw-co-dashboard-content {
	margin-left: 300px;
	padding: 0 40px;
}

.pame-rw-co-section {
	margin-bottom: 40px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	background: rgba(255, 255, 255, 0.5);
}

.pame-rw-co-section-title {
	font-size: 24px;
	font-weight: 600;
	color: #113A77;
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
}

/* Staff Registration Form */
.pame-rw-co-staff-register-form {
	max-width: 600px;
}

.pame-rw-co-staff-list {
	margin-top: 30px;
}

.pame-rw-co-staff-item {
	padding: 16px;
	border-bottom: 1px solid rgba(218, 161, 18, 0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pame-rw-co-staff-item:last-child {
	border-bottom: none;
}

.pame-rw-co-staff-info {
	flex: 1;
}

.pame-rw-co-staff-name {
	font-size: 16px;
	font-weight: 500;
	color: #113A77;
	margin-bottom: 4px;
}

.pame-rw-co-staff-email {
	font-size: 14px;
	color: #113A77;
	opacity: 0.7;
}

/* ============================================
   Cart Styles
   ============================================ */

.pame-rw-co-cart-wrapper {
	font-family: 'Reforma', serif;
	background-color: #fffbf8;
	color: #113A77;
}

.pame-rw-co-cart-header {
	text-align: center;
	margin-bottom: 40px;
}

.pame-rw-co-cart-header h1 {
	font-size: 32px;
	font-weight: 400;
	color: #113A77;
	font-family: 'Pame Font', sans-serif;
}

.pame-rw-co-cart-group {
	margin-bottom: 40px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	padding: 24px;
	background: rgba(255, 255, 255, 0.5);
}

.pame-rw-co-cart-group-header {
	font-size: 20px;
	font-weight: 600;
	color: #113A77;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-cart-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	min-width: 600px;
}

.pame-rw-co-cart-table th {
	padding: 12px;
	text-align: left;
	font-weight: 600;
	color: #113A77;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-cart-table td {
	padding: 16px 12px;
	border-bottom: 1px solid rgba(218, 161, 18, 0.1);
}

.pame-rw-co-cart-table tr:last-child td {
	border-bottom: none;
}

/* General table styles for horizontal scroll */
.pame-rw-co-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 600px;
	border-width: 1px !important;
}

.pame-rw-co-table th {
	padding: 12px 16px;
	text-align: left;
	font-weight: 600;
	color: #113A77;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
	background: rgba(218, 161, 18, 0.05);
	font-size: 14px;
	font-family: 'Reforma', serif;
}

.pame-rw-co-table td {
	padding: 12px 16px;
	border-bottom: 1px solid rgba(218, 161, 18, 0.1);
	color: #113A77;
	font-family: 'Reforma', serif;
}

.pame-rw-co-table tbody tr:hover {
	background-color: rgba(218, 161, 18, 0.03);
}

.pame-rw-co-table tbody tr:last-child td {
	border-bottom: none;
}

.pame-rw-co-cart-item-name {
	font-weight: 500;
	color: #113A77;
}

.pame-rw-co-cart-item-price {
	color: #113A77;
}

.pame-rw-co-cart-item-qty {
	width: 80px;
	padding: 8px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	font-size: 16px;
	text-align: center;
}

.pame-rw-co-cart-item-qty:focus {
	outline: none;
	border-color: #DAA112;
	box-shadow: 0 0 0 4px rgba(218, 161, 18, 0.1);
}

.pame-rw-co-cart-subtotal {
	text-align: right;
	font-weight: 600;
	color: #113A77;
	padding: 16px 12px;
	border-top: 2px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-cart-total {
	margin-top: 30px;
	padding: 24px;
	background: rgba(218, 161, 18, 0.05);
	border: 2px solid rgba(218, 161, 18, 0.2);
	text-align: right;
}

.pame-rw-co-cart-total-label {
	font-size: 18px;
	font-weight: 600;
	color: #113A77;
	margin-bottom: 8px;
}

.pame-rw-co-cart-total-amount {
	font-size: 28px;
	font-weight: 600;
	color: #113A77;
	font-family: 'Pame Font', sans-serif;
}

.pame-rw-co-cart-actions {
	margin-top: 30px;
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap;
}

/* ============================================
   Checkout Styles
   ============================================ */

.pame-rw-co-checkout-wrapper {
	font-family: 'Reforma', serif;
	background-color: #fffbf8;
	color: #113A77;
	padding: 40px 20px;
}

.pame-rw-co-checkout-header {
	text-align: center;
	margin-bottom: 40px;
}

.pame-rw-co-checkout-header h1 {
	font-size: 32px;
	font-weight: 400;
	color: #113A77;
	font-family: 'Pame Font', sans-serif;
}

.pame-rw-co-checkout-content {
	max-width: 1000px;
	margin: 0 auto;
	display: grid;
	gap: 40px;
}

.pame-rw-co-checkout-form-section {
	border: 2px solid rgba(218, 161, 18, 0.2);
	padding: 30px;
	background: rgba(255, 255, 255, 0.5);
}

.pame-rw-co-checkout-form-section h2 {
	font-size: 24px;
	font-weight: 600;
	color: #113A77;
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-checkout-summary {
	border: 2px solid rgba(218, 161, 18, 0.2);
	padding: 30px;
	background: rgba(255, 255, 255, 0.5);
	position: sticky;
	top: 20px;
	height: fit-content;
}

.pame-rw-co-checkout-summary h2 {
	font-size: 24px;
	font-weight: 600;
	color: #113A77;
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-checkout-summary-item {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid rgba(218, 161, 18, 0.1);
}

.pame-rw-co-checkout-summary-item:last-child {
	border-bottom: none;
}

.pame-rw-co-checkout-summary-total {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px solid rgba(218, 161, 18, 0.2);
	font-size: 20px;
	font-weight: 600;
	color: #113A77;
}

.pame-rw-co-checkout-error-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10000;
	align-items: center;
	justify-content: center;
}

.pame-rw-co-checkout-error-modal.show {
	display: flex;
}

.pame-rw-co-checkout-error-content {
	background: #fffbf8;
	border: 2px solid rgba(218, 161, 18, 0.2);
	padding: 40px;
	max-width: 500px;
	width: 90%;
	text-align: center;
}

.pame-rw-co-checkout-error-content h3 {
	font-size: 24px;
	font-weight: 600;
	color: #113A77;
	margin-bottom: 16px;
}

.pame-rw-co-checkout-error-content p {
	font-size: 16px;
	color: #113A77;
	margin-bottom: 24px;
}

/* ============================================
   Menu Display Styles
   ============================================ */

.pame-rw-co-menu-wrapper {
	font-family: 'Reforma', serif;
	background-color: #fffbf8;
	color: #113A77;
	padding: 40px 20px;
}

.pame-rw-co-menu-header {
	text-align: center;
	margin-bottom: 40px;
}

.pame-rw-co-menu-header h1 {
	font-size: 32px;
	font-weight: 400;
	color: #113A77;
	font-family: 'Pame Font', sans-serif;
}

.pame-rw-co-menu-week-selector {
	display: flex;
	gap: 12px;
	justify-content: center;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.pame-rw-co-menu-date-chip {
	padding: 12px 24px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	background: rgba(255, 255, 255, 0.5);
	color: #113A77;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	font-family: 'Reforma', serif;
}

.pame-rw-co-menu-date-chip:hover {
	border-color: #DAA112;
	background: rgba(218, 161, 18, 0.05);
}

.pame-rw-co-menu-date-chip.active {
	border-color: #DAA112;
	background: rgba(218, 161, 18, 0.1);
	color: #113A77;
	font-weight: 600;
}

.pame-rw-co-menu-category {
	margin-bottom: 40px;
}

.pame-rw-co-menu-category-title {
	font-size: 24px;
	font-weight: 600;
	color: #113A77;
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-edit-staff {
	background-color: #113A77;
	color: #fffbf8;
	border-color: #113A77;
	border-radius: 0 !important;
	padding: 10px 20px;
}

.pame-rw-btn-delete,
.pame-rw-btn-danger {
	padding: 10px 20px !important;
	border: 2px solid #8a1111 !important;
	color: #8a1111 !important;
	border-radius: 0 !important;
}

.pame-rw-btn-delete:hover,
.pame-rw-btn-danger:hover {
	background-color: #8a1111 !important;
	color: #fffbf8 !important;
	border-color: #8a1111 !important;
}

.pame-rw-co-menu-items {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 24px;
}

.pame-rw-co-menu-item {
	border: 2px solid rgba(218, 161, 18, 0.2);
	padding: 24px;
	background: rgba(255, 255, 255, 0.5);
	transition: all 0.3s ease;
	cursor: pointer;
}

.pame-rw-co-menu-item:hover {
	border-color: #DAA112;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 4px 12px rgba(218, 161, 18, 0.1);
}

.pame-rw-co-menu-item.selected {
	border-color: #113A77;
	background: rgba(17, 58, 119, 0.05);
}

.pame-rw-co-menu-item-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
	margin-bottom: 16px;
	border: 1px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-menu-item-name {
	font-size: 20px;
	font-weight: 600;
	color: #113A77;
	margin-bottom: 8px;
}

.pame-rw-co-menu-item-description {
	font-size: 14px;
	color: #113A77;
	opacity: 0.7;
	margin-bottom: 12px;
	line-height: 1.6;
}

.pame-rw-co-menu-item-price {
	font-size: 18px;
	font-weight: 600;
	color: #113A77;
	margin-bottom: 16px;
}

.pame-rw-co-menu-item-options {
	margin-bottom: 16px;
}

.pame-rw-co-menu-item-options select {
	width: 100%;
	padding: 10px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	font-size: 14px;
	font-family: 'Reforma', serif;
	color: #113A77;
	background: rgba(255, 255, 255, 0.8);
}

.pame-rw-co-menu-item-options select:focus {
	outline: none;
	border-color: #DAA112;
	box-shadow: 0 0 0 4px rgba(218, 161, 18, 0.1);
}

/* ============================================
   Orders List Styles
   ============================================ */

.pame-rw-co-orders-wrapper {
	font-family: 'Reforma', serif;
	background-color: #fffbf8;
	color: #113A77;
	padding: 40px 20px;
}

.pame-rw-co-orders-header {
	text-align: center;
	margin-bottom: 40px;
}

.pame-rw-co-orders-header h1 {
	font-size: 32px;
	font-weight: 400;
	color: #113A77;
	font-family: 'Pame Font', sans-serif;
}

.pame-rw-co-orders-table {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid rgba(218, 161, 18, 0.2);
	background: rgba(255, 255, 255, 0.5);
}

.pame-rw-co-orders-table th {
	padding: 16px;
	text-align: left;
	font-weight: 600;
	color: #113A77;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
	background: rgba(218, 161, 18, 0.05);
}

.pame-rw-co-orders-table td {
	padding: 16px;
	border-bottom: 1px solid rgba(218, 161, 18, 0.1);
}

.pame-rw-co-orders-table tr:last-child td {
	border-bottom: none;
}

.pame-rw-co-orders-table tr:hover {
	background: rgba(218, 161, 18, 0.02);
}

.pame-rw-co-order-status {
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
}

.pame-rw-co-order-status.pending {
	background-color: rgba(218, 161, 18, 0.2);
	color: #daa112;
}

.pame-rw-co-order-status.paid {
	background-color: rgba(17, 58, 119, 0.2);
	color: #113A77;
}

.pame-rw-co-order-status.completed {
	background-color: rgba(17, 58, 119, 0.3);
	color: #113A77;
}

/* ============================================
   Staff Menu Styles
   ============================================ */

.pame-rw-co-staff-menu-wrapper {
	font-family: 'Reforma', serif;
	background-color: #fffbf8;
	color: #113A77;
	padding: 40px 20px;
}

.pame-rw-co-staff-menu-header {
	text-align: center;
	margin-bottom: 40px;
}

.pame-rw-co-staff-menu-header h1 {
	font-size: 32px;
	font-weight: 400;
	color: #113A77;
	font-family: 'Pame Font', sans-serif;
}

.pame-rw-co-staff-menu-table {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid rgba(218, 161, 18, 0.2);
	background: rgba(255, 255, 255, 0.5);
}

.pame-rw-co-staff-menu-table th {
	padding: 16px;
	text-align: left;
	font-weight: 600;
	color: #113A77;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
	background: rgba(218, 161, 18, 0.05);
}

.pame-rw-co-staff-menu-table td {
	padding: 16px;
	border-bottom: 1px solid rgba(218, 161, 18, 0.1);
}

.pame-rw-co-staff-menu-table tr:last-child td {
	border-bottom: none;
}

/* ============================================
   Buttons (Extending PAME Button Styles)
   ============================================ */

.pame-rw-btn {
	display: inline-block;
	padding: 14px 28px;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Reforma', serif;
	text-decoration: none;
	border: 2px solid;
	border-radius: 0;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
	background-image: none !important;
	background-color: transparent;
	color: #113A77;
	border-color: #113A77;
}

.pame-rw-btn-primary {
	background-color: #113A77 !important;
	background-image: none !important;
	color: #fffbf8 !important;
	border-color: #113A77 !important;
}

.pame-rw-btn-primary:hover {
	background-color: #DAA112 !important;
	background-image: none !important;
	border-color: #DAA112 !important;
	color: #fffbf8 !important;
}

.pame-rw-btn-secondary {
	background-color: transparent !important;
	background-image: none !important;
	color: #113A77 !important;
	border-color: #113A77 !important;
}

.pame-rw-btn-secondary:hover {
	background-color: rgba(17, 58, 119, 0.05) !important;
	background-image: none !important;
}

.pame-rw-btn-danger {
	background-color: transparent !important;
	background-image: none !important;
	color: #8a1111 !important;
	border-color: #8a1111 !important;
}

.pame-rw-btn-danger:hover {
	background-color: #8a1111 !important;
	background-image: none !important;
	color: #fffbf8 !important;
}

.pame-rw-btn-small,
.pame-rw-btn-sm {
	padding: 8px 16px;
	font-size: 14px;
}

.pame-rw-btn-info {
	background-color: #113A77 !important;
	background-image: none !important;
	color: #fffbf8 !important;
	border-color: #113A77 !important;
}

.pame-rw-btn-info:hover {
	background-color: #DAA112 !important;
	background-image: none !important;
	border-color: #DAA112 !important;
	color: #fffbf8 !important;
}

.pame-rw-btn-block {
	display: block;
	width: 100%;
}

/* Override any background images on buttons */
button.pame-rw-btn,
a.pame-rw-btn,
input[type="submit"].pame-rw-btn,
input[type="button"].pame-rw-btn,
.pame-rw-btn {
	background-image: none !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: auto !important;
}

/* Ensure delete buttons show red border */
.pame-rw-btn-danger {
	background-color: transparent !important;
	background-image: none !important;
	color: #8a1111 !important;
	border-color: #8a1111 !important;
	border-width: 2px !important;
}

.pame-rw-btn-danger:hover {
	background-color: #8a1111 !important;
	background-image: none !important;
	color: #fffbf8 !important;
	border-color: #8a1111 !important;
}

/* Ensure primary buttons show theme blue */
.pame-rw-btn-primary {
	background-color: #113A77 !important;
	background-image: none !important;
	color: #fffbf8 !important;
	border-color: #113A77 !important;
	border-width: 2px !important;
}

.pame-rw-btn-primary:hover {
	background-color: #DAA112 !important;
	background-image: none !important;
	border-color: #DAA112 !important;
	color: #fffbf8 !important;
}

/* Fix WordPress button classes used in admin */
.button.pame-rw-btn,
.button-primary.pame-rw-btn {
	background-image: none !important;
	background-color: #113A77 !important;
	color: #fffbf8 !important;
	border: 2px solid #113A77 !important;
	border-radius: 0 !important;
	padding: 14px 28px !important;
	font-family: 'Reforma', serif !important;
}

.button.pame-rw-btn:hover,
.button-primary.pame-rw-btn:hover {
	background-color: #DAA112 !important;
	background-image: none !important;
	border-color: #DAA112 !important;
}

/* Remove any inherited styles from parent elements */
.pame-rw-co-admin-menu-management .button,
.pame-rw-co-admin-menu-management .pame-rw-btn {
	background-image: none !important;
}

/* ============================================
   Form Elements (Extending PAME Form Styles)
   ============================================ */

.pame-rw-co-form-group {
	margin-bottom: 24px;
}

.pame-rw-co-form-label {
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
	color: #113A77;
	font-size: 14px;
	font-family: 'Reforma', serif;
}

.pame-rw-co-form-input,
.pame-rw-co-form-select,
.pame-rw-co-form-textarea {
	width: 100%;
	padding: 14px 16px;
	border: 2px solid rgba(218, 161, 18, 0.2) !important;
	font-size: 16px;
	background: rgba(255, 255, 255, 0.8);
	font-family: 'Reforma', serif;
	color: #113A77;
}

.pame-rw-co-form-input:focus,
.pame-rw-co-form-select:focus,
.pame-rw-co-form-textarea:focus {
	outline: none;
	border-color: #DAA112 !important;
	box-shadow: 0 0 0 4px rgba(218, 161, 18, 0.1);
	background: rgba(255, 255, 255, 1);
}

/* Ensure modal form inputs have correct border colors */
.pame-rw-co-modal-content .pame-rw-co-form-input,
.pame-rw-co-modal-content input[type="text"],
.pame-rw-co-modal-content input[type="email"],
.pame-rw-co-modal-content input[type="password"],
.pame-rw-co-modal-content input[type="number"],
.pame-rw-co-modal-content textarea,
.pame-rw-co-modal-content select {
	border: 2px solid rgba(218, 161, 18, 0.2) !important;
	color: #113A77 !important;
	font-family: 'Reforma', serif !important;
}

.pame-rw-co-modal-content .pame-rw-co-form-input:focus,
.pame-rw-co-modal-content input[type="text"]:focus,
.pame-rw-co-modal-content input[type="email"]:focus,
.pame-rw-co-modal-content input[type="password"]:focus,
.pame-rw-co-modal-content input[type="number"]:focus,
.pame-rw-co-modal-content textarea:focus,
.pame-rw-co-modal-content select:focus {
	border-color: #DAA112 !important;
	outline: none;
	box-shadow: 0 0 0 4px rgba(218, 161, 18, 0.1);
}

.pame-rw-co-form-textarea {
	resize: vertical;
	min-height: 120px;
}

.pame-rw-co-form-help {
	display: block;
	margin-top: 6px;
	color: #113A77;
	opacity: 0.7;
	font-size: 12px;
}

.pame-rw-co-form-error {
	color: #8a1111;
	background: rgba(138, 17, 17, 0.1);
	padding: 12px;
	border: 1px solid rgba(138, 17, 17, 0.2);
	margin-bottom: 20px;
	font-size: 14px;
}

.pame-rw-co-form-success {
	color: #116611;
	background: rgba(17, 102, 17, 0.1);
	padding: 12px;
	border: 1px solid rgba(17, 102, 17, 0.2);
	margin-bottom: 20px;
	font-size: 14px;
}

/* ============================================
   Modal Styles
   ============================================ */

.pame-rw-co-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10000;
	align-items: center;
	justify-content: center;
}

/* Ensure modal uses flexbox when visible */
.pame-rw-co-modal[style*="display: block"],
.pame-rw-co-modal[style*="display: flex"] {
	display: flex !important;
}

/* Ensure modal is hidden when display: none is set */
.pame-rw-co-modal[style*="display: none"] {
	display: none !important;
}

.pame-rw-co-modal-content {
	background-color: #fffbf8;
	border: 2px solid rgba(218, 161, 18, 0.2);
	padding: 0;
	max-width: 600px;
	width: 90%;
	position: relative;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.pame-rw-co-modal-content h2 {
	margin: 0;
	padding: 20px 24px;
	color: #113A77;
	font-size: 20px;
	font-weight: 600;
	font-family: 'Reforma', serif;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-modal-close {
	position: absolute;
	top: 20px;
	right: 24px;
	color: #113A77;
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
	cursor: pointer;
	background: none;
	border: none;
	padding: 0;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.2s ease;
}

.pame-rw-co-modal-close:hover {
	color: #DAA112;
}

.pame-rw-co-modal-close:focus {
	outline: 2px solid #DAA112;
	outline-offset: 2px;
}

.pame-rw-co-modal-content form {
	padding: 24px;
}

/* ============================================
   Messages and Alerts
   ============================================ */

.pame-rw-co-message {
	padding: 16px 24px;
	margin-bottom: 24px;
	border: 2px solid;
	font-size: 16px;
	font-family: 'Reforma', serif;
}

.pame-rw-co-message.success {
	color: #116611;
	background: rgba(17, 102, 17, 0.1);
	border-color: rgba(17, 102, 17, 0.3);
}

.pame-rw-co-message.error {
	color: #8a1111;
	background: rgba(138, 17, 17, 0.1);
	border-color: rgba(138, 17, 17, 0.3);
}

.pame-rw-co-message.info {
	color: #113A77;
	background: rgba(17, 58, 119, 0.1);
	border-color: rgba(17, 58, 119, 0.3);
}

/* ============================================
   Responsive Styles
   ============================================ */

@media (max-width: 768px) {
	.pame-rw-co-dashboard-content {
		margin-left: 0;
		padding: 0 20px;
	}

	.pame-rw-co-dashboard-sidebar {
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}

	.pame-rw-co-checkout-content {
		grid-template-columns: 1fr;
	}

	.pame-rw-co-menu-items {
		grid-template-columns: 1fr;
	}

	.pame-rw-co-cart-actions {
		flex-direction: column;
	}

	.pame-rw-co-cart-actions .pame-rw-btn {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.pame-rw-co-login-form-wrapper {
		padding: 30px 20px;
	}

	.pame-rw-co-section {
		padding: 20px;
	}

	.pame-rw-co-cart-group {
		padding: 16px;
	}

	.pame-rw-co-checkout-form-section,
	.pame-rw-co-checkout-summary {
		padding: 20px;
	}

	.pame-rw-co-menu-item {
		padding: 16px;
	}
}

/* ============================================
   Stats Cards & Charts
   ============================================ */

.pame-rw-co-stats-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.pame-rw-co-stat-card {
	background: #fff;
	border-radius: 8px;
	padding: 1.5rem;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
	gap: 1rem;
	text-align: center;
}

.pame-rw-co-stat-info {
	background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
	color: #fff;
}

.pame-rw-co-stat-warning {
	background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
	color: #000;
}

.pame-rw-co-stat-success {
	background: linear-gradient(135deg, #28a745 0%, #218838 100%);
	color: #fff;
}

.pame-rw-co-stat-icon {
	width: 48px;
	height: 48px;
	flex-shrink: 0;
}

.pame-rw-co-stat-details h5 {
	margin: 0;
	font-size: 1.75rem;
	font-weight: bold;
}

.pame-rw-co-stat-details p {
	margin: 0.25rem 0 0 0;
	font-size: 0.9rem;
	opacity: 0.9;
}

/* Charts Row */
.pame-rw-co-charts-row {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.pame-rw-co-chart-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.pame-rw-co-sidebar-info {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.pame-rw-co-list-group {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pame-rw-co-list-item {
	padding: 0.75rem;
	border-bottom: 1px solid #e9ecef;
	font-size: 0.9rem;
}

.pame-rw-co-list-item:last-child {
	border-bottom: none;
}

@media (max-width: 768px) {
	.pame-rw-co-stats-row {
		grid-template-columns: 1fr;
	}

	.pame-rw-co-charts-row {
		grid-template-columns: 1fr;
	}
}

/* ============================================
   Menu Management Form Styles
   ============================================ */

.pame-rw-co-menu-form-container {
	background: #fff;
	padding: 32px;
	margin-bottom: 30px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(17, 58, 119, 0.08);
}

.pame-rw-co-menu-form-header {
	margin-bottom: 32px;
	padding-bottom: 20px;
	border-bottom: 2px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-menu-form-header h2 {
	margin: 0 0 8px 0;
	color: #113A77;
	font-size: 24px;
	font-weight: 600;
	font-family: 'Reforma', serif;
}

.pame-rw-co-form-description {
	margin: 0;
	color: #666;
	font-size: 14px;
	line-height: 1.5;
}

.pame-rw-co-form-section {
	margin-bottom: 32px;
	padding: 24px;
	background: #f9f9f9;
	border-radius: 6px;
	border: 1px solid rgba(218, 161, 18, 0.15);
}

.pame-rw-co-section-header {
	margin-bottom: 20px;
}

.pame-rw-co-section-header h3 {
	margin: 0 0 8px 0;
	color: #113A77;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Reforma', serif;
}

.pame-rw-co-section-description {
	margin: 0;
	color: #666;
	font-size: 13px;
	line-height: 1.5;
}

.pame-rw-co-form-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 20px;
}

.pame-rw-co-form-group {
	margin-bottom: 20px;
}

.pame-rw-co-form-group-full {
	grid-column: 1 / -1;
}

.pame-rw-co-form-group label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: #113A77;
	font-size: 14px;
}

.pame-rw-co-form-group label .required {
	color: #d32f2f;
	margin-left: 2px;
}

.pame-rw-co-form-group input[type="text"],
.pame-rw-co-form-group input[type="number"],
.pame-rw-co-form-group select,
.pame-rw-co-form-group textarea {
	width: 100%;
	padding: 10px 14px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	border-radius: 4px;
	font-size: 14px;
	color: #113A77;
	background: #fff;
	transition: border-color 0.2s ease;
}

.pame-rw-co-form-group input[type="text"]:focus,
.pame-rw-co-form-group input[type="number"]:focus,
.pame-rw-co-form-group select:focus,
.pame-rw-co-form-group textarea:focus {
	outline: none;
	border-color: #DAA112;
}

.pame-rw-co-form-group textarea {
	resize: vertical;
	min-height: 80px;
}

.pame-rw-co-menu-item-card {
	background: #fff;
	padding: 24px;
	margin-bottom: 24px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(17, 58, 119, 0.05);
}

.pame-rw-co-menu-item-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(218, 161, 18, 0.2);
}

.pame-rw-co-menu-item-header h4 {
	margin: 0;
	color: #113A77;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Reforma', serif;
}

.pame-rw-co-menu-item-body {
	/* Body content styles - placeholder for future use */
	padding: 0;
}

.pame-rw-co-image-upload-wrapper {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.pame-rw-co-image-preview-container {
	width: 100%;
	max-width: 300px;
	height: 200px;
	border: 2px dashed rgba(218, 161, 18, 0.3);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fafafa;
	overflow: hidden;
	position: relative;
}

.pame-rw-co-image-preview {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.pame-rw-co-image-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #999;
}

.pame-rw-co-image-icon {
	font-size: 32px;
}

.pame-rw-co-image-text {
	font-size: 13px;
}

.pame-rw-co-image-upload-controls {
	display: flex;
	gap: 10px;
	align-items: center;
}

.pame-rw-co-image-input {
	display: none;
}

.pame-rw-co-price-options-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.pame-rw-co-price-options-container {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.pame-rw-co-price-option {
	padding: 16px;
	background: #fff;
	border: 1px solid rgba(218, 161, 18, 0.2);
	border-radius: 4px;
}

.pame-rw-co-price-inputs {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	gap: 12px;
	align-items: end;
}

.pame-rw-co-price-actions {
	display: flex;
	align-items: center;
}

.pame-rw-co-form-actions-inline {
	margin-top: 20px;
}

.pame-rw-co-form-actions {
	margin-top: 32px;
	padding-top: 24px;
	border-top: 2px solid rgba(218, 161, 18, 0.2);
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

/* Ensure buttons in form actions are styled correctly */
.pame-rw-co-form-actions .pame-rw-btn,
.pame-rw-co-form-actions button.pame-rw-btn,
.pame-rw-co-form-actions .pame-rw-btn-primary,
.pame-rw-co-form-actions button.pame-rw-btn-primary {
	background-color: #113A77 !important;
	background-image: none !important;
	color: #fffbf8 !important;
	border: 2px solid #113A77 !important;
	padding: 14px 28px !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	font-family: 'Reforma', serif !important;
	text-decoration: none !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	text-align: center !important;
	display: inline-block !important;
}

.pame-rw-co-form-actions .pame-rw-btn-primary:hover,
.pame-rw-co-form-actions button.pame-rw-btn-primary:hover {
	background-color: #DAA112 !important;
	background-image: none !important;
	border-color: #DAA112 !important;
	color: #fffbf8 !important;
}

.pame-rw-co-form-actions .pame-rw-btn-secondary,
.pame-rw-co-form-actions button.pame-rw-btn-secondary {
	background-color: transparent !important;
	background-image: none !important;
	color: #113A77 !important;
	border: 2px solid #113A77 !important;
}

.pame-rw-co-form-actions .pame-rw-btn-secondary:hover,
.pame-rw-co-form-actions button.pame-rw-btn-secondary:hover {
	background-color: rgba(17, 58, 119, 0.05) !important;
	background-image: none !important;
}

.pame-rw-btn-icon {
	margin-right: 6px;
	font-weight: bold;
}

.pame-rw-btn-lg {
	padding: 12px 32px;
	font-size: 16px;
}

/* Existing Menus Section */
.pame-rw-co-existing-menus {
	background: #fff;
	padding: 24px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(17, 58, 119, 0.08);
}

.pame-rw-co-existing-menus h2 {
	margin-top: 0;
	margin-bottom: 20px;
	color: #113A77;
	font-size: 20px;
	font-weight: 600;
	font-family: 'Reforma', serif;
}

.pame-rw-co-menus-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 20px;
}

.pame-rw-co-week-section {
	background: #fff;
	padding: 20px;
	border: 1px solid #ccd0d4;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.pame-rw-co-week-section h3 {
	margin-top: 0;
	margin-bottom: 15px;
	color: #113A77;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Reforma', serif;
}

.pame-rw-co-day-menu {
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.pame-rw-co-day-menu:last-child {
	border-bottom: none;
}

.pame-rw-co-day-menu h4 {
	margin: 0 0 8px 0;
	color: #113A77;
	font-size: 14px;
	font-weight: 600;
}

.pame-rw-co-day-menu p {
	margin: 5px 0;
	font-size: 13px;
}

.pame-rw-co-no-menu {
	color: #999;
	font-style: italic;
	margin: 5px 0;
	font-size: 13px;
}

.pame-rw-co-menu-items-list {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}

.pame-rw-co-menu-items-list li {
	padding: 5px 0;
	font-size: 13px;
	color: #333;
	border-bottom: 1px solid #eee;
}

.pame-rw-co-menu-items-list li:last-child {
	border-bottom: none;
}

.pame-rw-co-item-category {
	color: #666;
	font-size: 12px;
	margin-left: 8px;
}

/* Menu Items Display Styles */
.menu-item-block {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 15px;
	padding: 15px;
	border: 2px solid rgba(218, 161, 18, 0.2);
	background: rgba(255, 255, 255, 0.8);
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(17, 58, 119, 0.05);
	transition: all 0.3s ease;
}

.menu-item-block:hover {
	border-color: rgba(218, 161, 18, 0.4);
	box-shadow: 0 4px 8px rgba(17, 58, 119, 0.1);
}

.menu-item-block .menu-img {
	text-align: center;
	margin-bottom: 10px;
}

.menu-item-block .menu-img img {
	width: 150px;
}

.menu-item-block .menu-details {
	text-align: center;
}

.menu-item-block .menu-details strong {
	display: block;
	margin-bottom: 10px;
	color: #113A77;
	font-size: 16px;
	font-family: 'Reforma', serif;
}

.menu-item-block .menu-details > div {
	margin: 8px 0;
	font-size: 13px;
	color: #666;
	line-height: 1.4;
}

.menu-import-section {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	padding: 20px 0;
}

.menu-import-section.staff_menu-hh,
.menu-import-section.staff-menu_hh {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 20px !important;
}

.section-title {
	color: #113A77;
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0 15px 0;
	font-family: 'Reforma', serif;
}

.section-title.for_staff-hh {
	color: #113A77;
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0 15px 0;
	font-family: 'Reforma', serif;
}

.section-title.jst_1_hh {
	margin-top: 30px;
}

/* Add to Cart Button - Remove background image, use blue theme */
.add-to-cart-btn,
.pame-rw-btn.add-to-cart-btn {
	background-image: none !important;
	background-color: #113A77 !important;
	color: #fffbf8 !important;
	border: 2px solid #113A77 !important;
	padding: 8px 16px !important;
	border-radius: 4px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	margin-top: 10px !important;
	display: inline-block !important;
}

.add-to-cart-btn:hover,
.pame-rw-btn.add-to-cart-btn:hover {
	background-color: #0d2d5a !important;
	border-color: #0d2d5a !important;
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(17, 58, 119, 0.2);
}

.add-to-cart-btn:active,
.pame-rw-btn.add-to-cart-btn:active {
	transform: translateY(0);
}

.add-to-cart-btn i,
.pame-rw-btn.add-to-cart-btn i {
	margin-right: 5px;
}

/* Menu Management Container */
.pame-rw-co-menu-management {
	margin-top: 20px;
}

/* Notice Messages (matching wp-admin style) */
.pame-rw-co-menu-management .notice {
	margin: 15px 0;
	padding: 1px 12px;
	border-left: 4px solid #fff;
	background: #fff;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}

.pame-rw-co-menu-management .notice p {
	margin: 12px 0;
	font-size: 13px;
	line-height: 1.5;
}

.pame-rw-co-menu-management .notice.notice-success {
	border-left-color: #46b450;
}

.pame-rw-co-menu-management .notice.notice-error {
	border-left-color: #dc3232;
}

.pame-rw-co-menu-management .notice.is-dismissible {
	padding-right: 38px;
	position: relative;
}

.pame-rw-co-menu-management .notice-dismiss {
	position: absolute;
	top: 0;
	right: 1px;
	border: none;
	margin: 0;
	padding: 9px;
	background: none;
	color: #72777c;
	cursor: pointer;
	text-decoration: none;
}

.pame-rw-co-menu-management .notice-dismiss:hover {
	color: #c00;
}

@media (max-width: 768px) {
	.pame-rw-co-form-row {
		grid-template-columns: 1fr;
	}
	
	.pame-rw-co-price-inputs {
		grid-template-columns: 1fr;
	}
	
	.pame-rw-co-menu-form-container {
		padding: 20px;
	}
	
	.pame-rw-co-menus-grid {
		grid-template-columns: 1fr;
	}
}