/*!/wp-content/themes/hello-theme-child-master/style.css*//* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Colours */
/* 
Primary 500 (Main) | var( --e-global-color-primary )
Primary 50 | var( --e-global-color-3cbb93d )
Primary 100 | var( --e-global-color-1427cf2 )
Primary 200 | var( --e-global-color-c4b2a9e )
Primary 300 | var( --e-global-color-43c1101 )
Primary 400 | var( --e-global-color-74f6101 )
Primary 600 | var( --e-global-color-b664bd3 )
Primary 700 | var( --e-global-color-10fabd3 )
Primary 800 | var( --e-global-color-09c7b75 )
Primary 900 | var( --e-global-color-9167bf1 )
Secondary 50 | var( --e-global-color-1e7e5b6 )
Secondary 100 | var( --e-global-color-68bc7bf )
Secondary 200 | var( --e-global-color-c22674a )
Secondary 300 | var( --e-global-color-52c8a9d )
Secondary 400 | var( --e-global-color-c707f54 )
Secondary 700 | var( --e-global-color-15f180c )
Secondary 800 | var( --e-global-color-8ca5764 )
Secondary 900 | var( --e-global-color-f2c1db8 )
White | var( --e-global-color-accent )
Black | var( --e-global-color-8ac134d )
Transparent | var( --e-global-color-d87da15 )
Neutral 800 | var( --e-global-color-secondary )
Neutral 50 | var( --e-global-color-4ac9325 )
Text Neutral 700 | var( --e-global-color-text )
*/

/* -------------------------------- Boilerplate -------------------------------- */
/* Increase the size of the pagination bullets */
.swiper-pagination-bullet {
    width: 16px;
    /* Increased from default ~8-10px */
    height: 16px;
    /* Increased from default ~8-10px */
    margin: 0 8px !important;
    /* Ensure at least 8px space between targets */
    display: inline-block;
}
.e-con > .e-con-inner {
  padding-block-end: 20px !important;
  padding-block-start: 20px !important;
}

