/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       MESSAGES                                                ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
:root {
    /* BLUE
    --alert-info-bg: #d2e3f9;
    --alert-info-text: #07447d;
    --alert-info-icon: '\f05a';
    */

    /* ORANGE INFO */
    --alert-info-bg: #fff4dd;
    --alert-info-text: #964a06;
    --alert-info-icon: '\f071';

    --alert-danger-bg: #ffdada;
    --alert-danger-text: #cd0000;
    --alert-danger-icon: '\f05e'; /* f06a */

    --alert-warning-bg: #fff4dd;
    --alert-warning-text: #964a06;
    --alert-warning-icon: '\f071';

    --alert-success-bg: #afffda;
    --alert-success-text: #003d2a;
    --alert-success-icon: '\f058';  
}


.woocommerce-notices-wrapper {}

/* -------------- < UL > -------------- */

ul[class^="woocommerce-"][role="alert"] { margin: 0 0 15px 0; padding: 0; list-style: none none; list-style-position: inside; outline: none;  }
ul[class^="woocommerce-"][role="alert"] > li { 
    overflow: hidden;   
    position: relative; border: none; border-radius: 5px; outline: none; margin-bottom: 6px; 
    padding-block: 14px;
    padding-inline: 42px 30px;
    text-align: start;
}
ul[class^="woocommerce-"][role="alert"] > li strong { font-weight: 700; }
ul[class^="woocommerce-"][role="alert"] > li::before { font-family: "Font Awesome 6 Free"; font-weight: 600; flex-shrink: 0; content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); }
ul[class^="woocommerce-"][role="alert"] > li:last-child { /* margin-bottom: 0; */ }
ul[class^="woocommerce-"][role="alert"] .button {  
    color: inherit; font-size: 14px; font-weight: 700; margin-left: 12px; transition:all 0.2s;
    text-transform: uppercase; 
    text-decoration-line: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
} 
ul[class^="woocommerce-"][role="alert"] .button:hover { text-decoration-thickness: 4px; }
ul[class^="woocommerce-"][role="alert"] .button.wc-forward {}
/* Danger */
ul[role="alert"].woocommerce-error > li::before { content: var(--alert-danger-icon); }
ul[role="alert"].woocommerce-error > li { background-color: var(--alert-danger-bg); color: var(--alert-danger-text); }
ul[role="alert"].woocommerce-error > li .button { }
/* Info */
ul[role="alert"].woocommerce-info > li::before { content: var(--alert-info-icon); }
ul[role="alert"].woocommerce-info > li { background-color: var(--alert-info-bg); color: var(--alert-info-txt); }
ul[role="alert"].woocommerce-info > li .button {  }

/* -------------- < DIV > -------------- */

div[role="alert"].woocommerce-message { display: block; overflow: hidden; position: relative; border: none; border-radius: 3px; outline: none; margin-bottom: 20px; padding: 12px 15px 12px 40px; }
div[role="alert"].woocommerce-message strong { font-weight: 700; }
div[role="alert"].woocommerce-message::before { font-family: "Font Awesome 6 Free"; font-weight: 600; flex-shrink: 0; content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); }
div[role="alert"].woocommerce-message .button {  
    color: inherit; font-size: 14px; font-weight: 700; margin-left: 12px; transition:all 0.2s;
    text-transform: uppercase; 
    text-decoration-line: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px; 
     margin-left: auto;
} 
div[role="alert"].woocommerce-message .button:hover { text-decoration-thickness: 4px; }
div[role="alert"].woocommerce-message .button.wc-forward  {}

/* Success */
div[role="alert"].woocommerce-message { background-color: var(--alert-success-bg); color: var(--alert-success-text);   }
div[role="alert"].woocommerce-message::before { content: var(--alert-success-icon); }

/* Info (STATUS ROLE) */
div.woocommerce-info[role="status"] {
    display: flex; align-items: center; gap: 0 30px; 
    overflow: hidden;   
    position: relative; border: none; border-radius: 5px; outline: none; margin-bottom: 20px; 
    padding-block: 14px;
    padding-inline: 30px 30px;
    text-align: start;
    background-color: var(--alert-info-bg); color: var(--alert-info-text);
}
div.woocommerce-info[role="status"] .button { 
    color: inherit; font-size: 14px; font-weight: 700; margin-left: 12px; transition:all 0.2s;
    text-transform: uppercase; 
    text-decoration-line: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px; 
     margin-left: auto;
 } 

