/*****************************************************
            WOOCOMMERCE
****************************************************/





.widget_shopping_cart p.buttons a:first-child,
#billing_first_name_field,
#billing_last_name_field,
#billing_company_field,
#billing_country_field
{
display: none;
}






.woocommerce-error li {
	color: var(--color-danger);
	font-size: 14px;
}


.woocommerce-notices-wrapper~.woocommerce-info {
    width: 100%;
    border-radius: 25px;
    padding: 50px;
	font-size: 20px;
}





.woocommerce-product-quantity {
	font-weight: 700;
}
.w-post-elm.add_to_cart > form {
display: flex;
	flex-direction: column;
}

.woocommerce .quantity input.qty {
box-sizing: border-box;
width: 100%;

}
.woocommerce .cart .quantity, .woocommerce .cart .quantity+.button {
width: 100%;
}






.woocommerce-info {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 700;
    color: var(--color-text-black-color)!important;
	padding: 5rem;
}

@media (max-width: 1380px) {
.woocommerce-info {
	padding: 3rem 1rem;
}
	
	
.g-cols.via_flex.type_default>div[class*="vc_col-md-"], .g-cols.via_flex.type_default>div[class*="vc_col-lg-"] {
    margin-top: 0rem!important;
    margin-bottom: 1rem!important;
}
	
	
	
}
.woocommerce-info a {
	margin-top: 1rem;

}






.woocommerce-MyAccount-navigation ul li a {
	border-radius: 20px!important;
}

/* Small buttons for order statuses */
.woocommerce-orders-table__cell-order-status {

    padding: 5px 0px;
    font-size: 14px; 
    font-weight: bold;
}

/* Cancelled status */
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
    color: #FFFFFF; /* White */
    background-color: #FF5733; /* Coral Red */
}

/* Processing status */
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
    color: #FFFFFF; /* White */
    background-color: #3498DB; /* Dodger Blue */
}

/* Completed status */
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
    color: #FFFFFF; /* White */
    background-color: #2ECC71; /* Emerald Green */
}

/* On hold status */
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status {
    color: #FFFFFF; /* White */
    background-color: #F39C12; /* Orange */
}

/* Pending payment status */
.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status {
    color: #FFFFFF; /* White */
    background-color: #9B59B6; /* Purple */
}

/* Refunded status */
.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
    color: #FFFFFF; /* White */
    background-color: #E74C3C; /* Alizarin Red */
}

#page-content > section > div > div > div.vc_col-sm-12.wpb_column.vc_column_container.hat-schatten-inner.has_bg_color > div > div > div.w-account.woocommerce.woocommerce-MyAccount-content.us_custom_eb849559.for_orders > div.woocommerce-info {
	display: flex;
	flex-direction: column;
	gap: 20px;
    width: 50%;
    margin: 0 auto;
	 font-size: 18px;
    font-weight: 600;
}
.woocommerce-form-login, .woocommerce-form-register, .woocommerce-form-coupon, .woocommerce .track_order, .woocommerce .lost_reset_password {
     box-shadow: none!important; 
}	

.woocommerce-form-login, .woocommerce-form-register, .woocommerce-form-coupon, .woocommerce .track_order, .woocommerce .lost_reset_password 
{
    padding:0;
    margin: 0rem auto;

}
.woocommerce-form-login .lost_password,
.woocommerce-form-login .form-row button
{
	min-width: 100%!important;
}


.woocommerce-form-login .clear+.form-row {
	margin: 0 0rem 0 0!important;
	width: 100%;
}
.woocommerce-form-login .lost_password {
	margin-top: 1rem;
}

.woocommerce-form-login label {
	font-weight: 700;
	margin-bottom: .3em;
}

.woocommerce .shop_table  td {
    text-align: left!important;
}

.woocommerce-NoticeGroup, .woocommerce-form-coupon-toggle, .woocommerce-notices-wrapper {
    font-size: .9rem;
    padding: 1rem 1.5rem;
    background: var(--color-content-primary-faded);
    margin: 1rem 0;
    border-radius: 25px;
}