.woocommerce-notices-wrapper {
    display: none !important;
}

 @font-face{font-family:"franklin-gothic-atf";src:url("https://use.typekit.net/af/c1ecf4/00000000000000007735c727/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/c1ecf4/00000000000000007735c727/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/c1ecf4/00000000000000007735c727/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:400;}

@font-face{font-family:"pt-serif-pro-extended";src:url("https://use.typekit.net/af/c07dee/00000000000000007735bcaf/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/c07dee/00000000000000007735bcaf/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/c07dee/00000000000000007735bcaf/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:600;}

@font-face{font-family:"pt-serif-pro-extended";src:url("https://use.typekit.net/af/aaf699/00000000000000007735bcbb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/aaf699/00000000000000007735bcbb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/aaf699/00000000000000007735bcbb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");font-display:swap;font-style:italic;font-weight:400;}

@font-face{font-family:"pt-serif-pro-extended";src:url("https://use.typekit.net/af/b3c5fb/00000000000000007735bca1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/b3c5fb/00000000000000007735bca1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/b3c5fb/00000000000000007735bca1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:400;}

@font-face{font-family:"franklin-gothic-atf";src:url("https://use.typekit.net/af/f806c0/00000000000000007735c72a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/f806c0/00000000000000007735c72a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/f806c0/00000000000000007735c72a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");font-style:italic;font-weight:400;font-display:swap;}

@font-face{font-family:"pt-serif-pro-extended";src:url("https://use.typekit.net/af/c00d5d/00000000000000007735bca8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/c00d5d/00000000000000007735bca8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/c00d5d/00000000000000007735bca8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");font-display:swap;font-style:italic;font-weight:600;}

@font-face{font-display:swap;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot);src:url(/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2) format("woff2"), url(/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff) format("woff"), url(/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.ttf) format("truetype"), url(/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}

@font-face{font-family:'Font Awesome 6 Free';src:url('/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;}

/* Optional: Make the active state clearer */
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
    /* Ensure high contrast */
}


@media (min-width: 1000px) {
    .elementor-sticky__spacer {
        height: 0px !important;
    }
}

@media (max-width: 700px) {
    .elementor-sticky--active.elementor-section--handles-inside {
        background: #94776d8a;
    }
}

.vanity-color-options-input-container.d-flex {
    display: flex;
}

.vanity-color-options-input-container .d-none {
    display: none;
}

.vanity-color-options-input-container .u-brackets-colour-options-color-box.none svg {
	width: 100%;
	height: 100%;
	color: white;
}

.vanity-color-options-input-container .u-brackets-colour-options-color-box.none {
	border: 2px solid transparent;
}

.vanity-color-options-input-container .u-brackets-colour-options-color-box {
    width: 22px;
    height: 22px;
    display: block;
}

.vanity-color-options-input-container label.u-brackets-colour-options-color-box-label {
    margin-right: 10px;
}

.u-brackets-colour-options-color-box.active,
.vanity-color-options-input-container .u-brackets-colour-options-color-box.none.active {
	border: 2px solid white;
	outline: 2px solid #8a6a5f;
}

.vanity-options .color-option-name-preview {
    color: #8a6a5f;
    font-size:  14px;
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 10px;
}

.elementor-8612 .elementor-element.elementor-element-2c75d64.elementor-widget-n-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="true"] {
    background-color: #866761 !important;
    color: white !important;
}

.e-n-tab-title:hover {
    color: #866761 !important;
}

.Image_sec img.size-large {
    object-fit: cover;
    object-position: center center;
}

.elementor-4770 .elementor-element.elementor-element-1057e7a {
    margin-bottom: -110px !important
}

.email_icon {
    margin-left: 2.5px;
    margin-right: 2.5px;
}

.fs_14 {
    font-family: "franklin-gothic-atf", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
}

#email_id {
    margin-top: -4px;
}

.email_sec {
    padding-right: 12px;
}

div .oo-process-slider .e-n-carousel.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    height: 100% !important
}

html, body {
    /* Fixing sidescroll on mobile when using sticky nav */
    max-width: 100%;
    overflow-x: hidden;
}

body strong {
    font-weight: 500;
}

body p a {
    color: var(--e-global-color-primary);
    font-style: italic;
}

body p a:hover {
    text-decoration: underline;
    color: var(--e-global-color-primary);
}

.pa-woo-mc__content-wrapper.pa-flex-col.pa-woo-mc__slide.right {
    /* Force mini cart to slide out smoothly */
    display: flex !important;
}

.elementor-widget-text-editor p:last-child {
    /* Disable Extra Return at the end of a text editor */
    margin-bottom: 0;
}

.elementor-7648 .elementor-element.elementor-element-505496f5::before {
    background-image: url("https://vervebathroom.com.au/wp-content/uploads/2025/09/47977ed433584d1f479cf8ed46cdb5611.jpg") !important
}

div.wpforms-container-full button[type=submit]:hover {
    /* disable overlay on WPForms submit button */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

footer a:not(.footer-legal) {
    color: var(--e-global-color-text);
}

footer a:hover {
    text-decoration: underline;
}

.oo-blur {
    backdrop-filter: blur(20px);
}

.oo-hide {
    display: none !important;
}

/* -------------------------------- Header -------------------------------- */
/* Sticky Header */
.oo-sticky-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.oo-sticky-header.elementor-sticky--effects {
    background-color: var(--e-global-color-accent) !important;
    border-bottom: 1px solid var(--e-global-color-43c1101) !important;
}

.oo-sticky-header.elementor-sticky--effects .oo-header-mobile-menu-icon svg path {
    fill: var(--e-global-color-primary) !important;
}

/* Hide white logo and show coloured logo when sticky header is active OR mega menu is open */
.oo-sticky-header.elementor-sticky--effects .oo-site-logo-white,
.oo-sticky-header .premium-mega-nav-item.premium-item-hovered .oo-site-logo-white,
.oo-sticky-header.mega-menu-open .oo-site-logo-white {
    height: 0 !important;
    opacity: 0 !important;
}

.oo-sticky-header.elementor-sticky--effects .oo-site-logo-colour,
.oo-sticky-header .premium-mega-nav-item.premium-item-hovered .oo-site-logo-colour,
.oo-sticky-header.mega-menu-open .oo-site-logo-colour {
    height: 100% !important;
    opacity: 1 !important;
}

.oo-site-logo-white,
.oo-site-logo-colour {
    transition: opacity .1s, height 0s !important;
}

.oo-sticky-header.elementor-sticky--effects .oo-mega-menu-desktop a:not(.subcategory-item),
/* Change all top-level menu items to primary colour when sticky effects is active */
.premium-nav-menu .premium-mega-nav-item.premium-item-hovered~.premium-nav-menu-item .premium-menu-link-parent,
/* Change all top-level menu items to primary colour when mega menu is open */
.premium-nav-menu .premium-mega-nav-item.premium-item-hovered .premium-menu-link-parent,
.premium-nav-menu .premium-mega-nav-item.premium-item-hovered {
    color: var(--e-global-color-primary) !important;
}

/* Change icon color when sticky OR mega menu is open */
.oo-sticky-header.elementor-sticky--effects .oo-header-search-icon svg path,
.oo-sticky-header.elementor-sticky--effects .oo-header-wishlist-icon svg path,
.oo-sticky-header.elementor-sticky--effects .oo-mini-cart svg path,
.oo-sticky-header.mega-menu-open .oo-header-search-icon svg path,
.oo-sticky-header.mega-menu-open .oo-header-wishlist-icon svg path,
.oo-sticky-header.mega-menu-open .oo-mini-cart svg path {
    fill: var(--e-global-color-primary) !important;
}

.oo-sticky-header.mega-menu-open .oo-header-account a,
.oo-sticky-header.elementor-sticky--effects .oo-header-account a {
    color: var(--e-global-color-primary) !important;
}

.oo-sticky-header.mega-menu-open .oo-header-account svg,
.oo-sticky-header.elementor-sticky--effects .oo-header-account svg {
    stroke: var(--e-global-color-primary) !important;
}

/* Desktop Mega Menu */
.oo-mega-menu-desktop a:hover {
    text-decoration: underline;
}

.oo-mega-menu-desktop-category svg {
    width: 16px;
    margin-bottom: 4px;
    transition: all .3s ease-in-out;
}

.oo-mega-menu-desktop-category:hover svg {
    transform: translate(5px);
}

.oo-mega-menu-desktop-category:hover a {
    text-decoration: none;
}

/* Mobile Mega Menu */
/* Code is on the Hamburger Menu widget itself, it stopped working outside of it */

/* Mini Cart */
.oo-mini-cart .pa-woo-mc__close-button {
    height: 31px;
    width: 31px;
}

.oo-mini-cart .pa-woo-mc__badge {
    height: 20px !important;
    width: 20px !important;
    top: -10px;
    right: -10px;
}

.oo-mini-cart .pa-woo-mc__item-qty, .pa-woo-mc__price-row, .pa-woo-mc__product-data, .pa-woo-mc__title-row {
    flex-wrap: wrap;
}

.mini-cart-variation {
    width: 100%;
    font-size: 14px;
    font-family: inherit;
    color: var(--e-global-color-text);
    line-height: 1.2;
    padding-top: 5px;
    display: block;
    text-transform: capitalize;
}

.mini-cart-variation:before {
    content: '- ';
}

.pa-woo-mc__inner-container * {
    -webkit-transition: all .3s ease-in-out !important;
    transition: 0s !important;
}

.oo-mini-cart .pa-woo-mc__cart-buttons a {
    transition: all .3s linear;
}

.oo-mini-cart span.pa-woo-mc__remove-item {
    margin: 20px 0;
}

@media (min-width: 1201px) {
    .oo-mini-cart .pa-woo-mc__icon-wrapper svg {
        transition-duration: .3s;
        transition-property: transform;
    }

    .oo-mini-cart .pa-woo-mc__icon-wrapper:hover svg {
        transform: scale(1.1);
    }
}

/* Site Logo */
.oo-site-logo-colour {
    height: 0;
    opacity: 0;
}

/* Dynamic Shortcode for Product Categories */
.oo-mega-menu-desktop--shortcode a {
    font-size: var(--e-global-typography-60e4aed-font-size);
    font-family: var(--e-global-typography-60e4aed-font-family), Sans-serif;
    color: var(--e-global-color-text) !important;
}

.oo-mega-menu-desktop--shortcode li {
    padding-bottom: 24px;
}


.oo-sticky-header.elementor-sticky--effects .oo-mega-menu-desktop .oo-mega-menu-desktop--shortcode li a {
    color: var(--e-global-color-text) !important;
}

.oo-mega-menu-desktop--shortcode ul.subcategory-list {
    list-style-type: none;
    padding-left: 0 !important;
}

/* -------------------------------- Footer -------------------------------- */
.footer-legal a, .link-text-color {
    color: var(--e-global-color-primary) !important;
}

.footer-legal-oo a {
    color: var(--e-global-color-primary) !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

/* -------------------------------- Form Styling -------------------------------- */
/* Base Styling */
.wpforms-form {
    max-width: 100%;
    font-family: var(--e-global-typography-0dc79e0-font-family), Sans-serif;
}

.wpforms-container.inline-fields .wpforms-field-container .wpforms-field {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

div.wpforms-field.wpforms-field-layout {
    width: -webkit-fill-available !important;
}

/* Input & Textarea Styling */
.floating input,
.floating textarea {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid var(--e-global-color-primary) !important;
    border-radius: 0 !important;
    transition: border-color 0.3s ease-in-out !important;
}

/* Focus state */
.floating input:focus,
.floating textarea:focus {
    outline: none;
}

form .choices:focus {
    border: 1px solid var(--e-global-color-primary) !important;
}

/* Floating Label Styling */
.floating {
    position: relative;
    margin-bottom: 25px;
    /* Standard spacing between fields */
}

/* Labels start inside the field */
.floating label {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    opacity: 1 !important;
    font-size: var(--e-global-typography-0dc79e0-font-size) !important;
    pointer-events: none;
    color: var(--e-global-color-secondary) !important;
    font-weight: var(--e-global-typography-0dc79e0-font-weight) !important;
    font-family: var(--e-global-typography-a50c907-font-family), Sans-serif;
    font-weight: var(--e-global-typography-a50c907-font-weight);
    color: var(--e-global-color-secondary) !important;
}

.floating textarea+label {
    top: 20% !important;
}

/* Labels move up when input is focused or has content */
.floating input:focus+label,
.floating input:not(:placeholder-shown)+label,
.floating.wpforms-has-error input+label,
.floating textarea:focus+label,
.floating textarea:not(:placeholder-shown)+label,
.floating.wpforms-has-error textarea+label {
    top: 5px !important;
    font-size: 12px !important;
    opacity: 1 !important;
    transform: none !important;
}

.floating.wpforms-field-name input:not(#wpforms-5273-field_1) {
    padding-top: 25px !important;
    padding-bottom: 12px !important;
}

.floating.wpforms-field-name input:not(#wpforms-5273-field_1)+label.floating-label {
    margin-top: 5px !important;
}

/* Ensure dropdown (select) labels display properly */
.dropdown-label {
    display: block !important;
    font-size: var(--e-global-typography-0dc79e0-font-size) !important;
    font-weight: var(--e-global-typography-0dc79e0-font-weight) !important;
    color: var(--e-global-color-secondary) !important;
    margin-bottom: 5px !important;
    font-family: var(--e-global-typography-a50c907-font-family), Sans-serif;
}

.wpforms-field-select {
    margin-top: 20px !important;
}

.choices.wpforms-field-row.wpforms-field-medium {
    margin-top: 20px;
}

label.dropdown-label {
    position: absolute;
    top: 0;
    left: 12px;
}

div.wpforms-container .wpforms-form .choices__inner {
    border: unset !important;
    border-bottom: 1px solid var(--e-global-color-primary) !important;
    border-radius: 0 !important;
}

.choices__item.choices__placeholder.choices__item--selectable,
.choices__item.choices__item--selectable {
    font-size: 16px;
}

/* Move labels up for Single Name */
.floating.wpforms-field-name input:not(#wpforms-5273-field_1):focus+label,
.floating.wpforms-field-name input:not(#wpforms-5273-field_1):not(:placeholder-shown)+label {
    top: 0px !important;
}

/* Ensure labels stay on top when there's an error */
.floating.wpforms-has-error label {
    top: 5px !important;
    font-size: 12px !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Remove extra label from first + last name fields */
.wpforms-field-name legend {
    display: none !important;
}

.wpforms-field-name .wpforms-field-row-block {
    width: 50% !important;
    position: relative !important;
}

/* Floating Labels for First & Last Name */
.floating .wpforms-field-name-first,
.floating .wpforms-field-name-last {
    width: 100% !important;
}

/* Floating Labels for Single Name Fields */
.floating.wpforms-field-name input {
    width: 100% !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    border: none !important;
    border-bottom: 1px solid var(--e-global-color-primary) !important;
    border-radius: 0 !important;
    transition: border-color 0.3s ease-in-out !important;
}

.floating.wpforms-field-name label {
    position: absolute !important;
    top: 50% !important;
    left: 12px !important;
    transform: translateY(-50%) !important;
    transition: all 0.3s ease-in-out !important;
    opacity: 1 !important;
}

/* Move labels up for Single Name */
.floating.wpforms-field-name input:focus+label,
.floating.wpforms-field-name input:not(:placeholder-shown)+label {
    top: 5px !important;
    font-size: 12px !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Hide placeholders */
.floating input::placeholder,
.floating textarea::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* Error Message Styling */
.wpforms-container .wpforms-field input.wpforms-error,
.wpforms-container .wpforms-field input.user-invalid,
.wpforms-container .wpforms-field textarea.wpforms-error,
.wpforms-container .wpforms-field textarea.user-invalid,
.wpforms-container .wpforms-field select.wpforms-error,
.wpforms-container .wpforms-field select.user-invalid,
.wpforms-container .wpforms-field.wpforms-has-error .choices__inner {
    border: none !important;
    border-bottom: 1px solid red !important;
}

.wpforms-container em.wpforms-error {
    position: relative !important;
    top: 5px !important;
    left: 15px !important;
    font-size: 12px !important;
    color: red !important;
    margin-top: 5px !important;
    display: block !important;
}

/* Error message placement */
.floating.wpforms-has-error em.wpforms-error {
    position: relative !important;
    top: 5px !important;
    left: 15px !important;
    font-size: 12px !important;
    color: red !important;
    margin-top: 5px !important;
    display: block !important;
}

/* Remove extra spacing below fields by default */
.wpforms-field {
    margin-bottom: 0 !important;
}

/* Only push submit button down when there's an error */
.wpforms-has-error+.wpforms-submit-container {
    margin-top: 15px !important;
}

/* Submit Button Styling */
.wpforms-submit {
    background: var(--e-global-color-d87da15);
    color: var(--e-global-color-primary);
    padding: 12px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    border: 1px solid var(--e-global-color-primary);
    cursor: pointer;
    border-radius: 0;
    transition: background 0.3s;
    width: auto !important;
    margin-top: 16px;
}

.wpforms-container.inline-fields .wpforms-submit-container {
    width: auto !important;
}

.wpforms-submit:hover,
.wpforms-submit:focus {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-accent);
}

/* Ensure inline form elements are aligned correctly */
.wpforms-container.inline-fields .wpforms-submit-container {
    align-self: flex-start !important;
    margin-top: 15px !important;
}

/* Input Widths */
.wpforms-container.inline-fields .wpforms-field-container {
    width: 100% !important;
}

/* Mobile: Stack First & Last Name Fields */
@media (max-width: 600px) {
    .wpforms-field-name .wpforms-field-row {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .wpforms-field-name .wpforms-field-row-block {
        width: 100% !important;
    }

    .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block {
        padding: 0 !important;
    }

    .wpforms-field-name {
        padding-bottom: 0 !important;
    }

    #wpforms-7124-field_1-last+label.floating-label {
        margin-left: 0px !important;
    }
}

.wpforms-container.inline-fields .wpforms-form {
    flex-direction: column !important;
}

/* Newsletter Sign Up Single-Name Field Unique Styling */
/* Ensure input field has correct styling */
#wpforms-7124-field_1-last+label.floating-label {
    margin-left: 10px;
}

#wpforms-5273-field_1 {
    width: 100% !important;
    padding: 12px 16px;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid var(--e-global-color-primary);
    border-radius: 0;
    transition: border-color 0.3s ease-in-out;
    background: transparent !important;
    position: relative;
}

#wpforms-5273-field-1 input.wp-forms-error {
    border: none !important;
    border-bottom: 1px solid red !important;
}

/* Floating Label Styling */
.floating-label {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    opacity: 0.5;
    font-size: var(--e-global-typography-0dc79e0-font-size) !important;
    pointer-events: none;
    color: var(--e-global-color-secondary) !important;
    font-weight: var(--e-global-typography-0dc79e0-font-weight) !important;
}

/* Move label up when input is focused or has content */
#wpforms-5273-field_1:focus~.floating-label,
#wpforms-5273-field_1:not(:placeholder-shown)~.floating-label,
#wpforms-5273-field_1:valid~.floating-label {
    top: 5px !important;
    font-size: 12px !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Hide placeholder to prevent conflicts */
#wpforms-5273-field_1::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

@media (max-width: 767px) {

    .wpforms-container.inline-fields .wpforms-form,
    div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row {
        flex-direction: column !important;
    }

    div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50 {
        width: 100% !important;
    }

    .wpforms-container.inline-fields .wpforms-submit-container {
        margin: 0 !important;
    }
}

/* -------------------------------- Buttons -------------------------------- */
.oo-btn-white-arrow a,
.oo-btn-brown-arrow a,
.oo-h3-arrow-btn a {
    text-align: left !important;
}

.oo-btn-white-arrow svg path {
    fill: #fff !important;
}

.oo-btn-white-arrow svg,
.oo-btn-brown-arrow svg,
.oo-h3-arrow-btn svg {
    transition: all .3s ease-in-out;
}

.oo-h3-arrow-btn svg {
    width: 21px;
}

.oo-btn-white-arrow:hover svg,
.oo-btn-brown-arrow:hover svg,
.oo-h3-arrow-btn:hover svg {
    transform: translate(5px);
}

.oo-btn-white-arrow .elementor-button-content-wrapper,
.oo-btn-brown-arrow .elementor-button-content-wrapper,
.oo-h3-arrow-btn .elementor-button-content-wrapper {
    /* keeps icon aligned to the centre */
    align-items: center;
}

/* Dual Heading Styles */
.elementor-heading-title span,
.oo-footer-form-heading span {
    color: var(--e-global-color-primary);
    font-style: italic;
}

/* -------------------------------- Sliders / Carousels -------------------------------- */
/* Hompepage Bathroom Category Slider */
.oo-category-slider .jet-slick-dots {
    margin: 64px 0 96px 0;
}

.oo-category-slider .jet-slick-dots li {
    width: 37px !important;
    border-radius: 0;
}

.oo-category-slider .next-arrow.slick-arrow {
    right: calc(50% - 195px);
}

.oo-category-slider .prev-arrow.slick-arrow {
    left: calc(50% - 195px);
}

@media (max-width: 767px) {
    .oo-category-slider .jet-slick-dots li {
        width: 16px !important;
        border-radius: 0;
    }

    .oo-category-slider .next-arrow.slick-arrow {
        right: calc(50% - 105px);
    }

    .oo-category-slider .prev-arrow.slick-arrow {
        left: calc(50% - 105px);
    }

    .oo-category-slider .jet-slick-dots {
        margin: 32px 0 48px 0;
    }
}

/* Related Products Slider */
.oo-related-products-slider .jet-slick-dots {
    margin: 64px 0 96px 0;
}

.oo-related-products-slider .jet-slick-dots li {
    width: 37px !important;
    border-radius: 0;
}

.oo-related-products-slider .next-arrow.slick-arrow {
    right: calc(50% - 95px);
}

.oo-related-products-slider .prev-arrow.slick-arrow {
    left: calc(50% - 95px);
}

@media (max-width: 1200px) {
    .oo-related-products-slider .jet-slick-dots {
        margin: 48px 0 48px 0;
    }
}

@media (max-width: 767px) {
    .oo-related-products-slider .jet-slick-dots li {
        width: 36px !important;
        border-radius: 0;
    }

    .oo-related-products-slider .next-arrow.slick-arrow {
        right: calc(50% - 82px);
    }

    .oo-related-products-slider .prev-arrow.slick-arrow {
        left: calc(50% - 82px);
    }

    .oo-related-products-slider .jet-slick-dots {
        margin: 32px 0 22px 0;
    }
}

/* Hompepage Process Slider */
.oo-process-slider .e-n-carousel.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    height: inherit !important;
}

.oo-process-slider .elementor-swiper-button svg {
    transition: all .3s linear;
}

.oo-process-slider .elementor-swiper-button-prev:not(.swiper-button-disabled):hover svg {
    transform: translateX(-5px) !important;
}

.oo-process-slider .elementor-swiper-button-next:not(.swiper-button-disabled):hover svg {
    transform: translateX(5px) !important;
}

/* Gallery Slider */
.oo-gallery-slider .jet-listing-grid__item,
.oo-account-recently-viewed-slider .jet-listing-grid__item {
    display: block !important;
    width: auto !important;
    /* Allow JS to control the width */
}

/* Next arrow alignment */
.oo-gallery-slider .jet-listing-grid__slider-icon.next-arrow,
.oo-account-recently-viewed-slider .jet-listing-grid__slider-icon.next-arrow {
    right: calc(max(64px, (100vw - 1920px) / 2)) !important;
    /* Align with boxed content */
    visibility: hidden !important;
}

/* Previous arrow alignment: Place left of the next arrow */
.oo-gallery-slider .jet-listing-grid__slider-icon.prev-arrow,
.oo-account-recently-viewed-slider .jet-listing-grid__slider-icon.prev-arrow {
    right: calc(max(64px, (100vw - 1920px) / 2) + 45px) !important;
    /* Offset to the left of the next arrow */
    visibility: hidden !important;
}

/* Custom arrow icons */
.oo-gallery-slider .prev-arrow:before,
.oo-account-recently-viewed-slider .prev-arrow:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='20' viewBox='0 0 27 20' fill='none'%3E%3Cpath d='M10.27 0L11.3165 0.999411L3.04584 9.27057L26.6377 9.27057V10.7191L3.04584 10.7191L11.3274 19.0006L10.2809 20L0.27545 9.99459L10.27 0Z' fill='%23866761'/%3E%3C/svg%3E");
    visibility: visible !important;
    transition: all .3s linear;
}

.oo-gallery-slider .prev-arrow:hover:before,
.oo-account-recently-viewed-slider .prev-arrow:hover:before {
    transform: translateX(-5px);
}

.oo-gallery-slider .next-arrow:after,
.oo-account-recently-viewed-slider .next-arrow:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='20' viewBox='0 0 27 20' fill='none'%3E%3Cpath d='M17.0054 20L15.9589 19.0006L24.2296 10.7294H0.637695V9.28092H24.2296L15.948 0.999414L16.9945 0L26.9999 10.0054L17.0054 20Z' fill='%23866761'/%3E%3C/svg%3E");
    visibility: visible !important;
    /* Ensure visibility */
    transform: rotate(180deg) !important;
    /* Rotate icon */
    transition: all .3s linear;
}

.oo-gallery-slider .next-arrow:hover:after,
.oo-account-recently-viewed-slider .next-arrow:hover:after {
    transform: rotate(180deg) translateX(5px) !important;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 1366px) {

    .oo-gallery-slider .jet-listing-grid__slider-icon.next-arrow,
    .oo-account-recently-viewed-slider .jet-listing-grid__slider-icon.next-arrow {
        right: calc(max(64px, (100vw - 1366px) / 2)) !important;
    }

    .oo-gallery-slider .jet-listing-grid__slider-icon.prev-arrow,
    .oo-account-recently-viewed-slider .jet-listing-grid__slider-icon.prev-arrow {
        right: calc(max(64px, (100vw - 1366px) / 2) + 45px) !important;
    }
}

@media (max-width: 880px) {

    .oo-gallery-slider .jet-listing-grid__slider-icon.next-arrow,
    .oo-account-recently-viewed-slider .jet-listing-grid__slider-icon.next-arrow {
        right: calc(max(64px, (100vw - 880px) / 2)) !important;
    }

    .oo-gallery-slider .jet-listing-grid__slider-icon.prev-arrow,
    .oo-account-recently-viewed-slider .jet-listing-grid__slider-icon.prev-arrow {
        right: calc(max(64px, (100vw - 880px) / 2) + 45px) !important;
    }
}

@media (max-width: 767px) {

    .oo-gallery-slider .jet-listing-grid__slider-icon.next-arrow,
    .oo-account-recently-viewed-slider .jet-listing-grid__slider-icon.next-arrow {
        left: calc(50% + 40px) !important;
        right: unset !important;
    }

    .oo-gallery-slider .jet-listing-grid__slider-icon.next-arrow:after,
    .oo-account-recently-viewed-slider .jet-listing-grid__slider-icon.next-arrow:after {
        margin-top: 0px !important;
    }

    .oo-gallery-slider .jet-listing-grid__slider-icon.prev-arrow,
    .oo-account-recently-viewed-slider .jet-listing-grid__slider-icon.prev-arrow {
        left: calc(50% - 40px) !important;
        right: unset !important;
    }

    .oo-gallery-slider .jet-listing-grid__slider-icon.next-arrow,
    .oo-gallery-slider .jet-listing-grid__slider-icon.prev-arrow,
    .oo-account-recently-viewed-slider .jet-listing-grid__slider-icon.next-arrow,
    .oo-account-recently-viewed-slider .jet-listing-grid__slider-icon.prev-arrow {
        top: unset !important;
    }

    .oo-gallery-slider .slick-arrow,
    .oo-account-recently-viewed-slider .slick-arrow {
        bottom: -64px !important;
    }
}

/* Meet The Team Slider */
.oo-team-slider .oo-arrow-left,
.oo-team-slider .oo-arrow-right {
    transition: all .3s linear;
}

.oo-team-slider .elementor-swiper-button-prev:not(.swiper-button-disabled):hover .oo-arrow-left {
    transform: translateX(-3px);
}

.oo-team-slider .elementor-swiper-button-next:not(.swiper-button-disabled):hover .oo-arrow-right {
    transform: translateX(3px);
}

/* Logo Carousel */
.oo-logo-carousel .premium-adv-carousel__item-outer-wrapper img {
    height: 94px;
    max-width: 225px;
    padding: 16px 32px;
}

/* -------------------------------- Accordions -------------------------------- */
/* FAQ Accordion */
.oo-faq-accordion {
    counter-reset: section;
}

/* Accordion Content */
.oo-faq-accordion .jet-toggle__content {
    border: none !important;
    margin-top: -32px !important;
}

/* Accordion Label Icon */
.oo-faq-accordion .jet-toggle__label-icon.jet-toggle-icon-position-right {
    align-self: stretch !important;
    margin-top: 5px !important;
}

/* Accordion Label Text */
.oo-faq-accordion .jet-toggle__label-text {
    padding: 32px 50px 32px 32px !important;
    border-right: 1px solid var(--e-global-color-43c1101);
    border-left: 1px solid var(--e-global-color-43c1101);
    width: 100%;
    margin-left: 92px;
}

/* Numbering for Accordion Items */
@media (min-width: 768px) {
    .oo-faq-accordion .jet-accordion__item:before {
        counter-increment: section;
        content: counter(section);
        font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
        font-size: var(--e-global-typography-secondary-font-size);
        font-weight: var(--e-global-typography-secondary-font-weight);
        color: var(--e-global-color-primary);
        position: absolute;
        left: 0;
        padding: 32px;
    }
}

/* Mobile Styles */
@media (max-width: 767px) {
    .oo-faq-accordion .jet-toggle__label-text {
        padding: 16px !important;
        border-right: 1px solid var(--e-global-color-43c1101);
        border-left: none;
        width: 100%;
        margin-left: 0;
    }

    .oo-faq-accordion .jet-toggle__content {
        margin-top: -16px !important;
        width: calc(100% - 46px) !important;
    }

    .oo-faq-accordion .jet-toggle__content p:before {
        content: '';
        position: absolute;
        top: 16px;
        height: 1px;
        width: calc(100% - 26px) !important;
        background-color: var(--e-global-color-43c1101);
    }
}

/* Content Paragraphs */
.oo-faq-accordion .jet-toggle__content p {
    padding-top: 16px;
    padding-left: 32px;
    padding-bottom: 22px;
    margin-left: -36px;
    margin-bottom: 0 !important;
    border-left: 1px solid var(--e-global-color-43c1101);
}

.oo-faq-accordion .jet-toggle__content p:before {
    content: '';
    position: absolute;
    top: 16px;
    height: 1px;
    width: calc(100% - 155px) !important;
    background-color: var(--e-global-color-43c1101);
}

/* Icons */
.oo-faq-accordion .icon-normal {
    display: none !important;
}

.oo-faq-accordion .icon-active {
    display: flex !important;
    transition: all 0.3s linear;
}

.oo-faq-accordion [aria-expanded="false"] .icon-active {
    background-color: transparent;
    border-radius: 0;
    height: 80px;
    width: 85px;
}

.oo-faq-accordion .jet-toggle__icon svg {
    width: 30px !important;
    height: 30px !important;
}

.oo-faq-accordion [aria-expanded="true"] .icon-active svg {
    transform: rotate(90deg);
    transition: all 0.2s linear;
}

.oo-faq-accordion [aria-expanded="true"] svg .oo-plus-crossbar {
    transform: scale(0);
    transform-origin: center;
}

.oo-faq-accordion [aria-expanded="false"] .icon-active svg {
    transform: rotate(0deg);
    transition: all 0.2s linear;
}

/* Inner Content */
.oo-faq-accordion .jet-toggle__content .jet-toggle__content-inner {
    border-right: 1px solid var(--e-global-color-43c1101);
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .oo-faq-accordion [aria-expanded="false"] .icon-active {
        height: 46px !important;
        width: 46px !important;
    }

    .oo-faq-accordion .jet-toggle__icon svg {
        width: 15px !important;
        height: 15px !important;
    }

    .oo-faq-accordion .jet-toggle__content p:before {
        width: calc(100% - 32px) !important;
    }
}

/* General Toggle Content */
.jet-toggle__content {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: calc(100% - 85px) !important;
    transition: all 0.5s ease !important;
}

/* -------------------------------- Text Effects -------------------------------- */
/* Fade in word by word */
.oo-reveal-text span {
    color: inherit;
}

@keyframes customWaveIn {
    0% {
        opacity: 0;
        transform: translateY(-15px);
        /* Move words from the top */
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.oo-reveal-text .fade-word {
    opacity: 0;
    display: inline;
}

.oo-reveal-text .fade-word.animate {
    animation: customWaveIn 0.5s ease-out forwards;
}

/* -------------------------------- Custom Scrollbar -------------------------------- */
/* width */
::-webkit-scrollbar {
    width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--e-global-color-1e7e5b6);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--e-global-color-52c8a9d);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--e-global-color-c707f54);
}

/* -------------------------------- WooCommerce -------------------------------- */
/* WooCommerce Notices */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
    color: var(--e-global-color-primary) !important;
    font-weight: 500;
}

.woocommerce-message a:hover,
.woocommerce-info a:hover,
.woocommerce-error a:hover {
    text-decoration: underline;
}

.woocommerce-message,
.woocommerce-info {
    border-top-color: var(--e-global-color-primary);
}

.woocommerce-error, .oo-notice .woocommerce-info, .oo-notice .woocommerce-message {
    font-family: var(--e-global-typography-0dc79e0-font-family), Sans-serif;
    color: var(--e-global-color-text);
    font-size: var(--e-global-typography-0dc79e0-font-size);
    line-height: var(--e-global-typography-0dc79e0-line-height);
}

.woocommerce-message, .elementor-widget-woocommerce-notices .woocommerce-notices-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
	top: unset !important;
} */

