/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
a {
	color: var( --e-global-color-accent , #0C7EFD );
}
.woocommerce-page #content,
.woocommerce-page #primary {
	padding-top: 108px;
	width: 100%;
	max-width: unset;
}
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*="elementor-page-"]) .site-main {
	max-width: 1200px;
}
.site-main .page-header {
	min-height: 50vh;
	display: flex;
	align-items: center;
	background-color: var( --e-global-color-d4269f4 , #15141A );
	background-image: url("https://debcolo.enforg.host/wp-content/uploads/2025/07/Vector-8009.svg");
	--background-overlay: '';
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
}
.site-main .page-header .entry-title {
	margin: 0 auto;
	color: #fff;
	font-family: "Poppins", Sans-serif;
	font-size: 70px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 80px;
	text-align: center;
}
.woocommerce-page #content .page-content .woocommerce, .woocommerce-page #primary .page-content .woocommerce, .woocommerce-page #content .page-content .wp-block-woocommerce-checkout {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.woocommerce-page #content .page-content,
.woocommerce-page #primary .page-content {
	padding: 80px 0;
}
.woocommerce-MyAccount-navigation {
}
.woocommerce-MyAccount-navigation ul {
	list-style-type: none;
	/* padding: 0; */
	/* box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1); */
	/* border-radius: 20px; */
	overflow: hidden;
}
.woocommerce-MyAccount-navigation ul a {
	display: block;
	padding: 15px 20px;
	text-decoration: none !important;
	/* color: var( --e-global-color-d4269f4 , #15141A ); */
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.woocommerce-MyAccount-navigation ul li.is-active a {
/* 	background-color: var( --e-global-color-d4269f4 , #15141A ); */
	color: #fff;
}
.woocommerce-message {
	border-top-color: var( --e-global-color-d4269f4 , #15141A );
}
.woocommerce-message::before {
	color: var( --e-global-color-d4269f4 , #15141A );
}
[type="button"], [type="submit"], button {
	border: 1px solid var( --e-global-color-accent , #0C7EFD );
	color: var( --e-global-color-accent , #0C7EFD );
}
[type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover {
	background-color: var( --e-global-color-accent , #0C7EFD );
	color: #fff;
}
.woocommerce-page #content .page-content fieldset p, .woocommerce-page #primary .page-content fieldset p {
	margin-bottom: 10px;
}



/* === General Form Styling === */
.woocommerce-EditAccountForm, .woocommerce-address-fields {
	background: #fff;
	padding: 2rem;
	border-radius: 16px;
	/* color: #ffffff; */
	font-family: 'Poppins', sans-serif;
	/* max-width: 700px; */
	margin: 0 auto;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
}

/* === Input Fields === */
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"],
.woocommerce-address-fields input[type="text"],
.woocommerce-address-fields input[type="email"],
.woocommerce-address-fields input[type="password"] {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #2d2d2d;
  border-radius: 12px;
  background: #1a1a1a;
  color: #ffffff;
  font-size: 14px;
  transition: all 0.3s ease;
}

.woocommerce-EditAccountForm input:focus, .woocommerce-address-fields input:focus {
  border-color: #008aff;
  outline: none;
  background: #1c1c1c;
}

/* === Labels === */
.woocommerce-EditAccountForm label, .woocommerce-address-fields label {
  display: block;
  font-weight: 500;
  margin-bottom: 0;
}

/* === Password Field with Show Button === */
.woocommerce-EditAccountForm .password-input {
  position: relative;
}

.woocommerce-EditAccountForm .show-password-input {
  position: absolute;
  right: 10px;
  top: 10px;
  background: none;
  border: none;
  cursor: pointer;
  color: #ccc;
}

/* === Fieldset === */
.woocommerce-EditAccountForm fieldset {
	border: none;
	margin-top: 2rem;
	border: 1px solid #000;
}

.woocommerce-EditAccountForm legend {
	font-size: 16px;
	font-weight: 600;
	/* color: #ffffff; */
	margin-bottom: 1rem;
	padding: 0 10px;
}

/* === Description Text === */
#account_display_name_description {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #888;
}

/* === Button Styling === */
.woocommerce-EditAccountForm button.woocommerce-Button, .woocommerce .woocommerce-address-fields button.button, .woocommerce .woocommerce-MyAccount-content button.woocommerce-Button {
  background: var( --e-global-color-accent, #005eff );
  color: #fff;
  padding: 14px 28px;
  border: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-top: 1rem;
}

.woocommerce-EditAccountForm button.woocommerce-Button:hover, .woocommerce .woocommerce-address-fields button.button:hover, .woocommerce .woocommerce-MyAccount-content button.woocommerce-Button:hover {
  background: var( --e-global-color-accent, #005eff );
	color: #fff;
}

/* === Form Layout Fix === */
.woocommerce-EditAccountForm .form-row {
  margin-bottom: 1.5rem;
}

.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last {
  width: 48%;
  float: left;
}

.woocommerce-EditAccountForm .form-row-last {
  float: right;
}

.woocommerce-EditAccountForm .clear {
  clear: both;
}


.custom-tab-nav {
	display: flex;
	list-style: none;
	padding-left: 0;
	margin-bottom: 20px;
	border-bottom: 2px solid #15141a;
}

.custom-tab-nav li {
	margin-right: 0;
}

.custom-tab-nav li a {
	text-decoration: none;
	padding: 10px 15px;
	display: block;
	background: #f5f5f5;
	border-radius: 0;
	color: #333;
}

.custom-tab-nav li.active a {
	background: #0c7efd;
	font-weight: bold;
	color: #fff;
}

.order-tab-section {
	display: none;
}

.order-tab-section.active {
	display: block;
}

/* === Responsive Fixes === */
@media (max-width: 768px) {
  .woocommerce-EditAccountForm .form-row-first,
  .woocommerce-EditAccountForm .form-row-last {
    float: none;
    width: 100%;
  }
}



/* === My Account Sidebar Wrapper === */
.woocommerce-MyAccount-navigation {
	/* background-color: #0f0f11; */
	padding: 0;
	border-radius: 16px;
	box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
	font-family: 'Poppins', sans-serif;
	/* max-width: 280px; */
	overflow: hidden;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.woocommerce-MyAccount-navigation li {
	margin-bottom: 0;
}

/* === Sidebar Link Styling === */
.woocommerce-MyAccount-navigation a {
	display: block;
	padding: 14px 20px;
	color: #ffffff;
	background-color: #1a1a1a;
	border-radius: 0;
	text-decoration: none;
	font-weight: 500;
	font-size: 15px;
	transition: all 0.3s ease;
	border: 1px solid transparent;
}

.wooconvo-admin-wrapper > .wooconvo-admin-wrapper > div.MuiBox-root {
	border-bottom: 1px solid black;
}

/* === Hover and Active State === */
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
  background: var( --e-global-color-accent, #005eff );
  color: #ffffff;
  border-color: #007aff;
  box-shadow: 0 0 10px rgba(0, 122, 255, 0.3);
	flex: 1;
}

.wooconvo-myaccount-new {
    position: relative;
}

.wooconvo-myaccount-new::after {
    content: "✉️";
    position: absolute;
    right: 20px;
    top: 15px;
}

/* === Responsive Adjustment === */
@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}

/* === Subscription Table Wrapper === */
.wps_sfw_account_wrap {
	font-family: 'Poppins', sans-serif;
	/* margin-top: 2rem; */
	overflow-x: auto;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	padding: 0;
}

/* === Table === */
.wps_sfw_account_wrap table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

/* === Table Head === */
.wps_sfw_account_wrap thead {
  background-color: #0f0f11;
}

.wps_sfw_account_wrap thead th {
  padding: 16px 18px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  border-bottom: 1px solid #222;
  color: #ffffff;
}

/* === Table Body === */
.wps_sfw_account_wrap tbody {
  background-color: #ffffff;
}

.wps_sfw_account_wrap tbody td {
	padding: 16px 18px;
	font-size: 14px;
	color: #1a1a1a;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
	border-left: 0;
}

.wps_sfw_account_wrap table tbody tr td:last-child {
	border-right: 0;
}

/* === Links in Table Body === */
.wps_sfw_account_wrap tbody a {
  color: #005eff;
  text-decoration: none;
  font-weight: 500;
}

.wps_sfw_account_wrap tbody a:hover {
  text-decoration: underline;
}

/* === Status Tag Styling === */
.woocommerce-orders-table__cell-order-status span {
  background-color: #e6f3ff;
  color: #005eff;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
}

/* === Action Button === */
.wps_sfw_account_show_subscription a {
  display: inline-block;
  background: #005eff;
  color: #fff !important;
  padding: 8px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.3s ease;
}

.wps_sfw_account_show_subscription a:hover {
  background: linear-gradient(135deg, #007eff, #00d3ff);
}

/* === Row Hover === */
.wps_sfw_account_wrap tbody tr:hover {
  background-color: #f9f9f9;
}

/* === Responsive Scroll Wrapper (Optional) === */
@media (max-width: 768px) {
  .wps_sfw_account_wrap table {
    min-width: 600px;
  }
}

/* === WooCommerce Tables: General Style === */
.woocommerce table.shop_table,
.woocommerce-MyAccount-content table,
.woocommerce-MyAccount-content .shop_table_responsive,
.woocommerce-orders-table,
.woocommerce-MyAccount-subscriptions,
.woocommerce-MyAccount-paymentMethods {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  font-family: 'Poppins', sans-serif;
}

/* === Table Head === */
.woocommerce table.shop_table thead,
.woocommerce-MyAccount-content table thead {
  background-color: #0f0f11;
}

.woocommerce table.shop_table thead th, .woocommerce-MyAccount-content table thead th {
	padding: 16px 18px;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	border-bottom: 1px solid #222;
	color: #ffffff;
	border-left: 0;
}

/* === Table Body === */
.woocommerce table.shop_table tbody,
.woocommerce-MyAccount-content table tbody {
  background-color: #ffffff;
}

.woocommerce table.shop_table tbody td, .woocommerce-MyAccount-content table tbody td {
	padding: 16px 18px;
	font-size: 14px;
	color: #1a1a1a;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
	border-left: 0;
}

/* === Row Hover === */
.woocommerce table.shop_table tbody tr:hover,
.woocommerce-MyAccount-content table tbody tr:hover {
  background-color: #f9f9f9;
}

/* === Links in Table Body === */
.woocommerce table.shop_table a,
.woocommerce-MyAccount-content table a {
  color: #005eff;
  text-decoration: none;
  font-weight: 500;
}

.woocommerce table.shop_table a:hover,
.woocommerce-MyAccount-content table a:hover {
  text-decoration: underline;
}

/* === Payment Methods Table Wrapper === */
.woocommerce-MyAccount-content {
  font-family: 'Poppins', sans-serif;
/*   overflow-x: auto; */
  padding: 0;
}

/* === Table Styles === */
.woocommerce-MyAccount-paymentMethods {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

/* === Table Head === */
.woocommerce-MyAccount-paymentMethods thead {
  background-color: #0f0f11;
}

.woocommerce-MyAccount-paymentMethods thead th {
  padding: 16px 18px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  border-bottom: 1px solid #222;
  color: #ffffff;
}

/* === Table Body === */
.woocommerce-MyAccount-paymentMethods tbody {
  background-color: #ffffff;
}

.woocommerce-MyAccount-paymentMethods tbody td {
  padding: 16px 18px;
  font-size: 14px;
  color: #1a1a1a;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}

/* === Row Hover === */
.woocommerce-MyAccount-paymentMethods tbody tr:hover {
  background-color: #f9f9f9;
}

/* === Delete Button Styling === */
.woocommerce-MyAccount-paymentMethods .button.delete {
  display: inline-block;
  background: #e63946;
  color: #fff !important;
  padding: 8px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.3s ease;
}

.woocommerce-MyAccount-paymentMethods .button.delete:hover {
  background: linear-gradient(135deg, #ff4b5c, #e60023);
}

/* === Add Payment Method Button === */
.woocommerce-MyAccount-content > .button, #submit_order_files_btn {
	margin-top: 0px !important;
	display: inline-block !important;
	background: #0c7efd !important;
	color: #fff !important;
	padding: 15px 25px !important;
	border-radius: 5px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: background 0.3s ease !important;
}

.woocommerce-MyAccount-content > .button:hover, #submit_order_files_btn:hover {
	background: #0047c1 !important;
}

/* === Responsive Table Scroll (Optional) === */
@media (max-width: 768px) {
  .woocommerce-MyAccount-paymentMethods {
    min-width: 600px;
  }
}


.wooconvo-admin-wrapper .MuiBox-root {
	padding: 0 !important;
	margin: 0 !important;
}
.wooconvo-admin-wrapper .MuiGrid-root.MuiGrid-container {
	margin-top: 0px;
	width: calc(100%);
	margin-left: 0px;
}
.wooconvo-admin-wrapper .MuiGrid-item {
	padding: 0 !important;
}
.wooconvo-admin-wrapper .MuiBox-root div[role="tabpanel"], #wooconvo_front_root header.MuiPaper-root + div {
	background-color: #f5f5f5;
	border-right: 1px solid black;
	border-left: 1px solid black;
}
.wooconvo-admin-wrapper .MuiBox-root div[role="tabpanel"] .MuiGrid-container > .MuiGrid-item.MuiGrid-grid-md-12 > .MuiBox-root > div,
#wooconvo_front_root header.MuiPaper-root + div > div {
	border-bottom: 1px solid #ccc;
}
.wooconvo-admin-wrapper .MuiBox-root div[role="tabpanel"] .MuiGrid-container > .MuiGrid-item.MuiGrid-grid-md-12 > .MuiBox-root > div > div > div:last-child .MuiCollapse-wrapperInner .MuiListItemText-root,
#wooconvo_front_root header.MuiPaper-root + div .MuiCollapse-root.MuiCollapse-vertical .MuiListItemText-root {
	padding: 5px 20px 10px 73px;
}
#wooconvo_front_root .wooconvo-admin-wrapper > h2 {
	display: none;
}
.wooconvo-admin-wrapper .MuiBox-root div[role="tabpanel"] .MuiGrid-root.MuiGrid-container > .MuiBox-root {
    width: 100%;
    text-align: center;
}
form.MuiPaper-root.MuiPaper-elevation {
	background-color: black;
	border-radius: 0;
	box-shadow: unset;
}
#wooconvo_front_root .wooconvo-admin-wrapper > .MuiBox-root > .MuiPaper-root {
	margin: 0;
	background-color: black;
	border-radius: 0;
	border: 0;
	box-shadow: unset;
}

form.MuiPaper-root.MuiPaper-elevation .MuiButtonBase-root, #wooconvo_front_root .wooconvo-admin-wrapper > .MuiBox-root > .MuiPaper-root button.MuiButtonBase-root {
	background-color: var( --e-global-color-accent, #005eff );
	color: #fff;
	height: 40px;
	width: 40px;
}

form.MuiPaper-root.MuiPaper-elevation .MuiButtonBase-root.Mui-disabled,
#wooconvo_front_root .wooconvo-admin-wrapper > .MuiBox-root > .MuiPaper-root button.MuiButtonBase-root.Mui-disabled {
	background-color: transparent;
	color: rgba(255, 255, 255, 0.7);
}

form.MuiPaper-root.MuiPaper-elevation input {
	background-color: #fff;
	margin-right: 10px;
	border-radius: 5px;
	border: 0;
	box-shadow: unset;
}
#wooconvo_front_root .wooconvo-admin-wrapper > .MuiBox-root > .MuiPaper-root input {
	background-color: white;
	border-radius: 6px;
	border: 0 !important;
	outline: unset !important;
	box-shadow: unset !important;
	margin-right: 10px;
	width: 90%;
}
#wooconvo_front_root .wooconvo-admin-wrapper > .MuiBox-root > .MuiPaper-root .MuiInputBase-root::before,
#wooconvo_front_root .wooconvo-admin-wrapper > .MuiBox-root > .MuiPaper-root .MuiInputBase-root::after {
	display: none;
}



@container (min-width: 700px) {
  .wc-block-checkout__sidebar.is-sticky {
    position: sticky;
    top: 160px;
  }
}



/* Overall form wrapper */
.woocommerce-MyAccount-content form#add_payment_method {
  background: #ffffff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  max-width: 700px;
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
}

