/* General button style for 'Empty Cart' */
a.button[class*="empty-cart-button"] {
    background-color: #000 !important;
    border-radius: 6px;
    float: right;
}

/* Styling for cart totals shipping */
[class*="cart-totals-inner"] tr[class*="shipping"] td>* {
    margin-bottom: 15px;
    text-align: left;
    font-size: 12px;
}

/* Universal styling for shipping method labels */
[class*="woocommerce-shipping-methods"] label {
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    display: block;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    position: relative;
    color: #000;
    line-height: 1rem;
    border: 1px solid #E0E0E2;
}
[class*="woocommerce-shipping-methods"] input[type="radio"]:checked + label {
    background-color: #EDF7FF;
    border-color: #5293C7;
    color: #005077;
    margin-bottom: 15px;
    text-align: left;
    font-size: 12px;
    border-width: 2px;
}

/* Pseudo-element for checked state */
[class*="woocommerce-shipping-methods"] input[type="radio"]:checked + label::after {
    color: #005077;
}

/* Price amount styling */
[class*="woocommerce-shipping-methods"] label .woocommerce-Price-amount.amount {
    display: block; /* Ensure price is on a new line */
    margin-top: 5px;
    font-size: 0.9em;
    color: #000;
}
/* Style the shipping method container dynamically */
[id^="shipping_method_"] {
    display: flex;
    align-items: center;
    background-color: #FAFBFD; /* Light background */
    border: 1px solid #E0E0E2; /* Light grey border */
    border-radius: 8px;
    padding: 15px 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: 10px auto;
    font-family: 'Roboto', sans-serif;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer; /* Enhances interactivity */
    position: relative;
}

/* Hover effect for interactivity */
[id^="shipping_method_"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
}
/* Ensure text inside shipping elements remains readable */
[id^="shipping_method_"] label {
    color: #333;
    font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    [id^="shipping_method_"] {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
    }

    [id^="shipping_method_"]::before {
        margin-right: 0;
        margin-bottom: 5px;
    }
}
[class*="woocommerce-shipping-methods"] input[type="radio"]:checked + label {
    background-color: #e6f4ff;
    border-color: #0A93FF;
    color: #005077;
    margin-bottom: 15px;
    text-align: left;
    font-size: 12px;
}
.woocommerce-shipping-methods label {
    text-align: left;
    font-size: 12px;
}
div.max-quantity-info {
    background-color: #FEF4E5 !important;
    border-style: solid;
    border-width: 1px;
    border-color: #8D6B48;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    color: #8D6B48;
    padding: 10px;
    max-height: 40px;
}
.wd-nav-pagin-wrap[class*="wd-style-shape"] span {
  width: 60px;
  height: 2px !important;
  border: var(--wd-pagin-brd, 1px solid) var(--wd-pagin-brd-color, var(--color-gray-300));
}
.wd-nav-pagin {
  gap: var(--wd-pagin-gap, 0px);
}
.wd-arrow-inner {
  display: none;
}
.wd-logo img {
    margin-left: -20px;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image {
    border-style: solid;
    border-color: #E4E5E5;
    border-width: 1px;
}

.elementor-widget-loop-carousel .swiper-pagination-bullet {
    width: 150px !important;
    height: 2px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    border-radius: 0px !important;
}
/*-- Site-wide CSS --*/
@media screen and (min-width:768px) {
    .dd-mixed-grid.dd-mixed-grid {
        --_dd-content-size: var(--dd-content-size, 1140px);
        --_dd-gap: var(--dd-gap, 20px);
        grid-auto-flow: row dense;
        --_dd-col1-pct: var(--dd-col1-pct, 40);
        --_dd-grid-padding: var(--dd-grid-padding, 10px);
        /*-- DON'T TOUCH --*/
        --_dd-col1-width: var(--dd-col1-width, min((var(--_dd-col1-pct) * (100% - var(--_dd-gap)) / 100), (var(--_dd-col1-pct) * (var(--_dd-content-size) - var(--_dd-gap)) / 100)));
        --_dd-col2-width: var(--dd-col2-width, min(((100 - var(--_dd-col1-pct)) * (100% - var(--_dd-gap)) / 100), ((100 - var(--_dd-col1-pct)) * (var(--_dd-content-size) - var(--_dd-gap)) / 100)));
        --_dd-grid-cols: [full-start col1-stretch-start] minmax(var(--_dd-grid-padding), 1fr) [col1-boxed-start content-start] var(--_dd-col1-width) [col1-boxed-end col1-stretch-end] var(--_dd-gap) [col2-boxed-start col2-stretch-start] var(--_dd-col2-width) [col2-boxed-end content-end] minmax(var(--_dd-grid-padding), 1fr) [col2-stretch-end full-end];
    }
    
    :where(.dd-mixed-grid>.elementor-element) {
        grid-column: content;
    }
    
    /* Grid-Child Modifier Classes */
    .dd-mixed-grid__col1--boxed {
        grid-column: col1-boxed;
    }
    
    .dd-mixed-grid__col2--boxed {
        grid-column: col2-boxed;
    }
    
    .dd-mixed-grid__col1--stretch {
        grid-column: col1-stretch;
    }
    
    .dd-mixed-grid__col2--stretch {
        grid-column: col2-stretch;
    }
    
    .dd-mixed-grid__content {
        grid-column: content;
    }
}
.wd-backface-hidden .wd-carousel-item {
    background-color: #fffff000;
}
.elementor-widget-loop-carousel .swiper-pagination-bullets {
    top: calc(var(--dots-vertical-position) + var(--dots-vertical-offset));
    left: calc(var(--dots-horizontal-position) + var(--dots-horizontal-offset));
    transform: translate(calc(var(--dots-horizontal-transform) * var(--horizontal-transform-modifier)),var(--dots-vertical-transform));
    margin-top: 15px;
}


.wd-sub-menu li>a {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
}
.wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height) .wd-sub-menu>li>a, .mega-menu-list>li>a {
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 10px;
}
div.u-column1.col-1 woocommerce-Address {
	background-color: #fff !important;
}
address {
    font-size: 14px;
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #E5E5E5;
}
.wd-sub-menu li>a {
    font-size: 12px !important;
}
/*
 * Bottom Carousel Indicators -->(product page)
 */

.wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
    border-color: #fff !important;
    background-color: #fff !important;
}
.wd-nav-pagin-wrap[class*="wd-style-shape"] span {
    width: var(--wd-pagin-size, 20px);
    height: var(--wd-pagin-size, 1px);
	  border: var(--wd-pagin-brd, 1px solid) var(--wd-pagin-brd-color, var(--color-gray-300));
}
/*
 * Maximale hoogte product gallery
 */

.woocommerce-product-gallery img {
    max-height: 70.9vh;
		object-fit: cover;
}

/*
 * overige code
 */

element.style {
}
.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx)
.pswp--svg .pswp__button, .pswp--svg [class*="pswp__button--arrow--"]:before {
    background-image: url(../../images/default-skin.svg);
}

.elementor-widget-loop-carousel .swiper-pagination-bullet {
    width: 150px !important;
    height: 2px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    border-radius: 0px !important;
}
/*-- Site-wide CSS --*/
@media screen and (min-width:768px) {
    .dd-mixed-grid.dd-mixed-grid {
        --_dd-content-size: var(--dd-content-size, 1140px);
        --_dd-gap: var(--dd-gap, 20px);
        grid-auto-flow: row dense;
        --_dd-col1-pct: var(--dd-col1-pct, 40);
        --_dd-grid-padding: var(--dd-grid-padding, 10px);
        /*-- DON'T TOUCH --*/
        --_dd-col1-width: var(--dd-col1-width, min((var(--_dd-col1-pct) * (100% - var(--_dd-gap)) / 100), (var(--_dd-col1-pct) * (var(--_dd-content-size) - var(--_dd-gap)) / 100)));
        --_dd-col2-width: var(--dd-col2-width, min(((100 - var(--_dd-col1-pct)) * (100% - var(--_dd-gap)) / 100), ((100 - var(--_dd-col1-pct)) * (var(--_dd-content-size) - var(--_dd-gap)) / 100)));
        --_dd-grid-cols: [full-start col1-stretch-start] minmax(var(--_dd-grid-padding), 1fr) [col1-boxed-start content-start] var(--_dd-col1-width) [col1-boxed-end col1-stretch-end] var(--_dd-gap) [col2-boxed-start col2-stretch-start] var(--_dd-col2-width) [col2-boxed-end content-end] minmax(var(--_dd-grid-padding), 1fr) [col2-stretch-end full-end];
    }
    
    :where(.dd-mixed-grid>.elementor-element) {
        grid-column: content;
    }
    
    /* Grid-Child Modifier Classes */
    .dd-mixed-grid__col1--boxed {
        grid-column: col1-boxed;
    }
    
    .dd-mixed-grid__col2--boxed {
        grid-column: col2-boxed;
    }
    
    .dd-mixed-grid__col1--stretch {
        grid-column: col1-stretch;
    }
    
    .dd-mixed-grid__col2--stretch {
        grid-column: col2-stretch;
    }
    
    .dd-mixed-grid__content {
        grid-column: content;
    }
}
.wd-backface-hidden .wd-carousel-item {
    background-color: #fffff000;
}
.elementor-widget-loop-carousel .swiper-pagination-bullets {
    top: calc(var(--dots-vertical-position) + var(--dots-vertical-offset));
    left: calc(var(--dots-horizontal-position) + var(--dots-horizontal-offset));
    transform: translate(calc(var(--dots-horizontal-transform) * var(--horizontal-transform-modifier)),var(--dots-vertical-transform));
    margin-top: 15px;
}
.wd-side-hidden.wd-opened {
	border-radius: 6px;
}