.w-cart.dropdown_opacity .w-cart-dropdown {
	background: #fff;
	padding: 1rem;
}
.w-cart-dropdown ul.product_list_widget {
padding: 5px;
	border-radius: 8px;
    background: var(--color-content-bg);
}



.woocommerce-mini-cart__empty-message {
    text-align: center;
    font-weight: 700;
    color: #e95095;
}

.w-cart-quantity {
    left: 0;
	right: none;
}

.woocommerce-notices-wrapper {
	background-color: transparent!important;
	margin: 0!important;
	padding: 1rem 0;
}
.woocommerce-notices-wrapper > .woocommerce-message {
	color: #fff!important;
	background-color: var(--color-custom-success-green);
}
.woocommerce-notices-wrapper > .woocommerce-error {
	color: #fff!important;
	background-color: var(--color-custom-danger-red);
}
.woocommerce-notices-wrapper > .woocommerce-error,
.woocommerce-notices-wrapper > .woocommerce-message{
	padding: 1rem;
	border-radius: 20px;
	border: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	text-align: center;
	font-size: 18px;
}
.woocommerce-form-coupon {
	display: flex;
	flex-direction: column;
}
.woocommerce-form-coupon input {
	margin-bottom: 1rem!important;
}
.woocommerce-form-coupon button {
	margin-left: 0rem!important;
}














/*****************************************************
      myaccount    Orders Table View
****************************************************/

.tf_order-detail {
	background-color: #fff;
}

.tf_order-row td {
    border-color: transparent!important;
	z-index: 9;

}
.tf-service-name, .tf-profileurl {
	 padding: 25px 25px;
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
}

.tf-service-name ul {
	margin-left: 0;
	list-style-type: none; 
    padding: 0; 
}

.tf_order-card {
    border-radius: 20px;
    margin-bottom: 2rem;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	overflow: hidden;
}

.tf-service-name strong,
.tf-profileurl strong,
.tf-order-id strong,
.tf-order-status strong,
.tf-quantity strong,
.tf-charge strong,
.tf_order-actions strong,
.tf-acf-refill strong,
.tf-order-date strong
{ 
	margin-right: 15px;
}

.tf-service-name,
.tf-profileurl,
.tf-order-id,
.tf-order-status,
.tf-quantity,
.tf-charge,
.tf_order-actions,
.tf-acf-refill,
.tf-order-date
{ 

    display: flex;
    align-items: center; 
    justify-content: center; 
	border-radius: 13px;
	padding: 1rem;
}














.tf_order-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  grid-gap: 10px;
}

.tf_order-row > div {
  padding: 10px;
}

.tf-profileurl,
.tf-service-name {
  grid-column: span 2; 
}

.tf-order-id,

.tf-quantity,
.tf-charge,
.tf-acf-refill
{
  grid-column: span 1; 
}

.tf-order-status {
	grid-column: span 2; 

}
.tf_order-actions {
    grid-column: span 4;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
	background: transparent;
}
.tf_order-actions a {
	padding: 10px;
	border-radius: 15px;
}
.tf-order-date {
	grid-column: span 2;
}


@media only screen and (max-width: 700px) {
    .tf_order-row {
        grid-template-columns: 1fr; 
    }
    .tf-service-name,
    .tf-profileurl,
    .tf_order-actions { 
        grid-column: 1 / span 1; 
    }
    .tf-order-id,
    .tf-order-status,
    .tf-quantity,
    .tf-charge { 
        grid-column: 1 / span 1; 
    }
    .tf-service-name,
    .tf-profileurl,
    .tf-order-id,
    .tf-order-status,
    .tf-quantity,
    .tf-charge,
    .tf_order-actions { 
        padding: 5px; 
        font-size: 0.8em; 
    }
	.for_orders .orders-grid {
	    margin: 0 3rem;
}
}

