.woocommerce-error strong, .oo-notice .woocommerce-info strong, .oo-notice .woocommerce-message strong {
    font-weight: 500;
}

.woocommerce-message a.button,
button.woocommerce-button.button.woocommerce-form-login__submit {
    font-family: "pt-serif-pro-extended", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-accent);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 0px 0px 0px 0px;
}

.woocommerce-message a.button:hover,
button.woocommerce-button.button.woocommerce-form-login__submit:hover {
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-primary);
    border-color: var(--e-global-color-primary);
}

/* Login / Register */
.woocommerce-form-login {
    border-radius: 0 !important;
    border: 1px solid var(--e-global-color-1427cf2) !important;
}

.oo-custom-login-form form {
    border: none !important;
    padding: 0 !important;
}

.oo-custom-login-form input {
    background-color: transparent !important;
    border-bottom: 1px solid var(--e-global-color-text) !important;
}

.woocommerce-form-login input {
    border: none !important;
    border-bottom: 1px solid var(--e-global-color-text) !important;
    border-radius: 0 !important;
}

.oo-custom-login-form .woocommerce-button {
    background-color: var(--e-global-color-accent) !important;
    color: var(--e-global-color-primary) !important;
    border: 1px solid var(--e-global-color-primary) !important;
    padding: 12px 16px !important;
    border-radius: 0 !important;
    text-transform: capitalize !important;
}