/*-- Site-wide CSS --*/

.wd-products[class*="wd-stretch-cont"] .wd-product :is(.price,.wrap-price,.product-rating-price) {
    margin-bottom: 6px;
}
.wd-my-account-links a {
    box-shadow: none !important;
    border-style: solid;
    border-width: 1px;
    border-color: #E4E5E5;
	  --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		border-radius: 6px !important;
}
.main-page-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-muted-50) / 1);
    background-color: rgb(var(--color-muted-50) / var(--tw-bg-opacity));
    --color-muted-50: 249 250 251;
}
.woocommerce-MyAccount-navigation ul li.is-active>a {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #E5E5E5;
    margin-bottom: 5px;
}
.wd-group-enable .wd-products-element {
    background-color: #fff;
	  border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
button.mfp-close:after {
    margin-right: 10px;
    margin-bottom: 10px;
}
.wd-close-btn-inset button.mfp-close {
    position: absolute;
    justify-content: right;
}
.wd-wishlist-group-empty {
    background-color: #fff;
	  border-bottom-left-radius: 16px;
	border-bottom-right-radius: 6px;
}
.wd-wishlist-group-head {
    background-color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.wd-wishlist-group {
    border-radius: 6px;
}
.elementor-button-text {
    padding-top: 20px;
}

.wd-side-hidden.wd-opened {
    border-top-left-radius: 6px;
		border-bottom-left-radius: 16px;

}
.wd-side-hidden {
		border-top-left-radius: 6px;
		border-bottom-left-radius: 16px;
}
.wd-heading .title {
    font-size: 100%;
}
.copyrights-centered .min-footer>div:last-child {
    font-size: 14px;
    color: #000;
}
:is(.wd-nav-sticky,.wd-header-nav) .wd-dropdown-menu.wd-design-full-width {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.wd-dropdown {
    box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.15);
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #E4E4E4;
    border-radius: 6px;
}
.wd-sub-menu li>a {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
}
.wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height) .wd-sub-menu>li>a, .mega-menu-list>li>a {
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 10px;
}
.wd-dropdown-menu.wd-design-full-width {
    --wd-dropdown-width: 99.2vw;
}
.wd-nav[class*="wd-style-underline"] .nav-link-text {
    font-size: 6px;
    font-weight: 600;
}
.wd-my-account-links a {
    border-color: #c3c3c3;
    border-radius: 6px !important;
}
.wd-tools-element.wd-design-6>a>:is(.wd-tools-inner,.wd-tools-icon) {
    background-color: #fff;
}
.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-tools-count {
    background-color: #000;
		color: #fff;
    font-size: 12px;
}
.min-footer {
    padding-block: 5px;
}
button.mfp-close {
    top: 4px;
    inset-inline-end: -10px;
    color: #000;
}
button.mfp-close:after {
    color: #000;
}
.wd-search-full-screen.wd-opened {
    margin-top: 80px !important;
    border-radius: 6px;
}
.wd-search-full-screen .wd-dropdown-results, .wd-search-full-screen .wd-dropdown-results .wd-scroll-content {
    height: 100%;
    border-bottom-left-radius: 16px;
	  border-bottom-right-radius: 16px;
    margin-top: -10px;
}
.wd-search-full-screen {
    margin-top: 80px !important;
    border-radius: 6px;
}
.main-page-wrapper {
    min-height: 70vh;
}
.wd-sticky-btn {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.wd-btn-design-full form.cart :where(.single_add_to_cart_button,.wd-buy-now-btn) {
    background-color: #000 !important;
}
.page .main-page-wrapper {
    background-color: rgb(var(--color-muted-50) / var(--tw-bg-opacity));
}
.elementor-kit-271 h2 {
    font-size: 22px;
}
.footer-container {
    background-color: #F9FAFB !important;
}
.page-title-default {
    background-color: #191919;
    text-align: -webkit-center;
}
.elementor-button-icon svg {
    width: 1.3em;
    margin-top: 18px;
}
.wd-search-full-screen {
    box-shadow: 0 0 14px rgb(0 0 0 / 60%);
}
.btn.btn-style-link {
    border-width: 0px;
}
.wd-toolbar {
    box-shadow: 0 0 9px rgb(0 0 0 / 50%);
    border-radius: 6px;
    margin: 5px;
}
.sticky-toolbar-on .wd-sticky-btn {
        margin-left: 5px;
        margin-right: 5px;
    }
button.mfp-close:after {
    margin-right: 10px;
    margin-bottom: 10px;
}
.wd-close-btn-inset button.mfp-close {
    position: absolute;
    justify-content: right;
}
.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon {
    margin-bottom: 3px !important;
}
.wd-my-account-links a:before {
    display: inline;
    margin-right: 20px;
    font-size: 30px;
}
.wd-my-account-links a {
    text-align: justify;
}
.blog-design-list.blog-style-bg .wd-post-inner {
    padding: 30px !important;
}
.wd-post.blog-style-bg .wd-post-inner {
    border-style: solid;
	  border-width: 1px;
	  border-color: #E9F0F4;
    border-radius: 6px !important;
	  box-shadow: none !important;
	  font-size: 14px;
}
.wd-entities-title a {
    color: inherit;
    font-size: 21px;
}
div.u-column1.col-1 woocommerce-Address {
	background-color: #fff !important;
}
address {
    font-size: 14px;
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #E5E5E5;
}
.pswp__item {
    background-color: #fff;
}
#cfw.context-thank-you section {
    border-radius: 6px;
}
#cfw.context-thank-you section address {
    background-color: #FAFAFA;
}
.wd-my-account-links a:before {
    vertical-align: middle;
}
.wd-hidden-tab-title {
    padding-block: 10px;
    font-size: 14px;
}
ol, ul {
    --li-mb: 0px;
}
.wd-sub-menu li>a {
    font-size: 12px !important;
}
.woocommerce-product-details__short-description>*:last-child {
    font-size: 14px;
}
.wd-sub-menu li>a:hover {
    color: #c1c1c1;
}
.elementor-1239 .elementor-element.elementor-element-73b0df1 > .elementor-widget-container {
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #E3E4E4;
}
.wd-entities-title a {
    font-size: 14px;
}
.woocommerce-Address-title .edit {
    padding-inline: 12px;
    border-style: dotted;
    border-width: 1px;
    border-radius: 3px;
}
.wd-sticky-nav-title {
    border-radius: 6px;
}
.woocommerce-Address-title .edit {
    color: #1c1c1c;
    font-weight: 400;
    font-size: 9px;
}
.woocommerce-EditAccountForm fieldset {
    background-color: #fff;
}
fieldset {
    border: 1px solid var(--brdcolor-gray-300);
}
.wd-my-account-links a {
    color: #1c1c1c;
}
.wd-nav[class*="wd-style-underline"] .nav-link-text {
    font-size: 14px;
}
html .elementor-1055 .elementor-element.elementor-element-430b3a2 .product_title {
    font-size: 18px !important;
}
.wd-product.wd-hover-buttons-on-hover .product-element-bottom {
    border-top-style: solid;
    border-width: 1px;
    border-radius: 6px;
    border-color: #DDDCDE;
    background-color: #fff;
		box-shadow: 0 0 9px rgb(0 0 0 / 50%);
}
p.stock.wd-style-default.in-stock:before {
    color: var(--wd-primary-color);
    font-family: "woodmart-font";
    content: "";
    display: inline-block;
    margin-inline-end: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #85B951;
    vertical-align: baseline;
}
p.stock.wd-style-default:is(.available-on-backorder,.in-stock) {
    border: 1px solid #85B951;
    color: var(--color-gray-800);
    display: inline-block;
    padding: 4px 12px;
    border-radius: calc(var(--wd-brd-radius) / 1.5);
}
p.stock.out-of-stock {
    color: #B50808;
    display: inline-block;
    padding: 4px 12px;
    border-radius: calc(var(--wd-brd-radius) / 1.5);
}
.wd-product :is(.wd-product-stock) {
    color: #B50808;
		border: 1px solid #85B951;
    display: inline-block;
    padding: 4px 12px;
    border-radius: calc(var(--wd-brd-radius) / 1.5);
}
.products-bordered-grid-ins .product-wrapper {
    background-color: #fff;
}
.amount {
    color: #222 !important;
}
.whb-row .whb-15gpizzco6rgn8ee92oe.wd-tools-element .wd-tools-inner, .whb-row .whb-15gpizzco6rgn8ee92oe.wd-tools-element > a > .wd-tools-icon {
    border-style: solid;
    border-width: 1px;
    border-color: #D6D8DE;
}
.products-bordered-grid-ins :is(.wd-cat-wrap,.product-wrapper) {
    border-style: solid;
    border-width: 1px;
    border-color: #D6D8DE;
    border-radius: 8px;
}
.woocommerce-product-gallery img {
    max-height: 80vh;
	  object-fit: contain;
	  background-color: #fff;
}
span.wc-points-rewards-product-message {
	background-color: #E3F6F3 !important;
	border-style: solid;
	border-width: 1px;
	border-color: #E4E4E4;
	border-radius: 6px;
	font-size: 12px;
	color: #000;
	padding: 10px;
	padding-left: 35px;
	background: url(/vip/wp-content/uploads/sites/6/2025/01/ribbon.svg) 0% 50% no-repeat;
	background-size: 40px 21px;
}
.wd-nav-scroll-drag:hover:before, .wd-grabbing>.wd-nav-scroll-drag:before {
    background: #2b2c33;
}
.wd-nav-scroll-drag:before {
    background: rgb(0 0 0);
}
.wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height) .wd-sub-menu>li>a, .mega-menu-list>li>a {
    font-weight: 200;
    font-size: 16px;
    margin-bottom: 0px;
    text-transform: capitalize;
    color: #838383;
}
div.product-base-selection {
	background-color: #FAFBFD !important;
    border-style: solid;
    border-width: 1px;
    border-color: #E4E4E4;
    border-radius: 6px;
    font-size: 12px;
    color: #000;
    padding: 20px;
    background-size: 40px 21px;
}
div.max-quantity-info {
	background-color: #FEF4E5 !important;
	border-style: solid;
	border-width: 1px;
	border-color: #8D6B48;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 800;
	color: #8D6B48;
	padding: 10px;
	max-height: 40px;
}
:is(.woocommerce-thankyou-order-details,.wc-bacs-bank-details) {
    background-color: #fff;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    border-color: #E5E5E5;
}
.woocommerce-order:not(.wd-with-extra-content) {
    max-width: 1600px;
}
:is(.woocommerce-thankyou-order-details,.wc-bacs-bank-details) strong {
    margin-top: 0px;
}
:is(.woocommerce-thankyou-order-details,.wc-bacs-bank-details) li {
    text-align: justify;
}
li {
    margin-bottom: 0px;
}
address {
    max-width: 40%;
}
[class*="wd-search-full-screen"] .autocomplete-suggestion {
    border-style: solid;
    border-width: 1px;
    border-color: #E5E5E5;
    border-radius: 8px;
    padding: 10px;
	  background-color: #fff;
}
[class*="wd-search-full-screen"] .autocomplete-suggestion:hover, [class*="wd-search-full-screen"] .autocomplete-suggestion.autocomplete-selected {
    border-color: #000;
    background-color: #fff;
}
td.product-name ul.variation {
    margin-top: 5px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    border-radius: 6px;
	  background-color: #FAFBFD;
	  border-color: #E0E0E2;
}
ul.variation {
    font-size: 12px;
    --li-mb: 0px;
    --list-mb: 0;
    --wd-tags-mb: 0;
	 border-style: solid;
    border-width: 1px;
    padding: 5px;
    border-radius: 6px;
	  background-color: #FAFBFD;
	  border-color: #E0E0E2;
}
.mysite-customer-overview {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1em 1.5em;
    margin-bottom: 1em;
}