/* Payment methods list */
ul.woocommerce-PaymentMethods {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}

li.woocommerce-PaymentMethod {
  background: #f9f9f9;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  margin-bottom: 15px;
  padding: 15px 20px;
  transition: border 0.3s ease;
}

li.woocommerce-PaymentMethod input[type="radio"] {
  margin-right: 10px;
}

li.woocommerce-PaymentMethod label {
  font-weight: 500;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

li.woocommerce-PaymentMethod:hover {
  border-color: #4b84fe;
}

/* Stripe card info box */
.woocommerce-PaymentBox {
  margin-top: 15px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  padding: 20px;
  font-size: 14px;
  color: #555;
}

/* Stripe test message */
.testmode-info {
  background: #fff8e1;
  border-left: 4px solid #ffc107;
  padding: 12px 15px;
  border-radius: 6px;
  font-size: 14px;
  margin-top: 10px;
  color: #444;
}

/* Payment iframe wrapper */
.wc-stripe-upe-element {
  margin-top: 20px;
}

/* Checkbox field */
.woocommerce-SavedPaymentMethods-saveNew {
  margin-top: 15px;
}

.woocommerce-SavedPaymentMethods-saveNew label {
  font-size: 14px;
}

/* Submit button */
#place_order.button, p.order-again a {
  background-color: var( --e-global-color-accent, #005eff );
  border: none;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

#place_order.button:hover,
p.order-again a:hover{
  background-color: var( --e-global-color-accent, #005eff );
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: rgb(237, 245, 255);
	border-radius: 5px;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background-color: rgb(237, 245, 255);
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: rgb(237, 245, 255);
}

/* Hide shipping address section on My Account > Addresses */
.woocommerce-MyAccount-content .u-column2.col-2.woocommerce-Address {
    display: none !important;
}

/* Optional: Adjust billing column to full width */
.woocommerce-MyAccount-content .u-column1.col-1.woocommerce-Address {
    width: 100% !important;
}



/* Billing Address Card Style */
.woocommerce-Address.u-column1 {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  font-family: 'Poppins', sans-serif;
  margin-bottom: 2rem;
}

/* Header style */
.woocommerce-Address .woocommerce-Address-title {
	display: flex;
	justify-content: start;
	align-items: center;
	margin-bottom: 16px;
}

.woocommerce-Address .woocommerce-Address-title h2 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  color: #1f2937;
	flex: 1;
}

/* Edit Button Style */
.woocommerce-Address .woocommerce-Address-title .edit {
  font-size: 14px;
  font-weight: 500;
  background-color: #0c7efd;
  color: #fff !important;
  padding: 8px 16px;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.woocommerce-Address .woocommerce-Address-title .edit:hover {
  background: #0c7efd;
}

/* Address Text */
.woocommerce-Address address {
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
  margin: 0;
}




/* Container List Styling */
.woocommerce-OrderUpdates.commentlist.notes {
  list-style: none;
  padding-left: 0;
  margin: 0 0 2rem;
}

/* Each Note Card */
.woocommerce-OrderUpdate.comment.note {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  font-family: 'Poppins', sans-serif;
}

/* Meta (Date/Time) - Smaller and Lighter */
.woocommerce-OrderUpdate-meta.meta {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 5px !important;
}

/* Description (Make more prominent) */
.woocommerce-OrderUpdate-description.description p {
  font-size: 16px;
  color: #1f2937;
  font-weight: 500;
  margin: 0;
}

.woocommerce-view-order .woocommerce-MyAccount-content > p, .tab-overview > p {
	background-color: #eee;
	padding: 10px 15px;
	border-radius: 5px;
	color: #000;
}

.woocommerce-view-order .woocommerce-MyAccount-content > h2 {
	margin-top: 25px;
	margin-bottom: 10px;
}

p.order-again {
	background-color: #fff;
	display: none !important;
}

@media (max-width: 600px) {
  .woocommerce-OrderUpdate.comment.note {
    padding: 14px 16px;
  }

  .woocommerce-OrderUpdate-description.description p {
    font-size: 15px;
  }
}

#uploaded_files_list {
	margin-top: 20px;
	clear: both;
}
#submit_order_files_btn {
	margin: 10px 0 !important;
	float: right;
}
.upload-group {
	padding: 10px 20px 10px;
}
.upload-group > p {
	font-size: 14px;
	color: #555;
}
.upload-group .file-cards {
	padding: 5px 0;
}





/* WooCommerce login & register form boxes */
#customer_login .u-column1 .woocommerce-form,
#customer_login .u-column2 .woocommerce-form {
  background: #15141a; /* Black form background */
  padding: 25px;
  border-radius: 10px;
  border: 1px solid #333;
}