.oo-custom-login-form .woocommerce-button:hover,
.oo-custom-login-form .woocommerce-button:focus {
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-accent) !important;
    border: 1px solid var(--e-global-color-primary) !important;
    padding: 12px 16px !important;
    border-radius: 0 !important;
}

.oo-custom-login-form a {
    color: var(--e-global-color-primary) !important;
}

.oo-custom-login-form a:hover {
    color: var(--e-global-color-primary) !important;
}

.oo-custom-login-form h2 {
    display: none;
}

.oo-custom-login-form .woocommerce-form-login__rememberme {
    margin-top: 12px;
}

/* My Account */
.oo-custom-account .woocommerce-MyAccount-content-wrapper {
    border: none !important;
    padding: 0 !important;
}

.oo-custom-account h2 {
    font-size: var(--e-global-typography-accent-font-size) !important;
    line-height: var(--e-global-typography-accent-line-height) !important;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
    color: var(--e-global-color-primary) !important;
    margin: 16px 0 !important;
}

.oo-custom-account a {
    color: var(--e-global-color-primary) !important;
}

.oo-custom-account a:hover {
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .oo-custom-account {
        width: calc(100% - 218px) !important;
    }
}

@media (min-width: 768px) and (max-width: 880px) {
    .oo-custom-account {
        width: calc(100% - 188px) !important;
    }
}