/* Basic font & structure */
.mysite-customer-overview {
  display: flex;
  justify-content: center;
  padding: 1rem;
}

/* Main card (no shadow variant) */
.overview-card.no-shadow {
  max-width: 700px;
  width: 100%;
  overflow: hidden;
  font-family: "Roboto", sans-serif;
  color: #333;
  /* If you want a subtle border: 
     border: 1px solid #eee; 
  */
}

/* Greeting/title area */
.overview-header {
  margin-bottom: 2.3rem;
}
.overview-header .greeting {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

/* Row of stat-cards */
.stats-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  justify-content: space-between;
}

/* Stat card container */
.stat-card {
  flex: 1;
  min-width: 180px;
  background-color: #FAFBFD;
  border-radius: 8px;
  padding: 0.9rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #e0e0e0;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.07);
}

/* Make the entire card a clickable link */
.link-card {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  display: flex; 
}

/* Icon area inside each card */
.stat-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.75rem;
}
.stat-icon img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

/* Stat content (title + value) */
.stat-content {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
}
.stat-title {
  font-weight: 600;
  font-size: 12px;
  color: #333;
}
.stat-value {
  font-size: 12px;
  color: #666;
  line-height: 1.1;
}

/* Links inside stat-value, e.g. last order link text */
.stat-value a {
  color: #0A93FF;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.3s, border-bottom-color 0.3s;
}
.stat-value a:hover {
  color: #007ACC;
  border-bottom-color: #007ACC;
}