/* Form text and labels */
#customer_login .u-column1 label,
#customer_login .u-column2 label {
  color: #fff;
  font-size: 14px;
  margin-bottom: 6px;
  display: block;
}

/* Input fields inside forms */
#customer_login .u-column1 input[type="text"],
#customer_login .u-column1 input[type="email"],
#customer_login .u-column1 input[type="password"],
#customer_login .u-column2 input[type="text"],
#customer_login .u-column2 input[type="email"],
#customer_login .u-column2 input[type="password"] {
  width: 100%;
  padding: 12px;
  border: 1px solid #444;
  background: #ffff;
  color: #111;
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.3s ease;
}

#customer_login input:focus {
  border-color: #fff;
  outline: none;
}

/* Buttons inside forms */
#customer_login .woocommerce-button {
  background: #fff;
  color: #000;
  border: none;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

#customer_login .woocommerce-button:hover {
  background: #f5f5f5;
  color: #000;
}

/* Links inside forms */
#customer_login .u-column1 a,
#customer_login .u-column2 a {
  color: #fff;
  text-decoration: underline;
}

#customer_login .u-column1 a:hover,
#customer_login .u-column2 a:hover {
  color: #ddd;
}

/* Remember me checkbox */
#customer_login .woocommerce-form__label-for-checkbox span {
  color: #fff;
}