.oo-custom-endpoints-myaccount a {
    border: 1px solid var(--e-global-color-primary);
    padding: 12px 16px;
    width: 100%;
}

.oo-custom-endpoints-myaccount .jet-mega-menu.jet-mega-menu--layout-dropdown .jet-mega-menu-toggle-icon svg {
    width: 32px;
}

.oo-custom-endpoints-myaccount .jet-mega-menu-item:hover svg,
.oo-custom-endpoints-myaccount .jet-mega-current-menu-item svg {
    fill: #FFFFFF;
}

@media (max-width: 767px) {
    .oo-custom-endpoints-myaccount a {
        padding: 8px 12px;
    }
}

/* Orders */
.woocommerce th,
.woocommerce td {
    padding: 6px 12px !important;
}

.woocommerce-orders-table {
    border: 1px solid var(--e-global-color-1427cf2) !important;
    border-radius: 0 !important;
    border-top: none !important;
}

.woocommerce-table--order-details,
address {
    border: 1px solid var(--e-global-color-1427cf2) !important;
    border-radius: 0 !important;
    padding: 36px 28px !important;
}

.woocommerce-table--order-details th {
    font-family: var(--e-global-typography-a50c907-font-family), Sans-serif;
    color: var(--e-global-color-secondary) !important;
}