/* Contact email copy link (small, right side) */
.stat-value .copy-link {
  font-size: 0.75rem;
  text-decoration: underline;
  color: #007ACC;
  cursor: pointer;
}
.stat-value .copy-link:hover {
  color: #005F99;
}

/* Single-line last order with progress bar 
   We'll keep the progress bar in the same .stat-value 
   so it doesn't stack. */
.order-progress {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.4rem; /* space above if needed */
}

/* Progress bar track */
.progress-bar-wrapper {
  flex: 1;
  background-color: #e0e0e0;
  border-radius: 4px;
  height: 6px;
  overflow: hidden;
  position: relative;
}

/* Progress bar fill */
.progress-bar {
  height: 100%;
  background-color: #0A93FF;
  transition: width 0.4s ease;
  border-radius: 4px;
}

/* Responsive tweaks */
@media (max-width: 600px) {
  .stats-cards {
    gap: 0.5rem;
  }
  .stat-card {
    flex: 1 1 100%;
    margin-bottom: 0rem;
  }
}
@media (max-width: 480px) {
  .overview-card {
    padding: 0rem;
  }
  .overview-header .greeting {
    font-size: 1.1rem;
  }
}

.stat-icon img {
  width: 25px;
  height: 25px;
  object-fit: contain; /* or 'cover' / 'scale-down' if you prefer */
}
.wd-slider-pagin {
    text-align-last: start;
}
.wd-nav-pagin {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12), 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 14px 28px rgba(0, 0, 0, 0.08);
}
span.order-status {
    border: 1px solid #C4D6C9;
    padding: 1px 5px;
    border-radius: 4px;
    background-color: #D5F1DB;
    color: #374B3F;
    font-size: 11px;
    font-weight: 500;
}
.woocommerce-order .woocommerce-order-overview + p {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #000; /* Black text */
    background: #fff;
    padding: 11px 20px;
    border-radius: 6px;
    border-left: 5px solid #0A93FF;
    gap: 12px;
    max-width: 1600px;
    margin: 20px auto;
	  border: 1px solid #E5E5E5;
	  font-size: 14px;
}

