:root {
    --accent-color: #1B2559;
    --light-text-color: #868FAC;
    --accent-gray-color: #474C5C;
    --hard-shadow: 0px 3px 0px var(--accent-color);
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 20px;
    --wc-form-border-radius: var(--radius-md);
}

#site-header {
    display: none;
}

.dm-sans-normal {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: inherit;
  font-style: normal;
}

.customer-dashboard {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}


.catalogue-table img.attachment-woocommerce_thumbnail {
    width: 100px;
    height: auto;
    object-fit: contain;
    border: 1px solid #e2e2e2;
    border-radius: var(--radius-xs);
}

.rounded-box {
    border-radius: var(--radius-lg);
    background: #fff;
    padding: 1.5rem;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
    padding: 0.5em;
    
}

input[type=number]{
    padding-right: 0;
}

table.dashboard-table tbody>tr:nth-child(even)>td, table.dashboard-table tbody>tr:nth-child(even)>th, table.dashboard-table thead>tr>th
{
    background: #fff;
}
table.dashboard-table th, table.dashboard-table td{
    padding: 0.5em;
    border: 0;
    border-top: 1px solid #ddd;
    background: #fff;
    text-align: left;
    background: none !important;
    vertical-align: middle;
}
table.dashboard-table th{
    border-top: 0 !important;
    font-weight: normal;
    color: var(--light-text-color);
}

table.dashboard-table tbody>tr:last-child>td {
    border-bottom: 1px solid #ddd;
}

.customer-dashboard button,
.customer-dashboard [type="button"],
.customer-dashboard [type="submit"]{
    border:none;
    /* padding: 0;
    background: none; */
    color: inherit;
}

.gradient-button, .gradient-button:hover, .gradient-button:focus {
    background: linear-gradient(90deg, #474C5C 0%, #6D707F 100%);
    color: #fff !important;
    padding: 0.5em 2em !important;
    border-radius: var(--radius-md) !important;
    border: none;
}
.line-button{
    border: 1px solid var(--accent-gray-color);
    color: black;
    padding: 0.5em 2em;
    border-radius: var(--radius-md);
    display: inline-block;
}
.customer-dashboard .btn-primary{
    background-color: var(--accent-color); 
    color: #fff; 
    padding: 0.5em 1em; 
    border-radius: var(--radius-md);
}

.customer-dashboard  .ajax_add_to_cart:after{
    display:none;
}
.customer-dashboard a.added_to_cart{
    display: none;
}

.step-indicator .step .circle-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/** Create order steps **/
.step-indicator .step .circle-container:before,
.step-indicator .step .circle-container:after {
    content: '';
    display: block;
    width: 50%;
    border: 1px solid #868FAC;
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
    z-index: 0;
}
.step-indicator .step .circle-container:after {
    left: unset;
    right: 0;
}

.step-indicator .step:first-child .circle-container:before,
.step-indicator .step:last-child .circle-container:after{
    display: none;
}

.step-indicator .step.completed-step .circle-container:before,
.step-indicator .step.completed-step .circle-container:after,
.step-indicator .step.current-step .circle-container:before {
    border-width: 2px;
    top: calc(50% - 2px);
    border-color: #474C5C;
}

.step-indicator .step .step-circle {
    position: relative;
    z-index: 10;
}

/** End Create order steps **/

.woocommerce-orders-table th{
    font-weight: normal !important;
    color: var(--light-text-color);
}

.product-selection-table td{
    vertical-align: middle;
}

/** Quantity selector styles */
.quantity-selector{
    display:flex;
    align-items: stretch;
    border: 1px solid lightgrey;
    width: 70px;
}
.quantity-selector input,
.quantity-selector button{
    border: none;
    text-align: center;
    padding: 0 5px !important;
    flex-grow: 1;
}
.quantity-selector input.qty{
    padding: 0em !important;
    width: 2em
}

.quantity-selector button:focus,
.quantity-selector button:hover{
    background: none;
}
/** End Quantity selector styles **/

.variation-select{
    border-color: lightgrey;
    padding: 4px;
    border-radius: var(--radius-xs);
    font-size: 14px;
}

.remove-cart-item{
    padding: 4px;
    line-height: 0.5;
    border-radius: var(--radius-xs) !important;
}
.remove-cart-item:hover,
.remove-cart-item:focus{
    background: #d9534f;
    color: #fff !important;
}

.product-selection-table .ajax_add_to_cart.loading{
    pointer-events: none;
    opacity: 0.6;
}

/** WooCommerce Checkout Styles **/
.woocommerce-checkout input, .woocommerce-checkout textarea,
.woocommerce-checkout select, .woocommerce-checkout .select2-selection,
.woocommerce-MyAccount-content .woocommerce-Input {
  border-color: #d9d9d9 !important;
  border-radius: var(--radius-md) !important;
}

.woocommerce-billing-fields__field-wrapper, .shipping_address, .woocommerce-additional-fields,
.customer_billing_address{
  background: #fff;
  padding: 20px;
  border-radius: var(--radius-lg);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  margin-bottom: 1rem;
    margin-top: 1rem;
}

.woocommerce table.shop_table{
    border-radius: var(--radius-lg) !important;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    padding: 1rem;
    background: #fff;
}
.woocommerce table.shop_table td, .woocommerce table.shop_table th{
    background: #fff;
    border-width: 0;
    border-top-width: 0 !important;
    border-bottom-width: 1px;
}

.woocommerce table.dashboard-table .orders-table-filters th{
    padding-bottom: 2rem;
}

.woocommerce-page.woocommerce-checkout .page-header{
    margin-top: 2rem;
}
.woocommerce-page.woocommerce-checkout .entry-title{
    font-size: 2rem;
    margin-bottom: 2rem;
}

.woocommerce-page.woocommerce-checkout .woocommerce-notice{
    margin: 1rem 0;
    font-size: 1.2rem;
}

/** End WooCommerce Checkout Styles **/


.catalogue-filters select, .filters select, .catalogue-filters input,
.woocommerce-account input, .woocommerce-account select, .woocommerce-account textarea{
    border-radius: var(--radius-md);
    border-color: #e7e7e7;
    padding: 0.5em;
}
.woocommerce-account input[disabled]{
    color: #a6a6a6;
}
.woocommerce-account input[type=checkbox]{
    width: 18px;
    height: 18px;
}
.catalogue-filters select, .filters select, span.select2-selection {
    background-color: #fbfbfb !important;
}

#orders_filter_form table tr th .select2 .select2-selection{
    background-color: #f3f4f6 !important;
}


span.select2-selection {
    border-color: #e7e7e7 !important;
    border-radius: var(--radius-md) !important;
}

.select2-container .select2-dropdown{
    border-color: #e7e7e7 !important;
}


/** Reset password field **/
#password_field_container {
    position: relative;
    margin-bottom: 20px;
}

#password_field_container button {
    position: absolute;
}

#password_field_container .btn-toggle-visibility {
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    padding: 0 5px;
    left: 0;
}

#password_field_container input:not([disabled]){
    padding-left: 45px;
}

#password_field_container .btn-cancel-password{
    left: 0;
    top:100%;
}
#password_field_container .btn-generate-password{
    right: 0;
    top:100%;
}
/** End Reset password field **/

span.woocommerce-input-wrapper input:disabled {
    color: #6b6b6b !important;
    background: #ffffff38 !important;
}