.woocommerce-table--order-details td,
.woocommerce-orders-table td {
    font-family: var(--e-global-typography-0dc79e0-font-family), Sans-serif !important;
}

.woocommerce-table--order-details strong,
.woocommerce-orders-table strong,
.woocommerce table.shop_table tfoot td {
    font-weight: 500;
}

.woocommerce-orders-table th,
.woocommerce-orders-table td,
.woocommerce-table--order-details tfoot th {
    border-top: 1px solid #d5d8dc !important;
}

.woocommerce-orders-table__header {
    background-color: var(--e-global-color-primary) !important;
}

.woocommerce-orders-table__header span.nobr {
    font-size: var(--e-global-typography-a50c907-font-size);
    font-family: var(--e-global-typography-a50c907-font-family), Sans-serif;
    color: #FFFFFF !important;
}

.woocommerce-orders-table__cell-order-number a,
.woocommerce-table__product-name a {
    color: var(--e-global-color-primary) !important;
}

.woocommerce-orders-table__cell-order-number a:hover,
.woocommerce-table__product-name a:hover {
    text-decoration: underline;
}

.woocommerce table.my_account_orders .button,
.order-again .button,
a.woocommerce-Button.wc-forward.button,
.woocommerce-shipping-calculator .button {
    border: 1px solid var(--e-global-color-primary) !important;
    border-radius: 0 !important;
    padding: 9px 16px !important;
    color: var(--e-global-color-primary) !important;
    background-color: #FFFFFF !important;
    font-family: var(--e-global-typography-76d4b4b-font-family), Sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
}

