.mpwpb-static-template,
.mpwpb-static-template .mpwpb_popup {
font-family: 'Work Sans', 'Segoe UI', sans-serif !important;
color: #15202B;
} .mpwpb-static-template .mpwpb-tree-header h4,
.mpwpb-static-template .mpwpb_popup_header h5,
.mpwpb-static-template .mpwpb-tree-service-name,
.mpwpb-static-template .selection-header h3 {
font-family: 'Sora', 'Segoe UI', sans-serif !important;
font-weight: 700 !important;
} #mpwpb_static_sidbar .mpwpb_static {
border-radius: 20px !important;
border: 1px solid #E2E6E4 !important;
box-shadow: 0 12px 28px rgba(21, 32, 27, 0.08) !important;
background: #FFFFFF !important;
}
#mpwpb_static_sidbar .mpwpb-tree-header { background: transparent !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 22px 22px 16px !important;
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 12px !important;
} #mpwpb_static_sidbar .mpwpb-tree-header-icon {
flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px;
display: flex; align-items: center; justify-content: center;
background: color-mix(in srgb, var(--mpwpb_color_theme) 10%, white);
color: var(--mpwpb_color_theme); font-size: 16px;
}
#mpwpb_static_sidbar .mpwpb-tree-header-text { flex: 1 1 auto; min-width: 0; }
#mpwpb_static_sidbar .mpwpb-tree-header-count {
flex: 0 0 auto; font-size: 11px; font-weight: 700; color: #5B6763;
background: #F1F5F3; border-radius: 999px; padding: 5px 11px; white-space: nowrap;
}
#mpwpb_static_sidbar .mpwpb-tree-header h4 {
margin: 0 0 4px !important;
font-size: 18px !important;
line-height: 1.3 !important;
color: #15202B !important;
-webkit-text-fill-color: #15202B !important;
}
#mpwpb_static_sidbar .mpwpb-tree-header p {
margin: 0 !important;
color: #5B6763 !important;
font-size: 13px !important;
line-height: 1.5 !important;
font-weight: 400 !important;
}
#mpwpb_static_sidbar .mpwpb-service-tree { gap: 4px !important;
}
#mpwpb_static_sidbar .mpwpb-tree-service,
#mpwpb_static_sidbar .mpwpb_item_box { margin-bottom: 0 !important;
border: none !important;
border-radius: 12px !important;
padding: 14px 10px !important;
transition: background 0.15s ease;
}
#mpwpb_static_sidbar .mpwpb-tree-service:hover {
background: #F3F5F4 !important;
} #mpwpb_static_sidbar .mpwpb-tree-service.mpActive {
background: var(--mpwpb-tint-soft, #F0F6F4) !important;
border-color: var(--mpwpb-tint-line, #A7F3D0) !important;
}
#mpwpb_static_sidbar .mpwpb-tree-checkbox {
border: 1.5px solid #E2E6E4 !important;
background: #FFFFFF !important;
border-radius: 6px !important;
}
#mpwpb_static_sidbar .mpwpb-tree-service.mpActive .mpwpb-tree-checkbox {
background: var(--mpwpb_color_theme) !important;
border-color: var(--mpwpb_color_theme) !important;
}
#mpwpb_static_sidbar .mpwpb-tree-duration {
color: #5B6763 !important;
font-size: 12px !important;
}
#mpwpb_static_sidbar .mpwpb-tree-price {
color: #15202B !important;
font-size: 15px !important;
}
#mpwpb_static_sidbar .mpwpb-tree-cta-btn {
border-radius: 999px !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700 !important;
padding: 15px 20px !important;
background: var(--mpwpb_color_theme) !important;
border: none !important;
color: #FFFFFF !important;
}
.mpwpb-static-template .mpwpb-tree-trust {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 4px 0 0 !important;
}
.mpwpb-static-template .mpwpb-tree-trust-item {
color: #5B6763 !important;
font-size: 12px !important;
} .mpwpb-static-template .sidebar .mpwpb_popup { z-index: 100000 !important;
}
.mpwpb-static-template .mpwpb_popup_main_area {
border-radius: 20px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_popup_header { background: #FFFFFF !important;
margin-top: 30px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_popup_header h5 {
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_popup_header p {
color: #5B6763 !important;
font-size: 13px !important;
opacity: 1 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_popup_close {
background: #F3F5F4 !important;
border-radius: 50% !important;
width: 30px !important;
height: 30px !important;
color: #15202B !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_wrapper {
counter-reset: mpwpb-step;
align-items: flex-start !important;
gap: 0 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_step {
counter-increment: mpwpb-step;
position: relative;
height: auto !important;
border-radius: 0 !important;
background: none !important;
opacity: 1 !important;
display: flex !important;
flex-direction: column;
align-items: center;
gap: 8px;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_step::before {
content: counter(mpwpb-step);
width: 30px;
height: 30px;
flex-shrink: 0;
border-radius: 50%;
border: 2px solid #E2E6E4;
background: #FFFFFF;
color: #9AA3A0;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Sora', 'Segoe UI', sans-serif;
font-weight: 700;
font-size: 13px;
position: relative;
z-index: 1;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_step:not(:last-child)::after {
content: '';
position: absolute;
top: 15px;
left: 50%;
width: 100%;
border-top: 2px dashed #E2E6E4;
z-index: 0;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_step.active::before,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_step.is-done::before {
border-color: var(--mpwpb_color_theme) !important;
color: var(--mpwpb_color_theme) !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_step.is-done::before {
content: '\2713';
font-size: 15px;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_step:not(#mpwpb_progress_confirmation){
cursor: pointer;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_step.is-done:hover::before{
background: var(--mpwpb_color_theme) !important;color: #fff !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_step.is-done:hover .mpwpb_cart_progress_label{
color: var(--mpwpb_color_theme) !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_label {
display: block !important;
position: static !important;
margin: 0 !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 600 !important;
font-size: 11px !important;
color: #9AA3A0 !important;
white-space: nowrap;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_step.active .mpwpb_cart_progress_label,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_step.is-done .mpwpb_cart_progress_label {
color: #15202B !important;
font-weight: 700 !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row {
border-radius: 14px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_service_item.mpActive {
background-color: rgba(0, 104, 95, 0.06) !important;
border-color: var(--mpwpb_color_theme) !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row .mpwpb_service_button.mActive {
background: var(--mpwpb_color_theme) !important;
border-color: var(--mpwpb_color_theme) !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_service_duration {
font-family: 'Work Sans', sans-serif !important;
color: #989ca1 !important;
} .mpwpb-static-template .sidebar .mpwpb_popup ._textTheme_min_100 {
color: #95989a !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .service_decQty,
.mpwpb-static-template .sidebar .mpwpb_popup .service_incQty {
background: #F3F5F4 !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .inputIncDec {
font-weight: 600 !important;
font-family: 'Work Sans', sans-serif !important;
color: #15202B !important;
}  .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_date_time_area header {
background: transparent !important;
padding: 0 !important;
margin: 0 0 12px 0 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_date_time_area header:not(:first-child) {
margin-top: 20px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_date_staff_select {
font-family: 'Sora', 'Segoe UI', sans-serif !important;
font-weight: 700 !important;
font-size: 15px !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_carousel_area .prev,
.mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_carousel_area .next {
background: #F3F5F4 !important;
border: none !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_carousel_area .prev:hover,
.mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_carousel_area .next:hover {
background: #E2E6E4 !important;
} .mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_carousel_area .mpDisabled {
background: #F3F5F4 !important;
color: #C7CCCA !important;
cursor: not-allowed !important;
pointer-events: none;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-date-grid {
gap: 8px !important;
margin-bottom: 4px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-date-grid .mpwpb_get_date {
border-radius: 14px !important;
border: 1.5px solid #E2E6E4 !important;
background: #FFFFFF !important;
color: #15202B !important;
transition: border-color 0.15s ease;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-date-grid .mpwpb_get_date:hover {
border-color: var(--mpwpb_color_theme) !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-date-grid .mpwpb_get_date_selected {
background: var(--mpwpb_color_theme) !important;
border-color: var(--mpwpb_color_theme) !important;
color: #FFFFFF !important;
box-shadow: 0 6px 14px rgba(14, 85, 75, 0.22) !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-date-grid .mpwpb_get_date_selected .mptrs_day_with_date {
color: #FFFFFF !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-date-grid .mpwpb_get_close_date,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-date-grid .mpwpb_get_date_passed {
border-radius: 14px !important;
border: 1.5px solid #E2E6E4 !important;
background: #F8F9F8 !important;
color: #9AA3A0 !important;
cursor: not-allowed !important;
opacity: 1 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_close_date,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_date_passed_label {
font-family: 'Work Sans', sans-serif !important;
font-size: 9px !important;
font-weight: 600 !important;
color: #9AA3A0 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-date-grid .mpwpb-date-number {
font-family: 'Sora', 'Segoe UI', sans-serif !important;
font-weight: 700 !important;
font-size: 16px !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-date-grid .mptrs_day_with_date {
font-family: 'Work Sans', sans-serif !important;
font-weight: 600 !important;
font-size: 10.5px !important;
color: #5B6763 !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_select_time_holder {
margin-top: 2px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_time_display {
gap: 8px !important;
padding: 0 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_time_btn,
.mpwpb-static-template .sidebar .mpwpb_popup ._mpBtn.mActive.booked {
flex: 0 0 calc(33.333% - 6px) !important;
max-width: calc(33.333% - 6px) !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 10px 4px !important;
border-radius: 10px !important;
font-size: 12.5px !important;
font-weight: 600 !important;
font-family: 'Work Sans', sans-serif !important;
text-align: center !important;
line-height: 1.3 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_time_btn {
border: 1.5px solid #E2E6E4 !important;
background: #FFFFFF !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_time_btn:hover {
border-color: var(--mpwpb_color_theme) !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_time_btn.mpActive,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_time_btn.mpwpb_active_time {
background: var(--mpwpb_color_theme) !important;
border-color: var(--mpwpb_color_theme) !important;
color: #FFFFFF !important;
} .mpwpb-static-template .sidebar .mpwpb_popup ._mpBtn.mActive.booked {
border: 1.5px dashed #E2E6E4 !important;
background: #F8F9F8 !important;
color: #AEB5B2 !important;
cursor: not-allowed !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpd_btn_proceed,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_service_next {
border-radius: 999px !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700 !important;
color: #FFFFFF !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content {
font-family: 'Work Sans', sans-serif !important;
color: #15202B !important;
padding: 4px 2px 0 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .col2-set {
display: flex !important;
flex-direction: column !important;
gap: 28px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .col-1,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .col-2 {
width: 100% !important;
float: none !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content h3 {
margin: 0 0 14px !important;
font-family: 'Sora', 'Segoe UI', sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .woocommerce-billing-fields__field-wrapper,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .woocommerce-additional-fields__field-wrapper {
display: flex !important;
flex-wrap: wrap !important;
gap: 14px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .form-row {
margin: 0 !important;
padding: 0 !important;
flex: 1 1 100%;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .form-row-first,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .form-row-last {
flex: 1 1 calc(50% - 7px);
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content label {
display: block !important;
margin: 0 0 6px !important;
font-size: 12px !important;
font-weight: 600 !important;
color: #15202B !important; white-space: nowrap !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content label .required,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content label .optional {
display: inline !important;
white-space: nowrap !important;
vertical-align: baseline !important;
margin-left: 2px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content label .required {
color: #B8542E !important;
text-decoration: none !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content label .optional {
color: #9AA3A0 !important;
font-weight: 400 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .woocommerce-input-wrapper {
display: block !important;
width: 100% !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .input-text,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content select,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content textarea {
width: 100% !important;
box-sizing: border-box !important;
padding: 12px 14px !important;
border: 1.5px solid #E2E6E4 !important;
border-radius: 10px !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 13px !important;
color: #15202B !important;
background: #FFFFFF !important;
box-shadow: none !important;
transition: border-color 0.15s ease;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .input-text:focus,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content select:focus,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content textarea:focus {
outline: none !important;
border-color: var(--mpwpb_color_theme) !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .woocommerce-invalid .input-text,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content .woocommerce-invalid select {
border-color: #B8542E !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content textarea {
min-height: 72px !important;
resize: vertical !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content select {
appearance: none !important;
-webkit-appearance: none !important;
padding-right: 36px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2315202B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-wc-checkout-content noscript {
display: none !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-checkout-heading h3 {
margin: 0 0 4px !important;
font-family: 'Sora', 'Segoe UI', sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-checkout-heading p,
.mpwpb-static-template .sidebar .mpwpb_popup #order_review_heading {
margin: 0 0 16px !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 13px !important;
color: #5B6763 !important;
font-weight: 400 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-checkout-notices .woocommerce-error {
list-style: none !important;
margin: 0 0 16px !important;
padding: 14px 16px !important;
border-radius: 12px !important;
background: #FBEFEA !important;
border: 1px solid #F0D9CE !important;
color: #B8542E !important;
font-size: 13px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-stage-actions {
display: flex !important;
justify-content: space-between !important;
gap: 12px !important;
margin-top: 22px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-back-to-booking {
padding: 13px 22px !important;
border-radius: 999px !important;
background: #FFFFFF !important;
color: #15202B !important;
border: 1.5px solid #E2E6E4 !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-back-to-billing {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
margin: 12px 0 0 !important;
padding: 13px !important;
border-radius: 999px !important;
background: #FFFFFF !important;
border: 1.5px solid #E2E6E4 !important;
color: #15202B !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
text-align: center !important;
cursor: pointer !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-back-to-billing:hover {
background: #F3F5F4 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-continue-payment {
padding: 13px 24px !important;
border-radius: 999px !important;
background: var(--mpwpb_color_theme) !important;
color: #FFFFFF !important;
border: none !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-coupon {
margin-bottom: 20px !important;
border: 1.5px solid #E2E6E4 !important;
border-radius: 12px !important;
background: #FFFFFF !important;
padding: 12px 16px !important;
transition: background 0.15s ease;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-coupon.is-open {
background: #F3F5F4 !important;
padding: 14px 16px 16px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-coupon label {
display: flex !important;
align-items: center !important;
gap: 6px !important;
margin: 0 !important;
font-size: 12px !important;
font-weight: 600 !important;
color: var(--mpwpb_color_theme) !important;
cursor: pointer !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-coupon label::before {
content: '+';
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--mpwpb_color_theme);
color: #FFFFFF;
font-size: 12px;
line-height: 1;
flex-shrink: 0;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-coupon.is-open label::before {
content: '\2212';
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-coupon > div {
display: none;
align-items: center !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin-top: 12px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-coupon.is-open > div {
display: flex !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-coupon input {
flex: 1 1 160px !important;
padding: 11px 14px !important;
border: 1.5px solid #E2E6E4 !important;
border-radius: 10px !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 13px !important;
background: #FFFFFF !important;
box-sizing: border-box !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-apply-coupon {
flex-shrink: 0;
padding: 11px 18px !important;
border-radius: 999px !important;
border: none !important;
background: #15202B !important;
color: #FFFFFF !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 12px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-coupon-message {
display: block !important;
width: 100%;
margin-top: 10px !important;
font-size: 12px !important;
font-weight: 600 !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table {
width: 100% !important;
border-collapse: collapse !important;
margin: 0 0 20px !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 13px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table th,
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table td {
padding: 10px 0 !important;
border: none !important;
border-bottom: 1px solid #E2E6E4 !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table td:last-child,
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table th:last-child {
text-align: right !important;
white-space: nowrap !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table thead {
display: none !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table .order-total td,
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table .order-total th {
border-bottom: none !important;
border-top: 1.5px solid #E2E6E4 !important;
font-family: 'Sora', 'Segoe UI', sans-serif !important;
font-weight: 700 !important;
font-size: 15px !important;
} .mpwpb-static-template .sidebar .mpwpb_popup ul.payment_methods {
list-style: none !important;
margin: 0 0 16px !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup li.wc_payment_method {
border: 1.5px solid #E2E6E4 !important;
border-radius: 12px !important;
padding: 13px 16px !important;
background: #FFFFFF !important;
list-style: none !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup li.wc_payment_method label {
margin: 0 !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup li.wc_payment_method input.input-radio {
accent-color: var(--mpwpb_color_theme) !important;
margin-right: 8px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .payment_box {
margin-top: 12px !important;
padding: 14px !important;
background: #F3F5F4 !important;
border-radius: 10px !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 13px !important;
color: #5B6763 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .payment_box .input-text {
width: 100% !important;
box-sizing: border-box !important;
padding: 11px 13px !important;
border: 1.5px solid #E2E6E4 !important;
border-radius: 10px !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 13px !important;
margin-top: 8px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup #place_order {
width: 100% !important;
padding: 15px !important;
border-radius: 999px !important;
border: none !important;
background: var(--mpwpb_color_theme) !important;
color: #FFFFFF !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 14px !important;
margin-top: 8px !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-checkout-preparing {
padding: 40px 20px !important;
text-align: center !important;
color: #5B6763 !important;
font-size: 13px !important;
font-family: 'Work Sans', sans-serif !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-checkout-recovery {
padding: 24px 20px !important;
text-align: center !important;
border: 1.5px dashed #E2E6E4 !important;
border-radius: 14px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-checkout-recovery .fa-wifi {
color: #9A6B1E !important;
font-size: 20px !important;
margin-bottom: 8px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-checkout-recovery strong {
display: block !important;
font-family: 'Sora', sans-serif !important;
font-size: 14px !important;
margin-bottom: 4px !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-checkout-recovery p {
margin: 0 0 14px !important;
font-size: 13px !important;
color: #5B6763 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-retry-checkout {
padding: 11px 20px !important;
border-radius: 999px !important;
border: none !important;
background: var(--mpwpb_color_theme) !important;
color: #FFFFFF !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-checkout-error {
padding: 14px 16px !important;
border-radius: 12px !important;
background: #FBEFEA !important;
border: 1px solid #F0D9CE !important;
color: #B8542E !important;
font-size: 13px !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-confirmation {
padding: 4px 2px 0 !important;
font-family: 'Work Sans', sans-serif !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-confirmation-summary {
text-align: center !important;
padding-bottom: 24px !important;
margin-bottom: 20px !important;
border-bottom: 1px solid #E2E6E4 !important;
}  .mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table .product-name {
font-family: 'Sora', 'Segoe UI', sans-serif !important;
font-weight: 700 !important;
font-size: 14px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table .product-quantity {
display: inline-block !important;
margin-left: 6px !important;
padding: 2px 9px !important;
border-radius: 999px !important;
background: #F3F5F4 !important;
color: #5B6763 !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup dl.variation {
margin: 10px 0 0 !important;
padding: 14px !important;
background: #F3F5F4 !important;
border-radius: 12px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup dl.variation dt.variation-BookingDetails {
margin: 0 0 8px !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
color: #9AA3A0 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup dl.variation dd.variation-BookingDetails {
margin: 0 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup ul.cart_list {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
} .mpwpb-static-template .sidebar .mpwpb_popup ul.cart_list li {
display: grid !important;
grid-template-columns: 64px 1fr;
column-gap: 8px;
align-items: baseline;
font-family: 'Work Sans', sans-serif !important;
font-size: 12px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup ul.cart_list li > p:empty {
display: none !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup ul.cart_list h6 {
grid-column: 1;
margin: 0 !important;
white-space: nowrap;
font-family: 'Work Sans', sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
color: #5B6763 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup ul.cart_list li > p {
grid-column: 2;
margin: 0 !important;
color: #15202B !important;
font-size: 12px !important;
} .mpwpb-static-template .sidebar .mpwpb_popup ul.cart_list li .fa-calendar-alt,
.mpwpb-static-template .sidebar .mpwpb_popup ul.cart_list li .fa-clock {
display: none !important;
} .mpwpb-static-template .sidebar .mpwpb_popup #order_review_heading {
float: none !important;
width: auto !important;
border: 0 !important;
padding: 0 !important;
margin: 6px 0 10px !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
color: #5B6763 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup #order_review {
float: none !important;
width: 100% !important;
border: 0 !important;
padding: 0 !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table td {
vertical-align: top !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table span,
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-checkout-review-order-table bdi {
display: inline !important;
} .mpwpb-static-template .sidebar .mpwpb_popup dl.variation dt {
float: none !important;
display: block !important;
margin-right: 0 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup dl.variation dd {
float: none !important;
display: block !important;
padding: 0 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup dl.variation dd p:empty {
display: none !important;
} .mpwpb-static-template .sidebar .mpwpb_popup dl.variation .dLayout_xs {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-confirmation-summary::before {
content: '';
display: block;
width: 56px;
height: 56px;
margin: 0 auto 16px;
border-radius: 50%;
background: var(--mpwpb_color_theme);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-confirmation-summary h2 {
margin: 0 0 12px !important;
font-family: 'Sora', 'Segoe UI', sans-serif !important;
font-size: 20px !important;
font-weight: 700 !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-confirmation-summary p {
margin: 4px 0 !important;
font-size: 13px !important;
color: #5B6763 !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-confirmation-summary p strong {
display: inline !important;
color: #15202B !important;
font-weight: 600 !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-confirmation .woocommerce-Price-amount,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-confirmation .woocommerce-Price-amount span,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-inline-confirmation .woocommerce-Price-amount bdi {
display: inline !important;
white-space: nowrap !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-order-overview {
list-style: none !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin: 0 0 20px !important;
padding: 16px !important;
background: #F3F5F4 !important;
border-radius: 14px !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-order-overview::before,
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-order-overview::after {
content: none !important;
display: none !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-order-overview li {
flex: 1 1 45%;
font-size: 11px !important;
color: #5B6763 !important;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-order-overview li strong {
display: block !important;
margin-top: 4px !important;
font-family: 'Sora', 'Segoe UI', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
color: #15202B !important;
text-transform: none;
letter-spacing: normal;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-order-details h2,
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-customer-details h2 {
margin: 0 0 12px !important;
font-family: 'Sora', 'Segoe UI', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-order-details .shop_table {
width: 100% !important;
border-collapse: collapse !important;
margin: 0 0 20px !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 13px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-order-details .shop_table th,
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-order-details .shop_table td {
padding: 10px 0 !important;
border: none !important;
border-bottom: 1px solid #E2E6E4 !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-customer-details address {
font-style: normal !important;
padding: 14px 16px !important;
border: 1.5px solid #E2E6E4 !important;
border-radius: 12px !important;
font-size: 13px !important;
line-height: 1.7 !important;
color: #15202B !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-selected-summary {
border: 1.5px solid #E2E6E4 !important;
border-radius: 12px !important;
background: #F3F5F4 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-selected-summary-row {
font-family: 'Work Sans', sans-serif !important;
color: #15202B !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-selected-summary-row + .mpwpb-selected-summary-row,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-selected-summary-more-rows .mpwpb-selected-summary-row {
border-top: 1px solid #E2E6E4 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-selected-summary-name em {
color: #9AA3A0 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-selected-summary-price {
color: var(--mpwpb_color_theme) !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-selected-summary-more-btn {
font-family: 'Work Sans', sans-serif !important;
color: var(--mpwpb_color_theme) !important;
border-top-color: #E2E6E4 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .popupFooter {
border-top: 1px solid #E2E6E4 !important;
padding: 18px 22px !important;
box-shadow: 0 -4px 16px rgba(20,32,27,0.05) !important;
position: relative;
z-index: 1;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_total_bill {
white-space: nowrap !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_service_next,
.mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_date_time_next_btn_id,
.mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_show_hide_staff_member {
border-radius: 999px !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 14px !important;
padding: 15px 26px !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
flex-shrink: 0 !important;
white-space: nowrap !important;
margin-left: auto !important;
transition: transform 0.15s ease, box-shadow 0.15s ease;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_service_next,
.mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_date_time_next_btn_id:not([style*="display: none"]):not([style*="display:none"]),
.mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_show_hide_staff_member:not([style*="display: none"]):not([style*="display:none"]) {
display: inline-flex !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_service_next,
.mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_show_hide_staff_member {
color: #FFFFFF !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_show_hide_staff_member {
background: var(--mpwpb_color_theme) !important;
border-color: var(--mpwpb_color_theme) !important;
box-shadow: 0 6px 18px rgba(14,85,75,0.32) !important;
} .mpwpb-static-template .sidebar .mpwpb_popup:not(.mpwpb-popup-inline) .next_service_area .justifyBetween,
.mpwpb-static-template .sidebar .mpwpb_popup:not(.mpwpb-popup-inline) .next_date_area .justifyBetween {
flex-wrap: nowrap !important;
align-items: center !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .next_date_area .justifyBetween {
justify-content: flex-start !important;
gap: 16px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_service_next {
background: var(--mpwpb_color_theme) !important;
box-shadow: 0 6px 18px rgba(14,85,75,0.32) !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_service_next:hover {
transform: translateY(-1px);
box-shadow: 0 8px 22px rgba(14,85,75,0.4) !important;
} .mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_display_date_time,
.mpwpb-static-template .sidebar .mpwpb_popup #mpwpb_display_service_btn {
border-radius: 999px !important;
background: #FFFFFF !important;
border: 1.5px solid #E2E6E4 !important;
color: #15202B !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_style small,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_style span,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_style strong { display: inline !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_style .dInlineBlock,
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_style [class*="_dInlineBlock"] {
display: inline-block !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .form-row.place-order {
margin: 18px 0 0 !important;
padding: 0 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-terms-and-conditions-wrapper {
margin: 0 0 16px !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-privacy-policy-text p {
margin: 0 !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 11px !important;
line-height: 1.6 !important;
color: #9AA3A0 !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-privacy-policy-text a {
color: var(--mpwpb_color_theme) !important;
text-decoration: underline !important;
} .mpwpb-static-template .sidebar .mpwpb_popup li.wc_payment_method:has(input:checked) {
border-color: var(--mpwpb_color_theme) !important;
background: rgba(0, 104, 95, 0.05) !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .payment_box p {
margin: 0 !important;
font-family: 'Work Sans', sans-serif !important;
font-size: 12px !important;
line-height: 1.6 !important;
} .mpwpb-static-template .sidebar .mpwpb_popup h2:has(+ .mpwpb-wc-account-actions) {
display: none !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-wc-account-actions {
display: none !important;
}
.mpwpb-static-template .sidebar .mpwpb_popup tr:has(.order-actions--heading) {
display: none !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-customer-details {
display: none !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .woocommerce-order-details {
display: none !important;
} .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_style:has(> ._themeButton_mB) {
display: flex !important;
justify-content: center !important;
} .mpwpb-static-template .sidebar .mpwpb_popup ._themeButton_mB {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 13px 22px !important;
border-radius: 999px !important;
border: none !important;
background: var(--mpwpb_color_theme) !important;
color: #FFFFFF !important;
font-family: 'Work Sans', sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
box-shadow: 0 4px 14px rgba(14,85,75,0.25) !important;
cursor: pointer;
}.woocommerce-MyAccount-content .woocommerce-orders-table {
border: 1px solid #e5e7eb;
border-radius: 12px;
overflow: hidden;
border-collapse: separate;
border-spacing: 0;
box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
}
.woocommerce-MyAccount-content .woocommerce-orders-table thead th {
background: #f8fafc;
border-bottom: 1px solid #e5e7eb;
padding: 14px 18px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: #64748b;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody th {
padding: 16px 18px;
border-bottom: 1px solid #f1f5f9;
font-size: 14px;
color: #1e293b;
vertical-align: middle;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:last-child td,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:last-child th {
border-bottom: 0;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:hover {
background: #fafbfc;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number a {
font-weight: 700;
color: #1d3fb8;
text-decoration: none;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number a:hover {
text-decoration: underline;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-date {
color: #64748b;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total {
font-weight: 600;
} .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status::before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background: currentColor;
margin-right: 7px;
vertical-align: middle;
}
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status { color: #2563eb; }
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status { color: #15803d; }
.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status { color: #b45309; }
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status { color: #dc2626; } .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions {
white-space: nowrap;
} @media (min-width: 769px) {
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 6px;
}
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 6px 10px;
margin: 2px 0;
border-radius: 7px;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
flex: 0 0 auto;
text-decoration: none;
border: 1px solid transparent;
transition: opacity .15s ease, background-color .15s ease;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 12px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.view {
background: #1d3fb8;
color: #fff;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.view::before {
content: "\f06e";
margin-right: 5px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.view:hover { opacity: .88; }
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_reorder {
background: #fff;
color: #1d3fb8;
border-color: #c7d2fe;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_reorder::before {
content: "\f2f9";
margin-right: 5px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_reorder:hover { background: #eef2ff; }
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_reschedule {
background: #fff;
color: #475569;
border-color: #e2e8f0;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_reschedule::before {
content: "\f073";
margin-right: 5px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_reschedule:hover { background: #f8fafc; }
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_cancel {
background: #fff;
color: #dc2626;
border-color: #fecaca;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_cancel::before {
content: "\f05e";
margin-right: 5px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_cancel:hover { background: #fef2f2; }
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_cancel_pending {
pointer-events: none;
background: #fff7ed;
border-color: #fed7aa;
color: #9a3412;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_cancel_pending::before {
content: "\f017";
margin-right: 5px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_manage_recurring {
background: #fff;
border-color: #bae6fd;
color: #0369a1;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_manage_recurring::before {
content: "\f021";
margin-right: 5px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.mpwpb_manage_recurring:hover { background: #f0f9ff; } @media (max-width: 768px) {
.woocommerce-MyAccount-content .woocommerce-orders-table {
border: none;
box-shadow: none;
background: transparent;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr {
display: block;
margin-bottom: 14px;
border: 1px solid #e5e7eb;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody th {
border-bottom: 1px solid #f1f5f9 !important;
padding: 12px 16px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td:last-child {
border-bottom: 0 !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button {
margin: 4px 4px 0 0;
}
} .woocommerce-MyAccount-content .woocommerce-orders-table tbody td,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody th {
padding: 12px 14px;
font-size: 13px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions {
gap: 5px !important;
justify-content: flex-end;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button {
display: inline-flex !important;
box-sizing: border-box !important;
flex: 0 0 auto;
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 32px !important;
align-items: center;
justify-content: center;
gap: 5px !important;
margin: 0 !important;
padding: 6px 9px !important;
border-width: 1px !important;
border-style: solid !important;
border-radius: 7px !important;
box-shadow: none !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
white-space: nowrap;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button::before {
margin-right: 0 !important;
font-size: 10px !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button.view {
border-color: var(--mpwpb_color_theme, #1d3fb8) !important;
background: var(--mpwpb_color_theme, #1d3fb8) !important;
box-shadow: 0 4px 10px rgba(15, 118, 110, .16) !important;
color: #fff !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button.view:hover {
color: #fff !important;
opacity: .9;
transform: translateY(-1px);
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button.mpwpb_reorder {
border-color: #d7dee8 !important;
background: #fff !important;
color: #334155 !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button.mpwpb_reorder:hover {
border-color: #aab7c8 !important;
background: #f8fafc !important;
color: #0f172a !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button.mpwpb_manage_recurring {
border-color: #bae6fd !important;
background: #f0f9ff !important;
color: #0369a1 !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button.mpwpb_manage_recurring:hover {
border-color: #7dd3fc !important;
background: #e0f2fe !important;
color: #075985 !important;
transform: none;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button.mpwpb_cancel {
border-color: #fecaca !important;
background: #fff7f7 !important;
color: #dc2626 !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button.mpwpb_cancel:hover {
border-color: #fca5a5 !important;
background: #fef2f2 !important;
color: #b91c1c !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button.mpwpb_reschedule {
border-color: #fed7aa !important;
background: #fffaf3 !important;
color: #c2410c !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button.mpwpb_reschedule:hover {
border-color: #fdba74 !important;
background: #fff7ed !important;
color: #9a3412 !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button.mpwpb_cancel_pending {
border-color: #e2e8f0 !important;
background: #f8fafc !important;
color: #94a3b8 !important;
cursor: default !important;
}
@media (min-width: 769px) and (max-width: 1180px) {
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions {
flex-wrap: wrap !important;
row-gap: 5px !important;
}
}
@media (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation ul {
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
scroll-snap-type: x proximity;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
scroll-snap-align: start;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr {
background: #fff;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number {
display: block !important;
background: #f8fafc;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status::before {
width: auto;
height: auto;
margin-right: 0;
border-radius: 0;
background: none;
vertical-align: baseline;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody th {
box-sizing: border-box;
width: 100%;
padding: 11px 14px;
font-size: 12px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px !important;
padding-top: 13px !important;
padding-bottom: 13px !important;
white-space: normal;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.woocommerce-button {
width: 100% !important;
min-height: 36px !important;
padding: 7px 8px !important;
white-space: normal;
text-align: center;
}
}
@media (max-width: 360px) {
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions {
grid-template-columns: 1fr;
}
} .mpwpb-cp-my-account .mpwpb-cp-account-surface {
--mpwpb-cp-primary: var(--mpwpb_color_theme, #0f766e);
--mpwpb-cp-ink: #172033;
--mpwpb-cp-muted: #64748b;
--mpwpb-cp-line: #e2e8f0;
color: var(--mpwpb-cp-ink);
}
.mpwpb-cp-my-account .mpwpb-cp-dashboard {
display: grid;
gap: 22px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface * {
box-sizing: border-box;
}
.mpwpb-cp-my-account .mpwpb-cp-welcome {
position: relative;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 18px;
min-height: 132px;
padding: 24px 26px;
overflow: hidden;
border: 1px solid #dbe8e7;
border-radius: 18px;
background: linear-gradient(135deg, #f0fdfa 0%, #f8fafc 56%, #eff6ff 100%);
box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
}
.mpwpb-cp-my-account .mpwpb-cp-welcome::after {
content: "";
position: absolute;
top: -70px;
right: 8%;
width: 170px;
height: 170px;
border: 34px solid rgba(255, 255, 255, .58);
border-radius: 50%;
pointer-events: none;
}
.mpwpb-cp-my-account .mpwpb-cp-welcome-icon {
position: relative;
z-index: 1;
display: inline-flex;
width: 58px;
height: 58px;
align-items: center;
justify-content: center;
border-radius: 16px;
background: var(--mpwpb-cp-primary);
box-shadow: 0 10px 22px rgba(15, 118, 110, .2);
color: #fff;
font-size: 22px;
}
.mpwpb-cp-my-account .mpwpb-cp-welcome-copy {
position: relative;
z-index: 1;
}
.mpwpb-cp-my-account .mpwpb-cp-eyebrow {
display: block;
margin: 0 0 5px;
color: var(--mpwpb-cp-primary);
font-size: 11px;
font-weight: 800;
line-height: 1.3;
letter-spacing: .09em;
text-transform: uppercase;
}
.mpwpb-cp-my-account .mpwpb-cp-welcome h2,
.mpwpb-cp-my-account .mpwpb-cp-section-header h3 {
margin: 0;
padding: 0;
border: 0;
color: var(--mpwpb-cp-ink);
font-family: inherit;
font-weight: 750;
letter-spacing: -.025em;
}
.mpwpb-cp-my-account .mpwpb-cp-welcome h2 {
font-size: clamp(22px, 2.5vw, 30px);
line-height: 1.2;
}
.mpwpb-cp-my-account .mpwpb-cp-welcome p {
max-width: 730px;
margin: 8px 0 0;
color: var(--mpwpb-cp-muted);
font-size: 14px;
line-height: 1.65;
}
.mpwpb-cp-my-account .mpwpb-cp-logout,
.mpwpb-cp-my-account .mpwpb-cp-view-all {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 38px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
white-space: nowrap;
transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.mpwpb-cp-my-account .mpwpb-cp-logout {
padding: 10px 15px;
border: 1px solid #cbd5e1;
background: rgba(255, 255, 255, .8);
color: #475569;
}
.mpwpb-cp-my-account .mpwpb-cp-logout:hover {
border-color: var(--mpwpb-cp-primary);
background: #fff;
color: var(--mpwpb-cp-primary);
transform: translateY(-1px);
}
.mpwpb-cp-my-account .mpwpb-cp-recent-orders,
.mpwpb-cp-my-account .mpwpb-cp-orders-panel {
overflow: hidden;
border: 1px solid var(--mpwpb-cp-line);
border-radius: 18px;
background: #fff;
box-shadow: 0 8px 28px rgba(15, 23, 42, .055);
}
.mpwpb-cp-my-account .mpwpb-cp-section-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 21px 24px 18px;
border-bottom: 1px solid #eef2f7;
}
.mpwpb-cp-my-account .mpwpb-cp-section-header h3 {
font-size: 20px;
line-height: 1.3;
}
.mpwpb-cp-my-account .mpwpb-cp-orders-header p {
max-width: 690px;
margin: 6px 0 0;
color: var(--mpwpb-cp-muted);
font-size: 13px;
line-height: 1.55;
}
.mpwpb-cp-my-account .mpwpb-cp-orders-count {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 7px;
min-height: 34px;
padding: 8px 12px;
border: 1px solid #d7e5e3;
border-radius: 999px;
background: #f0fdfa;
color: var(--mpwpb-cp-primary);
font-size: 11px;
font-weight: 750;
line-height: 1;
white-space: nowrap;
}
.mpwpb-cp-my-account .mpwpb-cp-orders-count i {
font-size: 10px;
} .mpwpb-cp-my-account .mpwpb-cp-order-detail {
display: grid;
gap: 16px;
}
.mpwpb-cp-my-account .mpwpb-cp-order-back {
display: inline-flex;
width: max-content;
align-items: center;
gap: 8px;
min-height: 36px;
padding: 8px 12px;
border: 1px solid #dbe3ed;
border-radius: 9px;
background: #fff;
color: #475569;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.mpwpb-cp-my-account .mpwpb-cp-order-back:hover {
border-color: var(--mpwpb-cp-primary);
background: #f0fdfa;
color: var(--mpwpb-cp-primary);
transform: translateX(-2px);
}
.mpwpb-cp-my-account .mpwpb-cp-order-hero {
position: relative;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 16px;
min-height: 124px;
padding: 23px 25px;
overflow: hidden;
border: 1px solid #dbe8e7;
border-radius: 18px;
background: linear-gradient(135deg, #f0fdfa 0%, #f8fafc 60%, #eff6ff 100%);
box-shadow: 0 8px 28px rgba(15, 23, 42, .055);
}
.mpwpb-cp-my-account .mpwpb-cp-order-hero::after {
content: "";
position: absolute;
top: -72px;
right: 9%;
width: 155px;
height: 155px;
border: 30px solid rgba(255, 255, 255, .55);
border-radius: 50%;
pointer-events: none;
}
.mpwpb-cp-my-account .mpwpb-cp-order-hero-icon {
position: relative;
z-index: 1;
display: inline-flex;
width: 54px;
height: 54px;
align-items: center;
justify-content: center;
border-radius: 15px;
background: var(--mpwpb-cp-primary);
box-shadow: 0 10px 22px rgba(15, 118, 110, .19);
color: #fff;
font-size: 20px;
}
.mpwpb-cp-my-account .mpwpb-cp-order-hero-copy,
.mpwpb-cp-my-account .mpwpb-cp-order-hero > .mpwpb-status {
position: relative;
z-index: 1;
}
.mpwpb-cp-my-account .mpwpb-cp-order-hero h3 {
margin: 0;
padding: 0;
border: 0;
color: var(--mpwpb-cp-ink);
font-family: inherit;
font-size: clamp(22px, 2.4vw, 28px);
font-weight: 750;
line-height: 1.2;
letter-spacing: -.025em;
}
.mpwpb-cp-my-account .mpwpb-cp-order-hero p {
margin: 7px 0 0;
color: var(--mpwpb-cp-muted);
font-size: 13px;
line-height: 1.55;
}
.mpwpb-cp-my-account .mpwpb-cp-order-facts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin: 0;
padding: 0;
}
.mpwpb-cp-my-account .mpwpb-cp-order-fact {
display: flex;
min-width: 0;
align-items: center;
gap: 11px;
min-height: 84px;
padding: 15px;
border: 1px solid var(--mpwpb-cp-line);
border-radius: 14px;
background: #fff;
box-shadow: 0 4px 16px rgba(15, 23, 42, .04);
}
.mpwpb-cp-my-account .mpwpb-cp-order-fact-icon {
display: inline-flex;
flex: 0 0 38px;
width: 38px;
height: 38px;
align-items: center;
justify-content: center;
border-radius: 11px;
background: #f0fdfa;
color: var(--mpwpb-cp-primary);
font-size: 14px;
}
.mpwpb-cp-my-account .mpwpb-cp-order-fact > div {
min-width: 0;
}
.mpwpb-cp-my-account .mpwpb-cp-order-fact dt {
margin: 0 0 4px;
color: #94a3b8;
font-size: 9px;
font-weight: 800;
line-height: 1.3;
letter-spacing: .065em;
text-transform: uppercase;
}
.mpwpb-cp-my-account .mpwpb-cp-order-fact dd {
margin: 0;
overflow: hidden;
color: #1e293b;
font-size: 13px;
font-weight: 750;
line-height: 1.35;
text-overflow: ellipsis;
white-space: nowrap;
}
.mpwpb-cp-my-account .mpwpb-cp-order-fact--total {
border-color: #cce8e4;
background: #f8fffd;
}
.mpwpb-cp-my-account .mpwpb-cp-order-fact--total dd {
color: var(--mpwpb-cp-primary);
font-size: 16px;
}
.mpwpb-cp-my-account .mpwpb-cp-order-detail > .mpwpb-checkout-slot,
.mpwpb-cp-my-account .mpwpb-cp-order-detail > .mpwpb-checkout-summary,
.mpwpb-cp-my-account .mpwpb-cp-order-detail > .mpwpb-checkout-card {
margin: 0;
border-color: var(--mpwpb-cp-line);
border-radius: 16px;
box-shadow: 0 5px 18px rgba(15, 23, 42, .045);
}
.mpwpb-cp-my-account .mpwpb-cp-manage-booking {
overflow: hidden;
border: 1px solid var(--mpwpb-cp-line);
border-radius: 16px;
background: #fff;
box-shadow: 0 5px 18px rgba(15, 23, 42, .045);
}
.mpwpb-cp-my-account .mpwpb-cp-manage-booking > header {
display: flex;
align-items: center;
gap: 11px;
padding: 16px 18px;
border-bottom: 1px solid #eef2f7;
background: #fbfdfd;
}
.mpwpb-cp-my-account .mpwpb-cp-manage-booking > header > span {
display: inline-flex;
flex: 0 0 38px;
width: 38px;
height: 38px;
align-items: center;
justify-content: center;
border-radius: 11px;
background: #f0fdfa;
color: var(--mpwpb-cp-primary);
font-size: 14px;
}
.mpwpb-cp-my-account .mpwpb-cp-manage-booking h3 {
margin: 0;
padding: 0;
border: 0;
color: var(--mpwpb-cp-ink);
font-family: inherit;
font-size: 15px;
font-weight: 750;
line-height: 1.3;
}
.mpwpb-cp-my-account .mpwpb-cp-manage-booking header p {
margin: 3px 0 0;
color: var(--mpwpb-cp-muted);
font-size: 11px;
line-height: 1.45;
}
.mpwpb-cp-my-account .mpwpb-cp-manage-booking .mpwpb-wc-account-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 7px;
margin: 0;
padding: 17px 18px;
}
.mpwpb-cp-my-account .mpwpb-cp-manage-booking .mpwpb-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
margin: 0;
padding: 8px 12px;
border: 1px solid #dbe3ed;
border-radius: 8px;
background: #fff;
box-shadow: none;
color: #475569;
font-size: 11px;
font-weight: 750;
line-height: 1.1;
text-decoration: none;
}
.mpwpb-cp-my-account .mpwpb-cp-manage-booking .mpwpb-reorder-btn {
border-color: var(--mpwpb-cp-primary);
background: var(--mpwpb-cp-primary);
color: #fff;
}
.mpwpb-cp-my-account .mpwpb-cp-manage-booking .mpwpb-cancel-btn {
border-color: #fecaca;
background: #fff7f7;
color: #dc2626;
}
.mpwpb-cp-my-account .mpwpb-cp-manage-booking .mpwpb-reschedule-btn {
border-color: #fed7aa;
background: #fffaf3;
color: #c2410c;
} .mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-v2 {
display: grid;
gap: 20px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-header {
position: relative;
margin: 0;
padding: 22px 24px 22px 82px;
overflow: hidden;
border: 1px solid #dbe8e7;
border-radius: 18px;
background: linear-gradient(135deg, #f0fdfa 0%, #f8fafc 62%, #eff6ff 100%);
box-shadow: 0 8px 28px rgba(15, 23, 42, .055);
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-header::before {
content: "\f007";
position: absolute;
top: 20px;
left: 24px;
display: inline-flex;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
border-radius: 13px;
background: var(--mpwpb-cp-primary);
box-shadow: 0 9px 20px rgba(15, 118, 110, .19);
color: #fff;
font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
font-size: 17px;
font-weight: 900;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-header::after {
content: "";
position: absolute;
top: -76px;
right: 9%;
width: 155px;
height: 155px;
border: 30px solid rgba(255, 255, 255, .55);
border-radius: 50%;
pointer-events: none;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-header h3,
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-subtitle {
position: relative;
z-index: 1;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-header h3 {
margin: 0;
padding: 0;
border: 0;
color: var(--mpwpb-cp-ink);
font-family: inherit;
font-size: clamp(22px, 2.4vw, 28px);
font-weight: 750;
line-height: 1.25;
letter-spacing: -.025em;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-subtitle {
max-width: 680px;
margin: 6px 0 0;
color: var(--mpwpb-cp-muted);
font-size: 13px;
line-height: 1.55;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(245px, 300px);
gap: 20px;
align-items: start;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-main,
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-sidebar {
min-width: 0;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-form {
display: grid;
max-width: none;
gap: 16px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-card {
margin: 0;
overflow: hidden;
border: 1px solid var(--mpwpb-cp-line);
border-radius: 16px;
background: #fff;
box-shadow: 0 5px 18px rgba(15, 23, 42, .045);
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-card-security {
border-color: #f1e5cf;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-card-head {
display: flex;
align-items: center;
gap: 10px;
min-height: 54px;
padding: 12px 16px;
border-bottom: 1px solid #eef2f7;
background: #fbfdfd;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-card-head .fas {
display: inline-flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
border-radius: 9px;
background: #f0fdfa;
color: var(--mpwpb-cp-primary);
font-size: 12px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-card-security .mpwpb-profile-card-head {
background: #fffdf8;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-card-security .mpwpb-profile-card-head .fas {
background: #fff7e6;
color: #b45309;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-card-head h4 {
margin: 0;
color: var(--mpwpb-cp-ink);
font-family: inherit;
font-size: 13px;
font-weight: 750;
line-height: 1.35;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-card-body {
padding: 19px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-row {
column-gap: 16px;
row-gap: 7px;
margin-bottom: 18px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-card-body .mpwpb-form-row:last-child {
margin-bottom: 0;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group,
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group-full {
padding: 0;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group-full {
margin-bottom: 16px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group label {
margin: 0 0 7px;
color: #334155;
font-size: 11px;
font-weight: 750;
line-height: 1.4;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group input,
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group select,
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group textarea,
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-card-body .mpwpb-form-group input {
box-sizing: border-box;
width: 100% !important;
margin: 0;
border: 1px solid #cbd5e1;
border-radius: 10px;
background: #fff;
box-shadow: 0 1px 2px rgba(15, 23, 42, .025);
color: #1e293b;
font-family: inherit;
font-size: 13px;
transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group input,
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group select {
min-height: 44px;
padding: 9px 12px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group textarea {
min-height: 108px;
padding: 11px 12px;
line-height: 1.5;
resize: vertical;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group input:hover,
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group textarea:hover {
border-color: #94a3b8;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group input:focus,
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-form-group textarea:focus {
outline: none;
border-color: var(--mpwpb-cp-primary);
box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-field-hint {
margin: 6px 0 0;
color: #94a3b8;
font-size: 10px;
line-height: 1.5;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-submit-row {
display: flex;
align-items: center;
gap: 12px;
padding-top: 2px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-submit-row .mpwpb-submit-btn {
display: inline-flex;
min-height: 44px;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
padding: 11px 18px;
border: 1px solid var(--mpwpb-cp-primary);
border-radius: 10px;
background: var(--mpwpb-cp-primary);
box-shadow: 0 8px 18px rgba(15, 118, 110, .17);
color: #fff;
font-size: 12px;
font-weight: 750;
line-height: 1;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-submit-row .mpwpb-submit-btn::before {
content: "\f0c7";
font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
font-size: 11px;
font-weight: 900;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-submit-row .mpwpb-submit-btn:hover {
box-shadow: 0 10px 22px rgba(15, 118, 110, .23);
color: #fff;
opacity: .92;
transform: translateY(-1px);
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-sidebar {
display: grid;
position: sticky;
top: 48px;
gap: 16px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-sidebar .mpwpb-profile-card {
padding: 0;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-summary-card {
position: relative;
padding: 25px 18px !important;
overflow: hidden;
border-color: #d7e9e7;
background: linear-gradient(145deg, #f0fdfa 0%, #fff 74%);
text-align: center;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-summary-card::before {
content: "";
position: absolute;
top: -62px;
right: -45px;
width: 130px;
height: 130px;
border: 25px solid rgba(255, 255, 255, .7);
border-radius: 50%;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-avatar {
position: relative;
z-index: 1;
display: flex;
width: 66px;
height: 66px;
align-items: center;
justify-content: center;
margin: 0 auto 12px;
border: 4px solid rgba(255, 255, 255, .9);
border-radius: 20px;
background: var(--mpwpb-cp-primary);
box-shadow: 0 9px 20px rgba(15, 118, 110, .2);
color: #fff;
font-size: 21px;
font-weight: 800;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-name {
color: var(--mpwpb-cp-ink);
font-size: 15px;
font-weight: 750;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-role {
margin: 3px 0 11px;
color: var(--mpwpb-cp-muted);
font-size: 11px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 10px;
border-radius: 999px;
background: #dcfce7;
color: #15803d;
font-size: 9px;
font-weight: 800;
line-height: 1;
letter-spacing: .055em;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-badge::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: currentColor;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-summary-list {
display: grid;
gap: 0;
padding: 7px 16px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-summary-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 0;
border-bottom: 1px solid #eef2f7;
color: var(--mpwpb-cp-muted);
font-size: 11px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-summary-row:last-child {
border-bottom: 0;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-summary-row strong {
color: var(--mpwpb-cp-ink);
font-size: 11px;
font-weight: 750;
text-align: right;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-sidebar-link {
display: flex;
width: calc(100% - 32px);
min-height: 38px;
align-items: center;
justify-content: center;
margin: 0 16px 16px;
padding: 9px 12px;
border: 1px solid var(--mpwpb-cp-primary);
border-radius: 9px;
background: #fff;
color: var(--mpwpb-cp-primary);
font-size: 11px;
font-weight: 750;
line-height: 1;
text-decoration: none;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-sidebar-link:hover {
background: #f0fdfa;
color: var(--mpwpb-cp-primary);
}
@media (max-width: 960px) {
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-layout {
grid-template-columns: 1fr;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-sidebar {
position: static;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.mpwpb-cp-my-account .mpwpb-cp-view-all {
min-height: auto;
padding: 8px 11px;
color: var(--mpwpb-cp-primary);
}
.mpwpb-cp-my-account .mpwpb-cp-view-all:hover {
background: #f0fdfa;
color: var(--mpwpb-cp-primary);
}
.mpwpb-cp-my-account .mpwpb-cp-view-all i {
font-size: 10px;
transition: transform .18s ease;
}
.mpwpb-cp-my-account .mpwpb-cp-view-all:hover i {
transform: translateX(2px);
}
.mpwpb-cp-my-account .mpwpb-cp-orders-table-wrap {
width: 100%;
overflow-x: auto;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table {
width: 100%;
margin: 0;
border: 0;
border-collapse: collapse;
background: #fff;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table th,
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table td {
padding: 15px 18px;
border: 0;
border-bottom: 1px solid #eef2f7;
vertical-align: middle;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table th {
background: #f8fafc;
color: #64748b;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
letter-spacing: .065em;
text-transform: uppercase;
white-space: nowrap;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table td {
color: #334155;
font-size: 13px;
line-height: 1.45;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table tbody tr {
transition: background-color .18s ease;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table tbody tr:hover {
background: #fbfdfd;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table tbody tr:last-child td {
border-bottom: 0;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-number {
color: var(--mpwpb-cp-primary);
font-weight: 800;
text-decoration: none;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-number:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-status {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 25px;
padding: 5px 9px;
border-radius: 999px;
font-size: 9px;
font-weight: 800;
line-height: 1;
letter-spacing: .04em;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-status::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: currentColor;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-actions-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-actions .mpwpb-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 30px;
margin: 0;
padding: 7px 10px;
border: 1px solid #dbe3ed;
border-radius: 8px;
background: #fff;
box-shadow: none;
color: #475569;
font-size: 10px;
font-weight: 750;
line-height: 1.1;
text-decoration: none;
white-space: nowrap;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-actions .mpwpb-btn:hover {
border-color: #cbd5e1;
background: #f8fafc;
color: #0f172a;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-actions .mpwpb-view-btn {
border-color: var(--mpwpb-cp-primary);
background: var(--mpwpb-cp-primary);
color: #fff;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-actions .mpwpb-view-btn:hover {
border-color: var(--mpwpb-cp-primary);
background: var(--mpwpb-cp-primary);
color: #fff;
opacity: .88;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-actions .mpwpb-cancel-btn {
border-color: #fecaca;
background: #fff7f7;
color: #dc2626;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-actions .mpwpb-reschedule-btn {
border-color: #fed7aa;
background: #fffaf3;
color: #c2410c;
}
.mpwpb-cp-my-account .mpwpb-cp-empty-orders {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
min-height: 150px;
padding: 26px;
text-align: left;
}
.mpwpb-cp-my-account .mpwpb-cp-empty-orders > span {
display: inline-flex;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
border-radius: 13px;
background: #f0fdfa;
color: var(--mpwpb-cp-primary);
font-size: 17px;
}
.mpwpb-cp-my-account .mpwpb-cp-empty-orders strong {
display: block;
margin-bottom: 3px;
color: var(--mpwpb-cp-ink);
font-size: 14px;
}
.mpwpb-cp-my-account .mpwpb-cp-empty-orders p {
margin: 0;
color: var(--mpwpb-cp-muted);
font-size: 13px;
}
.mpwpb-cp-my-account .mpwpb-cp-privacy-note {
margin-top: 0;
} .mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal {
z-index: 100000;
padding: 24px;
background: rgba(15, 23, 42, .7);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal .mpwpb-modal-content {
position: relative;
width: min(520px, 100%);
max-width: 520px;
margin: max(5vh, 36px) auto;
padding: 0;
overflow: hidden;
border: 1px solid rgba(226, 232, 240, .95);
border-radius: 20px;
background: #fff;
box-shadow: 0 32px 80px rgba(15, 23, 42, .32), 0 8px 24px rgba(15, 23, 42, .14);
animation: mpwpb-cp-modal-enter .2s ease-out both;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal .mpwpb-modal-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 4px;
background: var(--mpwpb-cp-primary);
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal h3 {
display: flex;
align-items: center;
gap: 13px;
margin: 0;
padding: 25px 70px 22px 26px;
border: 0;
border-bottom: 1px solid #e8eef5;
background: linear-gradient(135deg, #f0fdfa 0%, #f8fafc 72%);
color: var(--mpwpb-cp-ink);
font-family: inherit;
font-size: 22px;
font-weight: 750;
line-height: 1.25;
letter-spacing: -.02em;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal h3::before {
content: "\f073";
display: inline-flex;
flex: 0 0 42px;
width: 42px;
height: 42px;
align-items: center;
justify-content: center;
border-radius: 12px;
background: var(--mpwpb-cp-primary);
box-shadow: 0 8px 18px rgba(15, 118, 110, .18);
color: #fff;
font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
font-size: 16px;
font-weight: 900;
line-height: 1;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal .mpwpb-close {
position: absolute;
top: 20px;
right: 20px;
z-index: 3;
display: inline-flex;
width: 34px;
height: 34px;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid #dbe3ed;
border-radius: 50%;
background: rgba(255, 255, 255, .88);
color: #64748b;
font: 400 23px/1 Arial, sans-serif;
text-align: center;
cursor: pointer;
transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal .mpwpb-close:hover {
border-color: #cbd5e1;
background: #fff;
color: #0f172a;
transform: rotate(8deg);
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form {
display: grid;
gap: 17px;
padding: 25px 27px 28px;
background: #fff;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form .mpwpb-form-group {
margin: 0;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form label {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 8px;
color: #334155;
font-size: 12px;
font-weight: 750;
line-height: 1.4;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form label::before {
display: inline-flex;
width: 24px;
height: 24px;
align-items: center;
justify-content: center;
border-radius: 7px;
background: #f0fdfa;
color: var(--mpwpb-cp-primary);
font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
font-size: 10px;
font-weight: 900;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form label[for="new_date"]::before {
content: "\f133";
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form label[for="new_time"]::before {
content: "\f017";
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form select {
box-sizing: border-box;
width: 100%;
min-height: 48px;
margin: 0;
padding: 10px 42px 10px 13px;
border: 1px solid #cbd5e1;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
color: #1e293b;
font-family: inherit;
font-size: 13px;
line-height: 1.4;
cursor: pointer;
transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form select:hover {
border-color: #94a3b8;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form select:focus {
outline: none;
border-color: var(--mpwpb-cp-primary);
box-shadow: 0 0 0 3px rgba(15, 118, 110, .13);
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form select:disabled {
border-color: #e2e8f0;
background-color: #f8fafc;
color: #94a3b8;
cursor: wait;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form .mpwpb-form-group:last-child {
margin-top: 3px;
padding-top: 3px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form .mpwpb-submit-btn {
display: inline-flex;
width: 100%;
min-height: 48px;
align-items: center;
justify-content: center;
gap: 9px;
margin: 0;
padding: 12px 18px;
border: 1px solid var(--mpwpb-cp-primary);
border-radius: 10px;
background: var(--mpwpb-cp-primary);
box-shadow: 0 8px 18px rgba(15, 118, 110, .18);
color: #fff;
font-family: inherit;
font-size: 13px;
font-weight: 750;
line-height: 1.2;
cursor: pointer;
transition: box-shadow .18s ease, opacity .18s ease, transform .18s ease;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form .mpwpb-submit-btn::before {
content: "\f2f1";
font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
font-size: 12px;
font-weight: 900;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form .mpwpb-submit-btn:hover {
box-shadow: 0 11px 22px rgba(15, 118, 110, .24);
color: #fff;
opacity: .92;
transform: translateY(-1px);
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form .mpwpb-submit-btn:disabled {
box-shadow: none;
cursor: wait;
opacity: .6;
transform: none;
}
@keyframes mpwpb-cp-modal-enter {
from {
opacity: 0;
transform: translateY(10px) scale(.985);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.mpwpb-cp-my-account .mpwpb-cp-logout:focus-visible,
.mpwpb-cp-my-account .mpwpb-cp-view-all:focus-visible,
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-number:focus-visible,
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-actions .mpwpb-btn:focus-visible {
outline: 3px solid rgba(37, 99, 235, .25);
outline-offset: 2px;
}
@media (max-width: 900px) {
.mpwpb-cp-my-account .mpwpb-cp-welcome {
grid-template-columns: auto minmax(0, 1fr);
}
.mpwpb-cp-my-account .mpwpb-cp-logout {
grid-column: 2;
justify-self: start;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table th,
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table td {
padding-right: 13px;
padding-left: 13px;
}
.mpwpb-cp-my-account .mpwpb-cp-order-facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.mpwpb-cp-my-account .mpwpb-cp-dashboard {
gap: 16px;
}
.mpwpb-cp-my-account .mpwpb-cp-welcome {
grid-template-columns: 1fr;
gap: 12px;
padding: 20px;
}
.mpwpb-cp-my-account .mpwpb-cp-welcome-icon {
width: 48px;
height: 48px;
border-radius: 14px;
font-size: 18px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-header {
padding: 20px 18px 20px 72px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-header::before {
top: 18px;
left: 18px;
width: 40px;
height: 40px;
border-radius: 11px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-sidebar {
grid-template-columns: 1fr;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-card-body {
padding: 16px;
}
.mpwpb-cp-my-account .mpwpb-cp-order-hero {
grid-template-columns: auto minmax(0, 1fr);
padding: 20px;
}
.mpwpb-cp-my-account .mpwpb-cp-order-hero > .mpwpb-status {
grid-column: 2;
justify-self: start;
}
.mpwpb-cp-my-account .mpwpb-cp-logout {
grid-column: 1;
}
.mpwpb-cp-my-account .mpwpb-cp-section-header {
padding: 18px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table thead {
display: none;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table,
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table tbody,
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table tr,
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table td {
display: block;
width: 100%;
}
.mpwpb-cp-my-account .mpwpb-cp-orders-table-wrap {
padding: 12px;
background: #f8fafc;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table {
background: transparent;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table tbody tr {
margin-bottom: 12px;
overflow: hidden;
border: 1px solid var(--mpwpb-cp-line);
border-radius: 13px;
background: #fff;
box-shadow: 0 3px 12px rgba(15, 23, 42, .04);
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table tbody tr:last-child {
margin-bottom: 0;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table td {
display: grid;
grid-template-columns: minmax(92px, 38%) minmax(0, 1fr);
align-items: center;
gap: 12px;
padding: 11px 13px;
text-align: right;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table td::before {
content: attr(data-label);
color: #64748b;
font-size: 9px;
font-weight: 800;
letter-spacing: .06em;
text-align: left;
text-transform: uppercase;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal {
padding: 15px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal .mpwpb-modal-content {
margin: 24px auto;
border-radius: 16px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal h3 {
padding: 20px 58px 18px 18px;
font-size: 19px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal h3::before {
flex-basis: 38px;
width: 38px;
height: 38px;
border-radius: 10px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal .mpwpb-close {
top: 17px;
right: 15px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-form {
gap: 15px;
padding: 20px 18px 22px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-actions-list {
justify-content: flex-end;
}
}
@media (max-width: 480px) {
.mpwpb-cp-my-account .mpwpb-cp-section-header {
align-items: flex-start;
flex-direction: column;
gap: 6px;
}
.mpwpb-cp-my-account .mpwpb-cp-view-all {
padding-left: 0;
}
.mpwpb-cp-my-account .mpwpb-cp-order-hero {
grid-template-columns: 1fr;
}
.mpwpb-cp-my-account .mpwpb-cp-order-hero > .mpwpb-status {
grid-column: 1;
}
.mpwpb-cp-my-account .mpwpb-cp-order-facts {
grid-template-columns: 1fr;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-header {
padding: 76px 18px 19px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-header::before {
top: 18px;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-submit-row {
align-items: stretch;
flex-direction: column;
}
.mpwpb-cp-my-account .mpwpb-cp-account-details .mpwpb-profile-submit-row .mpwpb-submit-btn {
width: 100%;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-orders-table td {
grid-template-columns: 1fr;
gap: 5px;
text-align: left;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface .mpwpb-cp-order-actions-list {
justify-content: flex-start;
}
}
@media (prefers-reduced-motion: reduce) {
.mpwpb-cp-my-account .mpwpb-cp-account-surface * {
scroll-behavior: auto !important;
transition-duration: .01ms !important;
}
.mpwpb-cp-my-account .mpwpb-cp-account-surface #mpwpb-reschedule-modal .mpwpb-modal-content {
animation: none;
}
}