/* Woocommerce  account content */
.elementor-shortcode .woocommerce-MyAccount-content{
	background-color:rgba(0,0,0,0.29) !important;
	padding-left:3vh;
	padding-right:3px;
	padding-top:3vh;
	padding-bottom:2vh;
}

/* List */
.elementor-shortcode .woocommerce-MyAccount-navigation ul{
	padding-left:2vh;
}

.elementor-shortcode nav{
	border-bottom-right-radius:32px;
}

/* ======= TYPOGRAPHY & COLOR ======= */

/* Headings (h1–h6) & Account column titles */
.elementor-shortcode .woocommerce-MyAccount-content h1,
.elementor-shortcode .woocommerce-MyAccount-content h2,
.elementor-shortcode .woocommerce-MyAccount-content h3,
.elementor-shortcode .woocommerce-MyAccount-content h4,
.elementor-shortcode .woocommerce-MyAccount-content h5,
.elementor-shortcode .woocommerce-MyAccount-content h6,
.woocommerce-column__title {
  font-family: 'Chakra Petch', sans-serif !important;
  color: #05D552 !important;
}

/* Paragraphs, Labels, Body Text */
.elementor-shortcode .woocommerce-MyAccount-content,
.elementor-shortcode .woocommerce-MyAccount-content p,
.elementor-shortcode .woocommerce-MyAccount-content span,
.elementor-shortcode .woocommerce-MyAccount-content label,
.elementor-shortcode .woocommerce-MyAccount-content td,
.elementor-shortcode .woocommerce-MyAccount-content th,
.elementor-shortcode .woocommerce-MyAccount-content li,
.elementor-shortcode .woocommerce-MyAccount-content input,
.elementor-shortcode .woocommerce-MyAccount-content textarea,
.elementor-shortcode .woocommerce-MyAccount-content select,
.woocommerce-info,
.woocommerce-message {
  font-family: 'Bai Jamjuree', sans-serif !important;
  color: #ffffff !important;
  background-color: transparent !important;
}

/* Empty state messages */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message {
  color: #ffffff !important;
}

/* Text Links */
.elementor-shortcode .woocommerce-MyAccount-content a,
.elementor-shortcode p a {
  color: #01E144 !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
}

/* Paragraphs */
.elementor-shortcode p {
  color: #ffffff !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
}


/* ======= LEFT PANEL NAVIGATION ======= */

/* Panel wrapper */
.elementor-shortcode .woocommerce-MyAccount-navigation ul {
  border-width: 0px;
  color: #057f40;
  font-family: 'Bai Jamjuree', sans-serif !important;
}

/* Base links — preserve background */
.woocommerce-MyAccount-navigation ul a {
  color: #ffffff !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
  border-style: none;
  background-color: rgba(2, 47, 27, 0.37); /* This stays */
  border-bottom-color: #24e113;
}

/* Hover & Active */
.woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: #07723B !important;
  color: #ffffff !important;
  font-weight: 600;
}
.woocommerce-MyAccount-navigation ul li a:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  color: #05D552 !important;
  font-weight: 600;
}

/* List items */
.woocommerce-MyAccount-navigation ul li {
  color: rgba(5, 127, 64, 0);
  border-bottom-color: #04a95e !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
}

/* Nav structure */
.elementor-shortcode nav {
  border-top-style: none !important;
  border-right-style: none !important;
  border-left-style: none !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
}


/* ======= GLOBAL TRANSPARENCY (EXCEPT LEFT PANEL) ======= */

.elementor-shortcode .woocommerce-MyAccount-content,
.elementor-shortcode .woocommerce,
.elementor-shortcode .woocommerce-MyAccount-content > *,
.woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-MyAccount-content .woocommerce-form,
.woocommerce-MyAccount-content fieldset,
.woocommerce-MyAccount-content .woocommerce-table,
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content .woocommerce-address-fields,
.woocommerce-MyAccount-content .woocommerce-password-fields,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}


/* ======= TABLE BORDERS ======= */
.woocommerce-MyAccount-content table,
.woocommerce-MyAccount-content th,
.woocommerce-MyAccount-content td {
  border-color: #03C55B !important;
}

/* ======= ICON COLORING ======= */
.woocommerce-MyAccount-content i,
.woocommerce-MyAccount-content svg,
.woocommerce-MyAccount-content .woocommerce-Address-title > a {
  color: #03C55B !important;
  fill: #03C55B !important;
}


/* ======= BUTTONS ======= */

/* Default Button Style */
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content button,
.woocommerce-MyAccount-content input[type="submit"],
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-PaymentMethods input[type="button"],
.woocommerce-MyAccount-content .woocommerce-PaymentMethods .button,
.woocommerce-MyAccount-content .woocommerce-PaymentMethods .woocommerce-Button {
  background-color: #032919 !important;
  color: #03C55B !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
  border: 2px solid #03C55B !important;
  transition: all 0.3s ease;
}