.woocommerce table.my_account_orders .button:hover,
.woocommerce table.my_account_orders .button:focus,
.order-again .button:hover,
.order-again .button:focus,
a.woocommerce-Button.wc-forward.button:hover,
a.woocommerce-Button.wc-forward.button:focus,
.woocommerce-shipping-calculator .button:hover,
.woocommerce-shipping-calculator .button:focus {
    border: 1px solid var(--e-global-color-primary) !important;
    color: #FFFFFF !important;
    background-color: var(--e-global-color-primary) !important;
}

.woocommerce-MyAccount-orders tr:nth-child(even) {
    background-color: var(--e-global-color-1e7e5b6) !important;
}

.woocommerce-table--order-details address {
    height: auto !important;
}

@media (max-width: 1200px) {

    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        float: none !important;
        width: 100% !important;
    }
}

/* Account Deatils */
.oo-custom-details-endpoint form input {
    border-bottom: 1px solid var(--e-global-color-primary) !important;
    background-color: #FFFFFF !important;
}

.oo-custom-details-endpoint form fieldset {
    border: 1px solid var(--e-global-color-primary) !important;
}

.oo-custom-details-endpoint form fieldset legend {
    color: var(--e-global-color-primary) !important;
}

/* Cart & Checkout */
.oo-custom-cart-endpoint table,
.oo-custom-checkout-endpoint-order-review .woocommerce-checkout-review-order-table {
    border: 1px solid var(--e-global-color-1427cf2) !important;
    border-collapse: collapse !important;
}

.oo-custom-cart-endpoint th,
.oo-custom-cart-endpoint-total th,
.oo-custom-checkout-endpoint-order-review th {
    font-family: var(--e-global-typography-a50c907-font-family), Sans-serif;
    color: var(--e-global-color-secondary) !important;
}

.oo-custom-cart-endpoint td,
.oo-custom-cart-endpoint-total td,
.oo-custom-checkout-endpoint-order-review td {
    font-family: var(--e-global-typography-0dc79e0-font-family), Sans-serif !important;
}

.oo-custom-cart-endpoint table thead:first-child tr:first-child th,
.oo-custom-checkout-endpoint-order-review table thead:first-child tr:first-child th {
    border: none;
    background-color: var(--e-global-color-primary);
    color: #FFFFFF !important;
    font-size: var(--e-global-typography-a50c907-font-size);
}

.oo-custom-cart-endpoint .product-name a {
    color: var(--e-global-color-primary);
    font-size: 16px;
}

.oo-custom-cart-endpoint .product-name a:hover {
    text-decoration: underline;
}

.oo-custom-cart-endpoint-total .checkout-button {
    font-family: var(--e-global-typography-76d4b4b-font-family), Sans-serif !important;
    font-size: 16px !important;
    font-weight: 700;
    border: 1px solid var(--e-global-color-primary) !important;
    border-radius: 0 !important;
    background-color: #FFFFFF !important;
    color: var(--e-global-color-primary) !important;
    padding: 10px 16px;
    margin: 0 !important;
    transition: all .1s linear;
}

.oo-custom-cart-endpoint-total .checkout-button:hover {
    background-color: var(--e-global-color-primary) !important;
    color: #FFFFFF !important;
}

.oo-custom-cart-endpoint img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    max-width: 100px !important;
}

.oo-custom-cart-endpoint tr {
    border-top: 1px solid var(--e-global-color-1427cf2) !important;
}

.oo-custom-cart-endpoint-total span bdi,
.oo-custom-checkout-endpoint-order-review span bdi,
.oo-custom-cart-endpoint-total .woocommerce-shipping-destination strong {
    font-weight: 500 !important;
}

.oo-custom-cart-endpoint-total th {
    background-color: var(--e-global-color-1e7e5b6) !important;
    border: 1px solid var(--e-global-color-1427cf2) !important;
}

.oo-custom-checkout-endpoint-order-review label {
    vertical-align: text-top;
}