/* Privacy policy text */
#customer_login .woocommerce-privacy-policy-text p {
  color: #ccc;
  font-size: 13px;
}

#customer_login .u-column2 .woocommerce-form p {
	color: #fff;
}

.woocommerce-privacy-policy-text {
	margin-bottom: 15px;
}

/* Lost Password Form Container */
.woocommerce-ResetPassword.lost_reset_password {
  background: #15141a; /* Black background */
  padding: 25px;
  border-radius: 10px;
  border: 1px solid #333;
  max-width: 500px; /* Optional: limit width */
  margin: 0 auto;
}

/* Paragraph text inside form */
.woocommerce-ResetPassword.lost_reset_password p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 15px;
	width: 100%;
}

/* Form labels */
.woocommerce-ResetPassword.lost_reset_password label {
  color: #fff;
  font-size: 14px;
  margin-bottom: 6px;
  display: block;
}

/* Input fields */
.woocommerce-ResetPassword.lost_reset_password input[type="text"] {
  width: 100%;
  padding: 12px;
  border: 1px solid #444;
  background: #fff;
  color: #15141a;
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.3s ease;
}

.woocommerce-ResetPassword.lost_reset_password input:focus {
  border-color: #fff;
  outline: none;
}

/* Button styling */
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button {
  background: #fff;
  color: #000;
  border: none;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button:hover {
  background: #f5f5f5;
  color: #000;
}









/* New Revisions CSS Syapa */
.xoo-el-action-sc .xoo-el-login-tgr {
	background-color: #0C7EFD00;
	fill: var( --e-global-color-primary );
	color: var( --e-global-color-primary );
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var( --e-global-color-primary );
	border-radius: 60px 60px 60px 60px;
	padding: 14px 40px 14px 40px;
	transition: .3s all;
}
.xoo-el-action-sc .xoo-el-login-tgr:hover,
.xoo-el-action-sc .xoo-el-login-tgr:active,
.xoo-el-action-sc .xoo-el-login-tgr:focus {
	background-color: var( --e-global-color-accent );
	color: var( --e-global-color-primary );
	border-color: var( --e-global-color-accent );
}
.only-quantity-field .elementor-button.elementor-size-sm,
#wc-stripe-express-checkout-button-separator,
#wc-stripe-express-checkout-element {
	display: none !important;
}

