.mep-fb-order-search-sec {
background: #f9f9f9;
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
border: 1px solid #e0e0e0;
display: flex;
gap: 10px;
align-items: center;
}
.mep-fb-order-search-sec input[type="text"] {
flex: 1;
padding: 10px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
max-width: 300px;
}
.mep-fb-order-search-sec input[type="text"]:focus {
outline: none;
border-color: var(--color_theme, #007cba);
box-shadow: 0 0 0 1px var(--color_theme, #007cba);
}
.mep-fb-order-search-sec button {
padding: 10px 20px;
background: var(--color_theme, #007cba);
color: #fff;
border: none;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
}
.mep-fb-order-search-sec button:hover {
background: var(--color_theme, #005a87);
} .mep_fb_my_event_order_list table {
width: 100%;
border-collapse: collapse;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
}
.mep_fb_my_event_order_list thead {
background: #f7f7f7;
border-bottom: 2px solid #e0e0e0;
}
.mep_fb_my_event_order_list th {
padding: 15px 20px;
text-align: left;
font-weight: 600;
font-size: 13px;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.mep_fb_my_event_order_list tbody tr {
border-bottom: 1px solid #e0e0e0;
transition: background-color 0.2s ease;
}
.mep_fb_my_event_order_list tbody tr:hover {
background: #f9f9f9;
}
.mep_fb_my_event_order_list td {
padding: 15px 20px;
vertical-align: middle;
} .mep_before_order_list_table {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
}
.mep_before_order_list_table:empty {
display: none;
} .mep_fb_my_event_order_list button.view,
.mep_before_order_list_table button {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 8px 12px;
background: #007cba;
color: #fff;
border: none;
border-radius: 4px;
font-size: 13px;
cursor: pointer;
text-decoration: none;
transition: all 0.3s ease;
}
.mep_fb_my_event_order_list button.view:hover,
.mep_before_order_list_table button:hover {
background: #005a87;
} .mep_fb_my_event_order_list a {
color: var(--color_theme, #007cba);
text-decoration: none;
font-weight: 600;
}
.mep_fb_my_event_order_list a:hover {
text-decoration: underline;
} @media screen and (max-width: 782px) {
.mep-fb-order-search-sec {
flex-direction: column;
align-items: stretch;
}
.mep-fb-order-search-sec input[type="text"] {
max-width: 100%;
width: 100%;
}
.mep-fb-order-search-sec button {
width: 100%;
}
.mep_fb_my_event_order_list thead {
display: none;
}
.mep_fb_my_event_order_list tbody tr {
display: block;
margin-bottom: 15px;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
}
.mep_fb_my_event_order_list td {
display: block;
text-align: right;
padding: 12px 15px;
border-bottom: 1px solid #f0f0f0;
}
.mep_fb_my_event_order_list td:last-child {
border-bottom: none;
}
.mep_fb_my_event_order_list td::before {
content: attr(data-label);
float: left;
font-weight: 600;
color: #333;
}
} .mep_fb_my_event_order_list td:contains('...') {
text-align: center;
color: #666;
font-style: italic;
} .mep_fb_my_event_order_list:empty::after {
content: 'No event orders found.';
display: block;
text-align: center;
padding: 40px 20px;
color: #666;
font-style: italic;
} .mep_before_order_list_table .woocommerce-order-details,
.mep_before_order_list_table .woocommerce-order-details__title {
margin-top: 0;
}
.mep_before_order_list_table .woocommerce-table {
margin-bottom: 20px;
} .mep_fb_my_event_order_list .woocommerce-button.cancel,
.mep_before_order_list_table .woocommerce-button.cancel {
background: #d63638;
margin-left: 10px;
}
.mep_fb_my_event_order_list .woocommerce-button.cancel:hover,
.mep_before_order_list_table .woocommerce-button.cancel:hover {
background: #b32d2e;
}  .mep-fb-order-search-sec {
background: #f9f9f9;
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
border: 1px solid #e0e0e0;
display: flex;
gap: 10px;
align-items: center;
}
.mep-fb-order-search-sec input[type="text"] {
flex: 1;
padding: 10px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
max-width: 300px;
}
.mep-fb-order-search-sec input[type="text"]:focus {
outline: none;
border-color: var(--color_theme, #007cba);
box-shadow: 0 0 0 1px var(--color_theme, #007cba);
}
.mep-fb-order-search-sec button {
padding: 10px 20px;
background: var(--color_theme, #007cba);
color: #fff;
border: none;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
}
.mep-fb-order-search-sec button:hover {
background: var(--color_theme, #005a87);
} .mep_fb_my_event_order_list table {
width: 100%;
border-collapse: collapse;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
}
.mep_fb_my_event_order_list thead {
background: #f7f7f7;
border-bottom: 2px solid #e0e0e0;
}
.mep_fb_my_event_order_list th {
padding: 15px 20px;
text-align: left;
font-weight: 600;
font-size: 13px;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.mep_fb_my_event_order_list tbody tr {
border-bottom: 1px solid #e0e0e0;
transition: background-color 0.2s ease;
}
.mep_fb_my_event_order_list tbody tr:hover {
background: #f9f9f9;
}
.mep_fb_my_event_order_list td {
padding: 15px 20px;
vertical-align: middle;
} .mep_before_order_list_table {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
}
.mep_before_order_list_table:empty {
display: none;
} .mep_fb_my_event_order_list button.view,
.mep_before_order_list_table button {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 8px 12px;
background: #007cba;
color: #fff;
border: none;
border-radius: 4px;
font-size: 13px;
cursor: pointer;
text-decoration: none;
transition: all 0.3s ease;
}
.mep_fb_my_event_order_list button.view:hover,
.mep_before_order_list_table button:hover {
background: #005a87;
} .mep_fb_my_event_order_list a {
color: var(--color_theme, #007cba);
text-decoration: none;
font-weight: 600;
}
.mep_fb_my_event_order_list a:hover {
text-decoration: underline;
} @media screen and (max-width: 782px) {
.mep-fb-order-search-sec {
flex-direction: column;
align-items: stretch;
}
.mep-fb-order-search-sec input[type="text"] {
max-width: 100%;
width: 100%;
}
.mep-fb-order-search-sec button {
width: 100%;
}
.mep_fb_my_event_order_list thead {
display: none;
}
.mep_fb_my_event_order_list tbody tr {
display: block;
margin-bottom: 15px;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
}
.mep_fb_my_event_order_list td {
display: block;
text-align: right;
padding: 12px 15px;
border-bottom: 1px solid #f0f0f0;
}
.mep_fb_my_event_order_list td:last-child {
border-bottom: none;
}
.mep_fb_my_event_order_list td::before {
content: attr(data-label);
float: left;
font-weight: 600;
color: #333;
}
} .mep_fb_my_event_order_list td:contains('...') {
text-align: center;
color: #666;
font-style: italic;
} .mep_fb_my_event_order_list:empty::after {
content: 'No event orders found.';
display: block;
text-align: center;
padding: 40px 20px;
color: #666;
font-style: italic;
} .mep_before_order_list_table .woocommerce-order-details,
.mep_before_order_list_table .woocommerce-order-details__title {
margin-top: 0;
}
.mep_before_order_list_table .woocommerce-table {
margin-bottom: 20px;
} .mep_fb_my_event_order_list .woocommerce-button.cancel,
.mep_before_order_list_table .woocommerce-button.cancel {
background: #d63638;
margin-left: 10px;
}
.mep_fb_my_event_order_list .woocommerce-button.cancel:hover,
.mep_before_order_list_table .woocommerce-button.cancel:hover {
background: #b32d2e;
}