/* Hover Effect */
.woocommerce-MyAccount-content .woocommerce-button:hover,
.woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-MyAccount-content button:hover,
.woocommerce-MyAccount-content input[type="submit"]:hover,
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content .woocommerce-PaymentMethods input[type="button"]:hover,
.woocommerce-MyAccount-content .woocommerce-PaymentMethods .button:hover,
.woocommerce-MyAccount-content .woocommerce-PaymentMethods .woocommerce-Button:hover {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background-color: #032919 !important;
}

/* === Base Inputs, Textareas, Selects (Global) === */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="url"],
textarea,
select {
  background-color: transparent !important;
  color: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid #ffffff !important;
  border-radius: 0 !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
  outline: none !important;
  transition: border-color 0.3s ease;
}

/* === On Focus or Active === */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
  border-bottom: 1px solid #03C55B !important;
  color: #ffffff !important;
}

/* Form Inputs: Borderless with white underline */
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="number"],
.woocommerce-MyAccount-content input[type="url"],
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select {
  background-color: transparent !important;
  color: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid #ffffff !important;
  border-radius: 0 !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
  outline: none !important;
  transition: border-color 0.3s ease;
}

/* On focus/active: bottom border turns green */
.woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-MyAccount-content input[type="tel"]:focus,
.woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-MyAccount-content input[type="number"]:focus,
.woocommerce-MyAccount-content input[type="url"]:focus,
.woocommerce-MyAccount-content textarea:focus,
.woocommerce-MyAccount-content select:focus {
  border-bottom: 1px solid #03C55B !important;
  color: #ffffff !important;
}

/* Global input, textarea, select fields */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="url"],
textarea,
select {
  background-color: #015E30 !important;
  color: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid #ffffff !important;
  border-radius: 0 !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
  outline: none !important;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

/* On focus: change only the bottom border */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
  border-bottom: 1px solid #03C55B !important;
  color: #ffffff !important;
  background-color: #015E30 !important; /* stays green on focus */
}

/** icon color **/
/* Force color on Woo icons (including SVGs and address edit links) */
.woocommerce-MyAccount-content i,
.woocommerce-MyAccount-content svg,
.woocommerce-MyAccount-content [class*="icon"],
.woocommerce-MyAccount-content .woocommerce-Address-title a,
.woocommerce-MyAccount-content .woocommerce-info::before,
.woocommerce-MyAccount-content .woocommerce-message::before {
  color: #03C55B !important;
  fill: #03C55B !important;
}

/* General fallback */
label,
.elementor-form label,
.woocommerce form label,
.elementor-shortcode label,
.woocommerce-MyAccount-content label,
.woocommerce-EditAccountForm label,
form.woocommerce-form label {
  color: #03C55B !important;
  font-weight: 500 !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
}



/* Add chevron before each link in the My Account panel */
.woocommerce-MyAccount-navigation ul li a::before {
  content: "›";
  margin-right: 0.5em;
  color: #03C55B;
  transition: color 0.3s ease;
}

/* Hover: make chevron white */
.woocommerce-MyAccount-navigation ul li a:hover::before {
  color: #ffffff;
}


/* Remove background on hover and active tab */
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: #00250E !important;
  box-shadow: none !important;
}

/* Woocommerce  account content */
.elementor-shortcode .woocommerce-MyAccount-content{
	background-color:rgba(2,2,2,0.15) !important;
}

/* ✅ Make WooCommerce notice TEXT white */
.woocommerce-info,
.woocommerce-message {
  color: #ffffff !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
}

/* === Headings like "Billing address", "Shipping address" === */
.woocommerce-MyAccount-content .woocommerce-Address-title h1,
.woocommerce-MyAccount-content .woocommerce-Address-title h2,
.woocommerce-MyAccount-content .woocommerce-Address-title h3,
.woocommerce-MyAccount-content .woocommerce-Address-title h4,
.woocommerce-MyAccount-content .woocommerce-Address-title h5,
.woocommerce-MyAccount-content .woocommerce-Address-title h6 {
  font-family: 'Chakra Petch', sans-serif !important;
  text-transform: uppercase !important;
  color: #05D552 !important;
  margin-bottom: 0.5em;
}

/* === Address content blocks (like "You have not set up...") === */
.woocommerce-MyAccount-content address,
.woocommerce-MyAccount-content .woocommerce-Address address {
  color: #ffffff !important;
  font-family: 'Bai Jamjuree', sans-serif !important;
  font-style: normal; /* Optional: remove italic if undesired */
  line-height: 1.6;
}

/* === Ensure layout is left-aligned for address columns and similar === */
.woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-MyAccount-content .col2-set,
.woocommerce-MyAccount-content .u-columns,
.woocommerce-MyAccount-content .woocommerce-Address-title,
.woocommerce-MyAccount-content .woocommerce-Address address {
  text-align: left !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

@media (min-width: 768px) {
  .woocommerce-MyAccount-content .woocommerce-Address {
    padding-right: 2vw;
  }
}