.wps_recurring_bifurcation_wrapper h4 {
	font-size: 18px;
	color: #000;
}

.wps_recurring_bifurcation_wrapper ul {
	padding: 0;
}

.wps_recurring_bifurcation_wrapper ul li {
	font-size: 13px;
	align-items: center;
}

.wps_recurring_bifurcation_wrapper ul li label {
	color: #000;
	font-weight: 700;
}

.loggein-user-link {
	color: #fff;
	margin-right: 5px;
}

.loggein-user-link:hover,
.loggein-user-link:active,
.loggein-user-link:focus {
	color: var( --e-global-color-accent );
}

.page-id-3829 .xoo-el-close.xoo-el-icon-cross {
	display: none !important;
}

.xoo-el-container:not(.xoo-el-style-slider) .xoo-el-inmodal, .xoo-el-notice-inmodal {
	border: 2px solid #fff;
	border-radius: 20px;
	overflow: hidden;
}

span.xoo-el-close, .xoo-el-notice-close {
	right: 10px !important;
	top: 10px !important;
}

.woocommerce table.my_account_orders .woocommerce-button.button {
	background-color: #005eff;
	color: #fff;
	margin-right: 5px;
}

.woocommerce table.my_account_orders .woocommerce-button.button.pay {
	background-color: green;
}