.status-completed .tf-service-name,
.status-completed .tf-profileurl,
.status-completed .tf-order-id,
.status-completed .tf-order-status,
.status-completed .tf-quantity,
.status-completed .tf-charge,
.status-completed .tf_order-actions,
.status-completed .tf-acf-refill,
.status-completed .tf-order-date,
.status-completed .tf_order-actions a
{
	 box-shadow: 0px 0px 0px 1px var(--color-success);
}
.status-completed .tf-order-status
{
	 background-color: var(--color-success-dark);
}



.status-on-hold .tf-service-name,
.status-on-hold .tf-profileurl,
.status-on-hold .tf-order-id,
.status-on-hold .tf-order-status,
.status-on-hold .tf-quantity,
.status-on-hold .tf-charge,
.status-on-hold .tf_order-actions,
.status-on-hold .tf-acf-refill,
.status-on-hold .tf-order-date,
.status-on-hold .tf_order-actions a
{
	 box-shadow: 0px 0px 0px 1px var(--color-warning);
}
.status-on-hold .tf-order-status
{
	 background-color: var(--color-warning-dark);
}
  

.status-processing .tf-service-name,
.status-processing .tf-profileurl,
.status-processing .tf-order-id,
.status-processing .tf-order-status,
.status-processing .tf-quantity,
.status-processing .tf-charge,
.status-processing .tf_order-actions,
.status-processing .tf-acf-refill,
.status-processing .tf-order-date,
.status-processing .tf_order-actions a
{
	 box-shadow: 0px 0px 0px 1px var(--color-processing);
}
.status-processing .tf-order-status
{
	 background-color:  var(--color-processing-dark);
}




.status-cancelled .tf-service-name,
.status-cancelled .tf-profileurl,
.status-cancelled .tf-order-id,
.status-cancelled .tf-order-status,
.status-cancelled .tf-quantity,
.status-cancelled .tf-charge,
.status-cancelled .tf_order-actions,
.status-cancelled .tf-acf-refill,
.status-cancelled .tf-order-date,
.status-cancelled .tf_order-actions a
{
	 box-shadow: 0px 0px 0px 1px var(--color-cancelled);
}
.status-cancelled .tf-order-status
{
	 background-color: var(--color-cancelled-dark);
	color: #fff;
}




.status-refunded .tf-service-name,
.status-refunded .tf-profileurl,
.status-refunded .tf-order-id,
.status-refunded .tf-order-status,
.status-refunded .tf-quantity,
.status-refunded .tf-charge,
.status-refunded .tf_order-actions,
.status-refunded .tf-acf-refill,
.status-refunded .tf-order-date,
.status-refunded .tf_order-actions a
{
	 box-shadow: 0px 0px 0px 1px var(--color-refunded);
}
.status-refunded .tf-order-status
{
	 background-color:  var(--color-refunded-dark);
}









.tf_order-card.status-completed,
.tf_order-card.status-processing,
.tf_order-card.status-pending,
.tf_order-card.status-on-hold,
.tf_order-card.status-cancelled,
.tf_order-card.status-refunded
{
	padding: 1rem;
}



.tf_order-card.status-completed
{
	border: 1px solid var(--color-success);
	background-color: var(--color-success-dark);
}
.tf_order-card.status-processing {
	border: 1px solid  var(--color-processing);
	background-color: var(--color-processing-dark);
}
.tf_order-card.status-pending {
	border: 1px solid  #FFCCCC;
	background-color: var(--color-processing-dark);

}
.tf_order-card.status-on-hold {
	border: 1px solid  var(--color-warning);
	background-color: var(--color-warning-dark);

}
.tf_order-card.status-cancelled {
	border: 1px solid  var(--color-cancelled);
	background-color: var(--color-cancelled-dark);
}
.tf_order-card.status-refunded {
	border: 1px solid  var(--color-refunded);
	background-color: var(--color-refunded-dark);

}