/*  checkout page messages   */
ul.woocommerce-error,
ul.woocommerce-info,
ul.woocommerce-message { margin: 0; padding: 11px 11px 11px 15px; border-left: 5px solid transparent; border-radius: 4px; list-style: none none; list-style-position: inside; }

ul.woocommerce-error { border-color: var(--red); background-color: #fde4e4;  }
ul.woocommerce-error > li { margin-bottom: 3px; color: var(--red);  }
ul.woocommerce-error > li:last-child { margin-bottom: 0; }
ul.woocommerce-error > li a { text-decoration: none; color: var(--red); }

ul.woocommerce-info { border-color: var(--blue); background-color: #e4f4ff;  }
ul.woocommerce-info > li { margin-bottom: 3px; color: var(--blue);  }
ul.woocommerce-info > li:last-child { margin-bottom: 0; }
ul.woocommerce-info > li a { text-decoration: none; color: var(--blue); }

.woocommerce-invalid-required-field {}
.woocommerce-invalid-required-field .woocommerce-input-wrapper input[type="text"],
.woocommerce-invalid-required-field .woocommerce-input-wrapper input[type="email"],
.woocommerce-invalid-required-field .woocommerce-input-wrapper input[type="tel"],
.woocommerce-invalid-required-field .woocommerce-input-wrapper input[type="password"],
.woocommerce-invalid-required-field .woocommerce-input-wrapper input[type="date"], 
.woocommerce-invalid-required-field .woocommerce-input-wrapper textarea.input-text { border-color: var(--red); }
.woocommerce-invalid-required-field .checkout-inline-error-message { font-size: 80%; color: var(--red); } 



.form-row , .form-row input[type=""], .form-row input[type=""], .form-row input[type=""], .form-row input[type=""], , .form-row select

/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       FORMS                                                   ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
p:where(.form-row-first, .form-row-last) { overflow: visible; width: calc(50% - 15px); margin-bottom: 12px;  }

p.form-row-first::before {visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
p.form-row-first { float: left; width: 48%; }
p.form-row-last { float: right; width: 48%; }
p.form-row-last::after {visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
p.form-row-wide { /* clear: both; */ }
p.form-row-wide ::before {visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
.clear { width: 100%; visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0;  }

.form-row label { display: block; margin-bottom: 5px; vertical-align: middle; font-weight: 400; }
.form-row em { font-size: 14px; padding-top: 4px; opacity: 0.7; }
.form-row .required { visibility: visible; border: none; color: #E01020; font-size: 16px; line-height: 1; }
.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="tel"],
.form-row input[type="password"],
.form-row input[type="date"],
textarea.input-text,
.form-row select{
    padding:0 12px; max-width:100%; width:100%; height:42px; border:2px solid #E5E5E5; border-radius:4px; background-color:transparent;
    font-size:16px; box-shadow:none; color:#000; vertical-align:middle; transition:border-color .5s ease;
} 
.form-row select {
    padding-right: 30px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-position: right 10px top 50%;
    background-size: auto 18px;
    background-repeat: no-repeat;
}

textarea.input-text { height: inherit; padding: 8px 12px; }

.woocommerce-EditAccountForm fieldset { margin-bottom: 35px; padding: 12px 20px; border: 2px solid #E5E5E5; border-radius: 4px; margin-top: 30px; }
.woocommerce-EditAccountForm fieldset legend {  display: block; font-weight: 600; font-size: 16px; text-transform: uppercase;  margin-bottom: 0; padding-right: 15px; padding-left: 15px;  width: auto;  }

.password-input { position: relative; display: block; }
.show-password-input { color:#2D84CE; font-size:16px; display:flex;justify-content:center;align-items:center;position:absolute;top:0;inset-inline-end:0;width:40px;height:40px;cursor:pointer;transition:all .25s ease;padding:0;border:none;background:none;box-shadow:none;min-height:unset; } 
.show-password-input:hover { color: #000000; }
.show-password-input::before { font-family: "Font Awesome 6 Free";  content: "\f06e"; }
.show-password-input.display-password::before { content: "\f070"; }

.woocommerce-password-strength { margin: 6px 0; padding: 6px 10px; font-size: 14px; border-radius: 4px;    }
.woocommerce-password-strength.short { background-color: #ffe5e5; color: #c53d3d; }
.woocommerce-password-strength.bad { background-color: #FFEDDA; color: #824E37; }
.woocommerce-password-strength.good { background-color: #e5f8cd; color: #588d1b; }
.woocommerce-password-strength.strong { background-color: #c9ebd3; color: #1b690f; }
.woocommerce-password-hint { display: block; font-style: italic; color:#2D84CE;  }

/* Select 2 */
.select2-container .select2-selection--single {  border: 2px solid #E5E5E5; border-radius: 4px; height: 42px;  }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 39px; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 12px; }
.select2-container--default .select2-selection--single .select2-selection__arrow {  height: 40px; right: 9px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 7px 6px 0 6px; border-color: #2D84CE transparent transparent transparent; }


/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       RSET PASSWORD                                           ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
.lost_reset_password { margin-right: auto; margin-left: auto; max-width: 470px; }
.lost_reset_password .button { display: flex; width: 100%; }
.lost_reset_password p.form-row-first { width: 100%; }

label.woocommerce-form__label-for-checkbox { cursor: pointer; user-select: none; margin-bottom: 20px;    }
label.woocommerce-form__label-for-checkbox input[type="checkbox"] { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; margin: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
label.woocommerce-form__label-for-checkbox span { display: flex; align-items: center;  gap: 0 8px; }
label.woocommerce-form__label-for-checkbox:hover span { color:#2D84CE; }
label.woocommerce-form__label-for-checkbox span::before {  font-size: 19px; font-weight: 500; font-family: "Font Awesome 6 Free";  content: "\f0c8"; color:#2D84CE;  }
label.woocommerce-form__label-for-checkbox input[type="checkbox"]:checked + span::before { font-weight: 700; content: "\f14a"; }

/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       BUTTONS                                                 ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
.woocommerce-MyAccount-content {}
.woocommerce-MyAccount-content h2 { font-size: 18px; text-transform: uppercase; }

/* DEFAULT */
.button:not(.wc-forward, .button_js),   /* + :not(.add_to_cart_button)  */
button[type="submit"] { 
    -webkit-appearance: button; cursor: pointer; position: relative;
    display: inline-flex; height: 44px; align-items: center; justify-content: center; 
    border-radius: 4px; padding: 0 20px; border: 2px solid transparent; outline: none; 
    gap: 0 5px; vertical-align: middle; text-align: center; text-decoration: none; 
    transition: all .25s ease;
    border-color: var(--sky);
    color: var(--darker);
    font-weight: 500; 
}
.button[disabled], 
[type="submit"][disabled] { opacity: 0.6; cursor: default; }

/* GREEN */
.button.add_to_cart_button { background-color: var(--green-dark); border-color: var(--green-dark); color: var(--white); }

/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       MINIBASKET                                              ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */

.header-basket { position: relative; }
.head-basket { display: inline-flex; align-items: center; gap: 0 15px; color: var(--white); }
dl.head-basket dt { flex-shrink: 0; margin: 0; }
dl.head-basket dt a.href { display: block; }
dl.head-basket dt a.href img.img { height: 36px; }
dl.head-basket dd { flex-grow: 1; margin: 0; }
dl.head-basket dd label.label { display: block; line-height: 1; margin-bottom: 2px; opacity: 0.5; font-size: 10px; text-transform: uppercase; letter-spacing:0.8px;  }

a.minibasket-items { display: flex; align-items: center; color: inherit; text-decoration: none; white-space: nowrap;  }
a.minibasket-items .icon-count { order: 1; font-size: 120%; font-weight: 600; color: var(--green); }
a.minibasket-items .amount::before { content: '/'; padding: 0 6px; color: var(--white); opacity: 0.5;   }
a.minibasket-items .amount { order: 2; }


.minibasket-wrapper { 
    width: 310px; padding-top: 8px;  position: absolute; top: 100%; right: 0; z-index: 101; 
    overflow: hidden; opacity: 0; transform: scale(1, 0); transition: all ease 0.1s;  
    background-color: var(--white); border-radius: 4px; border: 2px solid var(--blue);  
    box-shadow: var(--shadow-card);
    color: var(--black);
    /* ENABLE VISIBILITY 
    overflow:inherit; max-height:none; transform: scale(1); opacity: 1;
    */  
     
    
}
.header-basket:hover .minibasket-wrapper { overflow:inherit; max-height:none; transform: scale(1); opacity: 1; }

.minibasket-wrapper::before,
.minibasket-wrapper::after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; }
.minibasket-wrapper::before { border: 6px solid; border-color: transparent transparent var(--white); z-index: 99; right: 12px; top: -10px; }
.minibasket-wrapper::after { right: 11px; top: -14px; border: 7px solid; border-color: transparent transparent var(--blue); z-index: 98; }

.minibasket-content {  padding: 15px; }

ul.woocommerce-mini-cart { margin: 0; padding: 0; list-style: none none; list-style-position: inside; font-size: 14px; }
ul.woocommerce-mini-cart > li { display: flex; align-items: center; gap: 0 10px;  line-height: 1.10; position: relative; margin-bottom: 12px; }
ul.woocommerce-mini-cart > li > a { color: inherit; text-decoration: none; }
ul.woocommerce-mini-cart > li > a.remove { 
    position: absolute; top: -8px; left: -8px;
    flex-shrink: 0; border-radius: 50%; background-color: var(--red); color: var(--white); 
    display: flex; align-items: center; justify-content: center; width: 20px; height: 20px;
    text-decoration: none;  
    transition:background-color 0.2s;
}
ul.woocommerce-mini-cart > li > a.remove:hover { border: 1px solid var(--red); color: var(--red); background-color: var(--white); } 
ul.woocommerce-mini-cart > li > a:not(.remove) { display: flex; align-items: center; gap: 0 12px; flex-grow: 1; }
ul.woocommerce-mini-cart > li > a:not(.remove):hover { text-decoration: underline; }
ul.woocommerce-mini-cart > li > a .size-woocommerce_thumbnail,
ul.woocommerce-mini-cart > li > a .woocommerce-placeholder.wp-post-image { 
    padding: 2px; background-color: var(--white);  border: 2px solid var(--grey-light); flex-shrink: 0; height: auto; 
    max-width: 38px; min-height: 38px; 
}




ul.woocommerce-mini-cart > li > span.quantity { display: block; text-align: right;  color: var(--green); flex-shrink: 0; white-space: nowrap; }
ul.woocommerce-mini-cart > li > span.quantity span.amount { display: block; color: var(--black); }

.woocommerce-mini-cart__empty-message::before { 
    display: block; height: 30px; margin-bottom: 15px; content: ''; text-align: center;
    background-size: auto 100% ; background-position: center bottom;  background-repeat: no-repeat;  
    background-image: url('../images/icon-empty.svg'); 
}
.woocommerce-mini-cart__empty-message { text-align: center; padding: 10px 20px 20px 20px; margin: 0; font-size: 14px; font-style: italic; opacity: 0.5; }


.woocommerce-mini-cart__total {  display: flex; justify-content: space-between; border-top: 3px solid var(--grey-light); padding-top: 10px; margin-bottom: 10px; font-size: 14px; }
.woocommerce-mini-cart__total > strong { font-weight: normal; }  
.woocommerce-mini-cart__total > .amount { font-weight: 600; }  
.woocommerce-mini-cart__buttons { margin-bottom: 0; display: flex; flex-direction: column; justify-content: space-between; }
.woocommerce-mini-cart__buttons .button {
    padding: 8px 15px; border-radius: 4px; border: 2px solid transparent; background-color: var(--grey-light);
    margin-bottom: 8px;  color: inherit;  text-decoration: none; text-align: center; font-size: 15px; 
}  /* .wc-forward */
.woocommerce-mini-cart__buttons .button.checkout { background-color: var(--green); font-weight: 500; text-transform: uppercase;   }
.woocommerce-mini-cart__buttons .button:last-child { margin-bottom: 0; }

/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       BASKET PAGE                                             ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */

.woocommerce-cart .component-heading { display: none; }

.basket-wrapper { display: flex; flex-wrap: wrap; align-items: stretch; gap: 0 40px; }
.basket-wrapper > * { flex: 1 1 100%;   max-width: 100%; } 
.basket-wrapper .woocommerce-cart-form { flex: 1 0 0;  }
.basket-wrapper .cart-collaterals { 
    flex-grow: 0.5; flex-shrink: 0; flex-basis: 0px;                /* flex: .7 0 0;  */
    /*  flex-grow: 0; flex-shrink: 0; flex-basis: 320px; */         /* flex: 320px 0 0;  */
}

/*  Basket Table  */
.shop_table.cart {}
.shop_table.cart thead .product-remove { background-color: transparent; }
.shop_table.cart tr th { padding: 15px 10px; border-bottom: 2px solid #ECECEC; text-transform: uppercase; font-size: 15px; vertical-align: middle; text-align: start;  }
.shop_table.cart tr :is(td, th):first-child { padding-inline-start: 0; }
.shop_table.cart th:is(.product-remove, .product-thumbnail) { font-size: 0; }
.shop_table.cart th.product-remove { width: 40px; }
.shop_table.cart tr :is(td, th):first-child { padding-inline-start: 0; }
.shop_table.cart th.product-thumbnail { width: 10px; }
.shop_table.cart th.product-name { text-align: start;  }
.shop_table.cart tr.cart_item td { border-bottom: 1px solid #ECECEC; padding: 6px 0; }
.shop_table.cart tr.cart_item td.product-name {  padding-left: 15px; }
.shop_table.cart tr.cart_item td.product-price {  text-align:right; }
.shop_table.cart tr.cart_item td.product-quantity { text-align: center; }
.shop_table.cart tr.cart_item td.product-subtotal { padding-inline-end: 0; text-align: right; }

td.product-remove a, 
.woocommerce-remove-coupon { 
    display: inline-flex; align-items: center; justify-content: center; 
    width: 26px; height: 26px; border-radius: 50%; color: var(--red);  text-decoration: none;  
    border:1px solid var(--red); outline: 2px solid transparent; line-height: 1; font-size: 20px; 
    transition:all 0.2s;
}
td.product-remove a:hover,
.woocommerce-remove-coupon:hover { background-color: var(--red); color: var(--white); outline-color: #fae2e2; }
td.product-thumbnail > a { display: block; overflow: hidden; }
td.product-thumbnail img { min-width: 80px; max-width: 80px; border-radius: 3px; }
td.product-name a:not(:where(.button)) { display: block; word-wrap: break-word; display: inline-block; }
td.product-price > .amount { font-weight: 400; }




/* Sidebar Basket Sidebar Summary*/
.basket-wrapper {}
.cart_totals { padding: 20px; border: 4px solid #ECECEC; border-radius: 12px; position: sticky; top: 30px; }
.cart_totals > h2 {  font-size: 17px; text-transform: uppercase; font-weight: 600; }
.cart_totals .shop_table { margin-bottom: 20px; }
.cart_totals .shop_table tr {}
.cart_totals .shop_table tr th,
.cart_totals .shop_table tr td { padding: 8px 20px 8px 0px; border-bottom: 2px solid #ECECEC; }
.cart_totals .shop_table tr th { text-align: left; }
.cart_totals .shop_table tr td[data-title] { text-align: right; }
.cart_totals .shop_table tr.cart-subtotal {}
.cart_totals .shop_table tr.cart-subtotal th {}

.cart_totals .shop_table tr.order-total th { text-transform: uppercase; font-size: 18px; }
.cart_totals .shop_table tr.order-total td strong { font-size: 18px; font-weight: 700; }

.cart_totals ul.woocommerce-shipping-methods { margin: 0; padding: 0; list-style: none none; list-style-position: inside;  }
.cart_totals ul.woocommerce-shipping-methods > li {}

.cart_totals .woocommerce-shipping-destination { margin-bottom: 0; }
.cart_totals .woocommerce-shipping-calculator { padding: 8px 0; }

.cart_totals .shipping-calculator-form { margin-top: 15px; padding: 12px; background-color: #F5F5F5;  text-align: left; }
.cart_totals .shipping-calculator-form p:last-child { margin-bottom: 0; }
.cart_totals .shipping-calculator-form [type="submit"] { display: block; height: auto; font-weight: normal; width: 100%; padding: 6px 12px; text-decoration: none; border: 2px solid var(--blue);  background-color: white;  }

.cart_totals .shipping-calculator-button { display: inline-block; padding: 5px 12px;  text-decoration: none; border: 2px solid var(--blue); }

.cart_totals .wc-proceed-to-checkout {}
.cart_totals .wc-proceed-to-checkout .checkout-button { display: block; text-transform: uppercase; padding: 12px 15px; text-align: center; border-radius: 3px; font-size: 15px; font-weight: 600; text-decoration: none; color: var(--white); background-color: var(--green-dark); }

/* https://futuretransfers.co.uk/wp-content/themes/woodmart/css/parts/woo-mod-quantity.min.css */
.product-quantity div.quantity{
    --wd-form-height:38px;
    --wd-form-color: inherit;
    --quantity-space: inherit;
    --wd-form-brd-width: 2px;
    --wd-form-brd-color: #ECECEC;
    --wd-form-bg: transparent;
    --wd-form-brd-radius: 3px;
    display:inline-flex;vertical-align:top;white-space:nowrap;
}

.product-quantity div.quantity :is(input[type="number"] ) {display:inline-block; }
.product-quantity div.quantity input[type="number"]{
    border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    border-right:none;border-left:none;
    width:30px; text-align: center; border-radius:0;
}
.product-quantity div.quantity input[type="text"]{width:var(--quantity-space,80px); text-align:center}
.product-quantity div.quantity [type="button"]{
    padding:0 5px; min-width:25px; min-height:unset; height:var(--wd-form-height); background:var(--wd-form-bg); box-shadow:none;
    border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
}
.product-quantity div.quantity [type="button"]:hover{ cursor: pointer;  }
.product-quantity div.quantity .minus{border-start-start-radius:var(--wd-form-brd-radius);border-end-start-radius:var(--wd-form-brd-radius)}
.product-quantity div.quantity .plus{border-start-end-radius:var(--wd-form-brd-radius);border-end-end-radius:var(--wd-form-brd-radius)}
.product-quantity div.quantity.hidden{display:none!important}
.form-style-underlined div.quantity input[type="number"],
.form-style-underlined div.quantity input[type="text"]{border-top-style:solid}

/* Basket Actions */
.shop_table.cart .actions { padding: 20px 0; text-align: right;  }
.shop_table.cart .actions .coupon { display: flex; flex-wrap: wrap; align-items: start; gap: 30px; margin-top: 30px; }
.shop_table.cart .actions .coupon .input-text { padding: 0 12px; width: 100%; max-width: 180px; height: 42px; border: 2px solid #E5E5E5; border-radius: 4px; background-color: transparent; font-size: 16px; box-shadow: none; color: #000; vertical-align: middle; transition: border-color .5s ease;  }



/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       PAGINATION (WOO)                                        ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */

.woocommerce-pagination { display: flex; padding: 20px 0; align-items: center; justify-content: center; }
ul.page-numbers {
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;
    display: flex; align-items: center; gap: 0 6px;
}
ul.page-numbers > li { line-height: 1; font-size: 17px; font-weight: 600; }
ul.page-numbers .page-numbers { display: inline-block; padding: 8px 15px; border-bottom: 4px solid transparent;  transition:all 0.2s; }
ul.page-numbers .page-numbers.dots { opacity: 0.5; }
ul.page-numbers .page-numbers.current { border-color: var(--green); }
ul.page-numbers span.page-numbers {  border-radius: 3px; }
ul.page-numbers a.page-numbers { color: var(--blue); text-decoration: none; }
ul.page-numbers a.page-numbers:hover { background-color: #ECF2F3;  border-color: var(--sky); }

ul.page-numbers a.page-numbers.prev {}
ul.page-numbers a.page-numbers.next {}


/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       FILTER EVERYTHING                                       ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
.wpc-filter-chips-list a,
body .wpc-filter-chips-list li.wpc-filter-chip a { padding: 5px 12px 5px !important; border-width: 2px !important; }
body .wpc-filter-chips-list li.wpc-chip-reset-all a { border-color: var(--alert-danger-background) !important; }
body .wpc-filter-chips-list li.wpc-chip-reset-all a:hover { background-color: var(--alert-danger-bg); }


/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       CHECKOUT PAGE                                           ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
.wcpay-express-checkout-wrapper, 
.wc-block-components-express-payment__event-buttons { list-style: none; }
.wcpay-express-checkout-wrapper { width: 100%; clear: both; display: flex; flex-direction: column; }
#coupons_list { margin-bottom: 1.5em; border: 1px solid; border-radius: 4px; }
 
form.woocommerce-checkout {
  --wd-row-gap: 30px;
  --wd-col-gap: 30px;
  display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--wd-row-gap) var(--wd-col-gap);
}
form.woocommerce-checkout > * { order: -1; flex: 1 1 100%; width: 100%; }
form.woocommerce-checkout #customer_details,
form.woocommerce-checkout #order_review_wrapper  { order: unset; flex: 1 0 0; width: auto; max-width: 50%;  }
form.woocommerce-checkout #order_review_wrapper {  position: sticky; top: 30px; padding: 20px; background-color: var(--grey-05); border-radius: 4px; }

form.woocommerce-checkout h3 { text-transform: uppercase; font-size: 18px; }
#order_review_wrapper > h3 {  text-align: center;   font-size: 20px;  }

table.woocommerce-checkout-review-order-table { text-align: left; margin-bottom: 20px;  }
table.woocommerce-checkout-review-order-table th,
table.woocommerce-checkout-review-order-table td { padding: 10px 15px; }
table.woocommerce-checkout-review-order-table tr { border-bottom: 1px solid var(--grey-30); }
table.woocommerce-checkout-review-order-table thead tr th {  border-top: 1px solid var(--grey-30); border-bottom: 1px solid var(--grey-30);  }
table.woocommerce-checkout-review-order-table .product-total,
table.woocommerce-checkout-review-order-table .product-total,
table.woocommerce-checkout-review-order-table tr.cart-subtotal td,
table.woocommerce-checkout-review-order-table tr.shipping td,
table.woocommerce-checkout-review-order-table tr.order-total td { text-align: right; }
table.woocommerce-checkout-review-order-table .product-name { font-weight: 600; }
table.woocommerce-checkout-review-order-table .product-name .product-quantity { color: var(--green-dark); }

.woocommerce-shipping-methods,
.payment_methods { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }

form.woocommerce-checkout #order_comments { height:100px; }

form.woocommerce-checkout #place_order { 
    width: 100%; background-color: var(--green-dark); border-color: var(--green-dark); color: var(--white); 
    text-transform: uppercase; font-size: 17px; height: 54px;
}


/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                   MY ACCOUNT ORDERS                                           ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
.woocommerce-orders-table { 
    display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse;  
    border: 2px solid #dedede;  margin-bottom: 20px;
}
.woocommerce-orders-table th,
.woocommerce-orders-table td { padding: 7px 14px; }
.woocommerce-orders-table thead th { text-align: left; text-transform: uppercase; background-color: #dedede;  }
.woocommerce-orders-table tr td { border: 2px solid #ededed; }
.woocommerce-orders-table tfoot th { text-align: right; }
.woocommerce-orders-table tfoot td { font-weight: bold;  }


/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                               ORDER / SUCCESS PAGE                                            ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */

.woocommerce-order {}
.woocommerce-order .woocommerce-customer-details { display: none; }
.woocommerce-order .woocommerce-order-details__title { display: none; }

.woocommerce-thankyou-order-received { background-color: #9CFDD3; padding: 8px 15px; border-radius: 3px;   }
ul.woocommerce-order-overview { 
    margin: 0 0 20px 0; padding: 12px 15px; list-style: none none; list-style-position: inside; 
    background-color: #BFF2FC; border-radius: 3px;  
}
ul.woocommerce-order-overview > li { margin-bottom: 5px; }
ul.woocommerce-order-overview > li:last-child { margin-bottom: 0; }

.woocommerce-table--order-details { 
    display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse;  
    border: 2px solid #dedede;  margin-bottom: 20px;
}
.woocommerce-table--order-details th,
.woocommerce-table--order-details td { padding: 7px 14px; }
.woocommerce-table--order-details thead th { text-align: left; text-transform: uppercase; background-color: #dedede;  }
.woocommerce-table--order-details tr td { border: 2px solid #ededed; }
.woocommerce-table--order-details tfoot th { text-align: right; }
.woocommerce-table--order-details tfoot td { font-weight: bold;  }

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* LG */ 
@media (max-width: 1279.98px) {


    dl.head-basket dt a.href img.img { height: 30px; }
    .basket-wrapper { gap: 0 20px; }
    .cart_totals { padding: 15px; border-width: 3px }


} /* @media ---| width < 1200px |--- */

/* MD */ @media (max-width: 991.98px) {

    .basket-wrapper { flex-wrap: wrap; }
    .basket-wrapper .woocommerce-cart-form { flex-basis: 100%; } 
    .basket-wrapper .cart-collaterals { flex-basis: 100%; } 
 

} /* @media ---| width < 992px |--- */

/* SM */ @media (max-width: 767.98px) {

    td.product-thumbnail img { min-width: 40px; max-width: 40px; }

    form.woocommerce-checkout { flex-wrap: wrap; }
    form.woocommerce-checkout #customer_details, 
    form.woocommerce-checkout #order_review_wrapper { flex-basis: 100%; width: 100%; max-width: 100%; }


} /* @media ---| width < 768px |--- */

/* XS */ @media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {

    .head-basket { gap: 0 2px; }
    dl.head-basket dt a.href img.img { height: 23px; }
    dl.head-basket dd label.label { display: none; }
    dl.head-basket dd a.minibasket-items .amount { display: none; }
    .minibasket-wrapper { right: -12px; width: 290px; }

    ul[class^="woocommerce-"][role="alert"] > li { font-size: 14px; }
    div.woocommerce-info[role="status"] { flex-wrap: wrap; gap: 0 20px; padding-block: 12px; padding-inline: 12px 12px; }

    .shop_table.cart { display: block; }
    .shop_table.cart > * { display: block; }
    .shop_table.cart thead { display: none; }
    .shop_table.cart tr.cart_item { padding: 12px 0; display: flex; justify-content: space-between; align-items: center; gap: 0 6px; flex-wrap: wrap; border-bottom: 2px solid #ECECEC; }
    .shop_table.cart tr.cart_item td { border: none; }
    .shop_table.cart tr.cart_item td.product-thumbnail img { min-width: 80px; max-width: 80px; }
    .shop_table.cart tr.cart_item td.product-name { padding-left: 0; flex-basis: 100%; }
    .shop_table.cart tr.cart_item td.product-price { text-align: left; flex-basis: 33%; }
    .shop_table.cart tr.cart_item td.product-quantity { flex-basis: 33%; } 
    .shop_table.cart tr.cart_item td.product-subtotal { flex-basis: auto; font-weight: bold;  } 

    .cart_totals .shop_table tr.order-total th { font-size: 16px; }
    .cart_totals .shop_table tr.order-total td strong { font-size: 16px; }

    #order_review_wrapper > h3 { font-size: 17px; }
    form.woocommerce-checkout #order_review_wrapper { padding: 12px; }

    p.form-row-first,
    p.form-row-last { float: none; width: 100%; }
    p:where(.form-row-first, .form-row-last) { width: 100%; margin-bottom: 12px; }


  
} /* @media ---| width < 576px |--- */

@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }

/* XXS */ @media (max-width: 319.98px) and (orientation:landscape) {}
@media (max-width: 319.98px) {


} /* @media ---| width < 320px |--- */

/* ---| END |--- */
/* ¡ NO STYLES BELOW THIS LINE PLEASE ! */