/* Icon before text */
.woocommerce-order .woocommerce-order-overview + p::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('/vip/wp-content/uploads/sites/6/2025/01/danger.svg'); /* Upload your custom icon */
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
	  margin-bottom: 10px;
}
.wd-tools-element.wd-design-6>a>:is(.wd-tools-inner,.wd-tools-icon) {
    background-color: #F9FAFB;
}
div.stock {
	margin-bottom: 7px;
}
div.selectron23-container {
	  min-height: 41px !important;
    border-color: #DFE0E0 !important;
    background: #F9FAFB !important;
}
.selectron23-container .selectron23-option {
    padding: 13px 20px 9px 14px !important;
}
[class*="wd-search-full-screen"] .autocomplete-suggestion {
    border-style: solid;
    border-width: 1px;
    border-color: #E5E5E5;
    border-radius: 8px;
    padding: 10px;
    background-color: #fff;
}
.autocomplete-suggestion {
    display: flex
;
    padding: 15px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: var(--brdcolor-gray-300);
    cursor: pointer;
    line-height: 1;
    transition: all .25s ease;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.mobile-nav .searchform input[type="text"] {
    font-size: 16px;
}
address {
    max-width: 100%;
}


/* 🌟 Make order cards full width and properly aligned */
.woocommerce-MyAccount-orders {
    width: 100%;
}

/* 🌟 Style each order row as a card */
.woocommerce-MyAccount-orders tbody tr {
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    display: flex;
    align-items: center; /* Center all content vertically */
    justify-content: space-between;
    padding: 15px;
    margin-bottom: 15px;
    width: 100%;
}

/* 🌟 Ensure proper spacing and alignment for columns */
.woocommerce-MyAccount-orders tbody tr td {
    padding: 12px 15px;
    text-align: left;
    font-size: 14px;
    flex: 1; /* Make sure columns are evenly spaced */
}

/* 🌟 Make the first column (Order Number) bold */
.woocommerce-MyAccount-orders tbody tr td:first-child {
    font-weight: bold;
    flex: 0.8;
}

/* 🌟 Center align the status column */
.woocommerce-MyAccount-orders tbody tr .woocommerce-orders-table__cell-order-status {
    text-align: center;
    flex: 1;
}

/* 🌟 Ensure last column (Actions) aligns properly */
.woocommerce-MyAccount-orders tbody tr td:last-child {
    text-align: right;
    flex: 1.2;
}

/* 🌟 Ensure table headers match row layout */
.woocommerce-MyAccount-orders thead tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    background: #f8f8f8;
    padding: 12px 15px;
    font-weight: bold;
    border-radius: 8px;
    width: 100%;
}