.woocommerce table.my_account_orders .woocommerce-button.button.cancel {
	background-color: red;
}


/* .order-status-progress {
    margin: 25px 0 30px;
    text-align: start;
}

.order-status-steps {
	display: inline-flex;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 30px;
	position: relative;
	flex-wrap: wrap;
}

.order-status-steps::before {
	content: '';
	position: absolute;
	top: 30px;
	left: 5px;
	right: 0;
	height: 3px;
	background: #e0e0e0;
	z-index: 1;
	width: calc(100% - 10px);
}

.order-status-steps li {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 26px;
	max-width: 120px;
	text-align: center;
	flex: 0 0 70px;
}

.order-status-steps .step-number {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-weight: 600;
	margin-bottom: 6px;
	transition: all 0.3s ease;
}

.order-status-steps .step-number .dashicons {
    font-size: 18px;
    line-height: 1;
}

.order-status-steps .step-label {
    display: block;
    font-size: 13px;
    color: #333;
}

.order-status-steps li.current .step-label {
	font-weight: 600;
	color: #000;
} */

.wooccm-additional-fields {
	background-color: #000;
	padding: 25px 20px;
	border-radius: 20px;
	margin-top: 15px;
}

.woocommerce-MyAccount-content h2 {
	font-family: "Poppins", Sans-serif;
	font-size: 40px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 50px;
	color: var( --e-global-color-secondary );
}