/* -------------------------------- Blog and Legal Templates -------------------------------- */
.oo-blog-legal h2,
.oo-blog-legal h3,
.oo-blog-legal h4,
.oo-blog-legal h5,
.oo-blog-legal h6 {
    padding: 20px 0;
    color: var(--e-global-color-primary);
}

.oo-blog-legal ul,
.oo-blog-legal ol {
    padding: 0 0 20px 30px;
}

.oo-blog-legal ul li,
.oo-blog-legal ol li {
    padding-bottom: 12px;
}

.oo-blog-legal ul li:last-of-type,
.oo-blog-legal ol li:last-of-type {
    padding-bottom: 0;
}

.oo-blog-legal table th {
    font-weight: 500;
    color: #FFFFFF;
    background-color: var(--e-global-color-primary);
    border: 1px solid var(--e-global-color-1427cf2);
}

.oo-blog-legal table td {
    border: 1px solid var(--e-global-color-1427cf2);
    background-color: #FFFFFF;
    align-content: center;
}

/* Legal Specific */
.oo-help-centre-menu li {
    border: 1px solid var(--e-global-color-1427cf2);
    border-collapse: collapse;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
}

.oo-help-centre-menu li:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M14.0043 16L13.1671 15.2005L19.7836 8.58355H0.910156V7.42474H19.7836L13.1584 0.799531L13.9956 0L22 8.00433L14.0043 16Z' fill='%23866761'/%3E%3C/svg%3E");
    transition: all .3s linear;
}

.oo-help-centre-menu li:hover:after {
    transform: translate(5px);
}

.oo-help-centre-menu a {
    width: 100%;
}

.oo-help-centre-menu ul {
    display: flex;
    flex-direction: column;
}

.oo-help-centre-menu .menu-item-5366 {
    order: 4 !important;
    margin-top: -1px;
}

.oo-help-centre-menu .current_page_item {
    background-color: var(--e-global-color-primary) !important;
}

/* Blog Specific */
.oo-blog-slider .jet-slick-dots {
    margin: 64px 0 0 0;
}

.oo-blog-slider .jet-slick-dots li {
    width: 37px !important;
    border-radius: 0;
}

.oo-blog-slider .next-arrow.slick-arrow {
    right: calc(50% - 95px) !important;
}

.oo-blog-slider .prev-arrow.slick-arrow {
    left: calc(50% - 95px) !important;
}

@media (max-width: 767px) {
    .oo-blog-slider .jet-slick-dots li {
        width: 16px !important;
        border-radius: 0;
    }

    .oo-blog-slider .next-arrow.slick-arrow {
        right: calc(50% - 55px) !important;
    }

    .oo-blog-slider .prev-arrow.slick-arrow {
        left: calc(50% - 55px) !important;
    }

    .oo-blog-slider .jet-slick-dots {
        margin: 32px 0 0px 0;
    }
}

/* -------------------------------- Shop -------------------------------- */
/* Shop Filters */
.jet-color-image-list__item.active .jet-color-image-list__button .jet-color-image-list__decorator {
    outline: 1px solid var(--e-global-color-primary);
    width: 32px;
    height: 32px;
    outline-offset: 3px;
    border-radius: 100px;
}

.jet-remove-all-filters__button:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 24 18' fill='none' stroke='%23A37F74' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
}

.oo-shop-filter .jet-list-collapsible .jet-collapse-icon, .jet-list-collapsible .jet-collapse-none {
    order: 2;
    visibility: hidden;
}

.oo-shop-filter .jet-list-tree__parent.jet-list-toggle-collapsed .jet-collapse-icon:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M4 5.26671L0 1.26671L0.533371 0.733337L4 4.19997L7.46663 0.733337L8 1.26671L4 5.26671Z' fill='%23866761'/%3E%3C/svg%3E");
    visibility: visible;
    cursor: pointer;
    margin-left: 16px !important;
}

.oo-shop-filter .jet-list-tree__parent:not(.jet-list-toggle-collapsed) .jet-collapse-icon:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M4 0.733291L8 4.73329L7.46663 5.26666L4 1.80003L0.53337 5.26666L4.66288e-08 4.73329L4 0.733291Z' fill='%23866761'/%3E%3C/svg%3E");
    visibility: visible;
    cursor: pointer;
    margin-left: 16px !important;
}

.oo-shop-filter .jet-radio-list__item {
    flex: none !important;
}

/* Category Product Count */
.filter-category,
.filter-count {
    color: var(--e-global-color-primary);
    text-transform: uppercase;
    font-size: 16px;
}

.filter-category {
    font-weight: 500;
}

.filter-count {
    font-weight: 400;
}

@media (max-width: 767px) {

    .filter-category,
    .filter-count {
        font-size: 14px;
    }

}

/* Single Product Template */
.cfvsw-swatches-option {
    border: none !important;
    padding: 0 !important;
}

.cfvsw-swatch-inner {
    height: 32px !important;
    width: 32px !important;
    border-radius: 100px !important;
    border: none;
}

.cfvsw-selected-swatch .cfvsw-swatch-inner {
    border-radius: 100px !important;
    outline: 1px solid var(--e-global-color-primary) !important;
    outline-offset: 5px;
    width: 27px !important;
    height: 27px !important;
    margin-right: 5px;
}

.swatch-label {
    display: inline;
    margin-left: 8px;
    margin-right: 20px;
    font-size: 12px;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-2c1c854-font-family), Sans-serif;
    font-weight: 400;
    vertical-align: middle;
}

.cfvsw-label-none table.variations tr th.label {
    display: block !important;
}

.cfvsw-selected-label {
    display: none !important;
}

.variations td.value {
    display: flex;
    align-items: center;
    gap: 10px;
}

.variations td.value .quantity {
    margin: 0;
    display: inline-block;
}

.woocommerce div.product form.cart .variations select {
    max-width: 225px;
    min-width: 117px;
}

/*.quantity-wrapper {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    margin-top: -64px;*/
/*    min-height: 170px;*/
/*    justify-content: center;*/
/*}*/

.quantity-label {
    font-family: "franklin-gothic-atf", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    color: var(--e-global-color-primary);
    margin-bottom: 10px;
}

.quantity {
    flex-direction: column;
}

.woocommerce-variation-add-to-cart {
    flex-direction: row !important;
    align-items: center !important;
}

.yith-wcwl-add-to-wishlist-button img.yith-wcwl-custom-icon {
    height: 40px !important;
    width: 40px !important;
}

.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor img {
    max-width: 40px !important;
}

a.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor.yith-wcwl-add-to-wishlist-button--single {
    gap: 5px !important;
}

/* Add to Wishlist Positioning */
.custom-button-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.custom-wishlist-container {
    display: flex;
    align-items: center;
    margin: 35px 0 0 20px;
}