/* 🌟 Remove table lines and unnecessary styling */
.woocommerce-MyAccount-orders th,
.woocommerce-MyAccount-orders td {
    border: none;
}

/* 🌟 Improve View Order & View Invoice buttons */
.woocommerce-MyAccount-orders tbody tr td .button {
    background-color: #000;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin-left: 5px; /* Space between buttons */
}

.woocommerce-MyAccount-orders tbody tr td .button:hover {
    background-color: #333;
}
/* Hide the column headers completely */
.woocommerce-MyAccount-orders thead {
    display: none;
}
/* Order Item Preview - Full Row Overlay */
div.order-item-preview {
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    display: none;
    z-index: 10; /* Ensures it sits above the row */
    transition: all 0.3s ease-in-out;
}

/* Make sure the order row is positioned relative so the preview can overlay it */
tr.woocommerce-orders-table__row {
    position: relative;
}

/* Ensure the View Items button looks clickable */
.toggle-order-items {
    border: none;
    background: none;
    color: #0A93FF;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 10px;
    transition: color 0.2s ease-in-out;
}

.toggle-order-items:hover {
    color: #0056b3;
}
.woocommerce-MyAccount-orders tbody tr td .button {
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 12px;
    margin-left: 4px;
}
td:is(.product-btn,.woocommerce-orders-table__cell-order-actions) a {
    min-height: 26px;
}
.woocommerce-MyAccount-content>p {
    display: none !important;
}
a.wc-currency-converter-reset.reset {
	display: none;
}
label.currency_switcher_label {
	display: none;
}
select#currency_switcher.select.currency_switcher.select {
	font-size: 12px;
	border-radius: 50px;
	background-color: #F9FAFB;
	color: #333333;
	font-weight: 700;
}
.wd-copyrights {
    background-color: #fff;
}
.main-page-wrapper {
    min-height: 79vh;
}
[class*="title-line-"] .wd-product .wd-entities-title {
    overflow: hidden;
    max-height: calc(var(--title-line-count, 1)* var(--title-line-height, 4.8em));
    line-height: var(--title-line-height, 1.4em);
}
.woocommerce-shipping-methods label {
    margin-bottom: 15px;
}
:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review) {
    background-color: #f7f7f700;
}
:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review):before, :is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review):after {
    background-image: radial-gradient(farthest-side, transparent 6px, #f7f7f700 0);
    background-size: 15px 15px;
}
.wd-notice.wd-warning, .wpcf7 form:not(.sent) .wpcf7-response-output, .mc4wp-error, .mc4wp-notice, :is(.woocommerce-error,.woocommerce-info) {
    background-color: var(--notices-warning-bg);
    color: var(--notices-warning-color);
    background-color: #E3F6F3 !important;
    border-style: solid;
    border-width: 1px;
    border-color: #E4E4E4;
    border-radius: 6px;
    font-size: 12px;
    color: #000;
    padding: 10px;
    padding-left: 35px;
    background-size: 40px 21px;
}
div.woocommerce-form-coupon-toggle {
	display: none;
}
.checkout-order-review>.woocommerce-checkout-review-order .wd-table-wrapper {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.0);
    border-color: #E5E5E5;
    border-width: 1px;
    border-style: solid;
}