.wooccm-type-heading h3 {
	margin: 0 !important;
	font-size: 16px !important;
}

.wooccm-type-heading.white-color h3 {
	color: #fff !important;
}





@media only screen and (max-width: 767px) {
	.custom-tab-nav {
		flex-direction: column;
	}
/* 	.order-status-steps {
		gap: 20px;
	}
	.order-status-steps li {
		font-size: 18px;
	}
	.order-status-steps .step-number {
		width: 40px;
		height: 40px;
	} */
}

.custom-order-status-message {
  background: #f1f8ff;
  border-left: 4px solid #0073aa;
  padding: 15px 20px;
  border-radius: 6px;
  font-size: 15px;
  color: #333;
  margin-bottom: 20px;
}

.wooconvo-admin-wrapper .MuiBox-root .MuiInputBase-root.MuiInput-root {
	flex-direction: column;
}

.wooconvo-admin-wrapper .MuiBox-root .MuiInputBase-root.MuiInput-root p {
	color: #fff;
	font-size: 12px;
	text-align: left;
	align-self: start;
	padding-left: 15px;
}




/* === ORDER STATUS STEPPER === */
.order-status-progress {
  width: 100%;
  margin: 30px 0;
  display: flex;
  justify-content: center;
}

.order-status-steps {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: auto;
}

/* Each Step */
.order-status-steps li {
    flex: 1;
    position: relative;
    text-align: center;
    padding: 10px 10px 0;
    min-width: 100px;
    line-height: 24px;
}

/* Connector line between steps */
.order-status-steps li::after {
  content: "";
  position: absolute;
  top: 23px;
  right: -50%;
  width: 100%;
  height: 2px;
  background: #ddd;
  z-index: 1;
  transition: background-color 0.3s ease;
}

/* Remove line for last item */
.order-status-steps li:last-child::after {
  content: none;
}

/* Circle */
.order-status-steps .step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 6px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 15px;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
	overflow: hidden;
}

.order-status-steps .step-number span.step-number-text {
    display: none;
}

/* Label below circle */
.order-status-steps .step-label {
  display: block;
  font-size: 13px;
  margin-top: 8px;
  font-weight: 500;
  color: #333;
}

/* === STATE COLORS === */
.order-status-steps li.completed .step-number {
  background-color: var(--step-color, #4CAF50);
  color: #fff;
}
.order-status-steps li.completed::after {
  background-color: var(--step-color, #4CAF50);
}

.order-status-steps li.current .step-number {
  background-color: var(--step-color, #2196F3);
  color: #fff;
  box-shadow: 0 0 0 6px rgba(33,150,243,0.2);
}
.order-status-steps li.current::after {
  background-color: var(--step-color, #2196F3);
}

.order-status-steps li.current .step-number::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 50%;
	height: 100%;
	background: linear-gradient(90deg, #fff5, rgba(255, 255, 255, 0.891));
	animation: loading-animation 1.3s infinite;
	border-radius: 1em;
}

@keyframes loading-animation {
	0% {
		left: -50%;
	}

	100% {
		left: 150%;
	}
}

.order-status-steps li.current.revision-requeste .step-number {
	background-color: orange;
	box-shadow: 0 0 0 6px rgba(243, 151, 33, 0.2);
}

.order-status-steps li.current.revision-requeste::after {
	background-color: orange;
}

.order-status-steps li.upcoming .step-number {
  background-color: #ccc;
  color: #fff;
}
.order-status-steps li.upcoming::after {
  background-color: #ddd;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  .order-status-progress {
	justify-content: start;
	align-items: start;
  }
  .order-status-steps {
    flex-direction: column;
    align-items: flex-start;
	overflow-x: unset;
	padding-left: 10px;
  }

  .order-status-steps li {
    text-align: left;
    padding-left: 50px;
    margin-bottom: 25px;
  }

  .order-status-steps li::after {
	content: "";
	position: absolute;
	left: 18px;
	top: 35px;
	width: 3px;
	height: 20px;
	background: #ddd;
  }

  .order-status-steps li:last-child::after {
    display: none;
  }

  .order-status-steps .step-number {
    position: absolute;
    left: 0;
    top: 0;
  }

  .order-status-steps .step-label {
    margin-left: 10px;
    margin-top: 0;
  }
}