/* Base styles for modern checkout */
.modern-checkout {
  font-family: 'Inter', sans-serif;
  color: #333;
  background-color: #F9FAFB !important;
}

/* Container that uses grid for a two-column layout */
.modern-checkout__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: 1600px !important;
  margin: 0 auto;
}

/* Right panel (order review and payment) */
.modern-checkout__right {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

/* Form inputs styling */
.modern-checkout input.input-text,
.modern-checkout textarea,
.modern-checkout select {
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 16px;
  transition: border-color 0.2s;
}

.modern-checkout input.input-text:focus,
.modern-checkout textarea:focus,
.modern-checkout select:focus {
  border-color: #0073aa;
  outline: none;
}

/* Buttons */
.modern-checkout .button,
.modern-checkout button[type="submit"] {
  background-color: #0073aa;
  color: #fff;
  padding: 15px 30px;
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.modern-checkout .button:hover,
.modern-checkout button[type="submit"]:hover {
  background-color: #005d8c;
}

/* Responsive adjustments: stack on mobile */
@media (max-width: 768px) {
  .modern-checkout__container {
    grid-template-columns: 1fr;
  }
}
div.quantity input[type="number"] {
    width: 40px !important;
}
.payment_methods .payment_box {
    background-color: #F9FAFB;
    border-radius: var(--wd-brd-radius);
    border-style: solid;
    border-width: 1px;
    border-color: #DFE0E0;
}
.modern-checkout {
    padding: 0px !important;
}
div.woocommerce-privacy-policy-text {
	display: none;
}
input#billing_address_1.input-text {
	margin-top: 15px;
}
.modern-checkout__left {
    background: #ffffff00 !important;
    border: 0px solid #e0e0e0 !important;
    padding: 0px !important;
}
#order_review_heading {
    display: none;
}
.woocommerce-billing-fields>h3 {
    display: none;
}
.payment_methods .payment_box p:last-child {
    font-size: smaller;
}
a.button.empty-cart-button {
	  background: red !important;
    border-color: red !important;
    margin-top: 0px !important;
    width: 49% !important;
	 font-size: 14px;
	 text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
}
.wd-builder-off #place_order {
    width: 49%;
}
textarea#order_comments.input-text {
	border: 2px solid #0A93FF;
}
.woocommerce-order-details {
    margin-top: 40px;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #E5E5E5;
}
input#shipping_address_1.input-text  {
	margin-top: 10px;
}
.woocommerce-shipping-methods input.shipping_method {
    display: none;
}