/*!
Theme Name: Creative Woo
Theme URI: https://creativeweb.agency/
Author: CreativeWeb
Author URI: https://creativeweb.agency/
Description: Bespoke WP + WooCommerce Theme by CreativeWeb
Version: 20.10.25
Text Domain: creative
*/

/* WPML Widget */
.wpml-ls-legacy-dropdown-click {
    width: auto;
}
.wpml-ls-legacy-dropdown-click a {
    background-color: transparent;
    border: none;
    color: #fff;
    padding: 1rem;
    padding-right: calc(10px + 1.2em) !important;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-flag {
    width: 3rem;
}
@media (min-width: 600px) {
    .wpml-ls-legacy-dropdown-click .wpml-ls-flag {
        width: 4rem;
    }
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    border: .28em solid transparent;
    border-top: .4em solid;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown-click a:focus,
.wpml-ls-legacy-dropdown-click a:hover {
    background: #fff;
}

/* Fibo */

header .dgwt-wcas-search-wrapp,
header .dgwt-wcas-search-form,
header .dgwt-wcas-sf-wrapp,
header .dgwt-wcas-search-input {
    height: 100% !important;
}
header .dgwt-wcas-sf-wrapp {
    padding: 1px !important;
}
header .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    top: 50%;
    transform: translateY(-50%);
}

.dgwt-wcas-search-wrapp {
    min-width: 0;
}

.dgwt-wcas-st strong,
.dgwt-wcas-sd strong {
    color: #fff !important;
}

.dgwt-wcas-si {
    aspect-ratio: 1 / 1;
    width: 100px !important;
}

.dgwt-wcas-si img {
    border: none;
    padding: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: none;
    background: transparent;
}

.dgwt-wcas-suggestion:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.dgwt-wcas-st-more:not(:hover) {
    color: var(--color-primary);
}

@media (max-width: 1199px) {
    .dgwt-wcas-st-more {
        background: #fff;
        font-size: var(--text-7);
        padding: 1em 2em !important;
    }
    .dgwt-wcas-st-more:after,
    .dgwt-wcas-st-more-total {
        color: #000 !important;
    }
    .dgwt-wcas-suggestions-wrapp {
        border-color: var(--color-dark);
    }
}
@media (min-width: 600px) and (max-width: 1199px) {
    .dgwt-wcas-suggestions-wrapp {
        width: min-content !important;
    }
}
.dgwt-wcas-overlay-mobile .dgwt-wcas-search-input {
    background: #fff !important;
    color: #000 !important;
}
.dgwt-wcas-overlay-mobile .dgwt-wcas-st-more {
    background: #fff;
    font-size: var(--text-7);
    padding: 1em 2em !important;
}
.dgwt-wcas-overlay-mobile .dgwt-wcas-st-more:after,
.dgwt-wcas-overlay-mobile .dgwt-wcas-st-more-total {
    color: #000 !important;
}

/* Footer */
footer .gform-body {
    width: 100%;
}

footer .gform-body.gform_body {
    padding-bottom: 0;
}

footer .gform_wrapper form .gform-footer {
    margin-top: 0;
}

/* Private Pages */

.post-password-form {
    height: 70vh;
    height: 70svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.post-password-form > p {
    width: 100%;
    text-align: center;
    font-size: 115%;
}

.post-password-form label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.post-password-form input[type=password] {
    padding: 0.75rem 1.5rem;
    background: none;
    border: 1px solid #fff;
    border-radius: 0.3rem;
}

.post-password-form input[type=submit] {
    padding: 0.75rem 1.5rem;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0.3rem;
    color: #000;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s opacity;
    margin-top: 1.5rem;
}

.post-password-form input[type=submit]:hover {
    opacity: 0.7;
}

.icon-cards .icon figure img{
	object-fit: contain;
}

.contact-form .gchoice.gchoice_1_5_1 {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contact-form .gchoice.gchoice_1_5_1 label {
      font-family: var(--font-body) !important;
    font-size: var(--text-6) !important;
    line-height: var(--tw-leading, var(--text-6--line-height)
1.24
) !important;
    font-weight: var(--tw-font-weight, var(--text-6--font-weight)) !important;
color: var(--color-light) !important;
}

.gform_wrapper form .gform_fields {
    gap: calc(var(--spacing)*8);
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}

.contact-form .gchoice input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 18px;
    height: 18px;
    border: 1px solid #2f2f2f;
    border-radius: 50%;
    background: transparent;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
}
.contact-form .gchoice input[type="checkbox"]:checked {
    background-color: #cbb26a;
    border-color: #cbb26a;
}

.contact-form .gchoice input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
}

.contact-form .gchoice {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-form .gchoice label {
    cursor: pointer;
}
.gform-body.gform_body {
    padding-bottom: 30px;
}
    .btn.btn-outline:hover {
        color: var(--color-black) !important;
    }

.gap-3 {
	gap:24px;
}
/*.btn.btn-outline:before {*/
   
/*    z-index: -2 !important;*/

/*}*/

.form-outer.w-full #input_2_1 {
    border-left-width: 0px !important;   
    border-right-width: 0px !important; 
    border-top-width: 0px !important;    
    padding-left: 0px !important;       
}
.form-outer.w-full #gform_2 {
    gap: calc(var(--spacing) * 10);
    flex-wrap: wrap;
	align-items: center;
    display: flex;      
}
.pagination-block .current{
	color: var(--color-black);
	pointer-events: none;
}
.pagination-block .current.btn.btn-outline:before{
	opacity: 1 !important;
}

/* Reserved Banner */
.reserved-banner-outer {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 10;
}
.reserved-banner {
    color: white;
    position: relative;
    padding: 0.5rem 2rem;
    --corner: 2rem;
}

.reserved-banner:before {
    z-index: -2 !important;
}

.reserved-banner:before {
    content: "";
    z-index: 0;
    clip-path: polygon(var(--corner)0,100% 0,100% calc(100% - var(--corner)),calc(100% - var(--corner))100%,0 100%,0 var(--corner));
    opacity: 1;
    background: var(--color-primary);
    transition: opacity .2s;
    position: absolute;
    inset: 0;
}

.reserved-banner:after {
    content: "";
    clip-path: polygon(calc(100% - 2px) var(--corner),calc(100% - 2px) 100%,100% 100%,100% calc(var(--corner) - 1px),calc(100% - calc(var(--corner) - 1px))0,0% 0%,0% calc(100% - calc(var(--corner) - 1px)),calc(var(--corner) - 1px)100%,100% 100%,100% calc(100% - 2px),var(--corner) calc(100% - 2px),2px calc(100% - var(--corner)),2px 2px,calc(100% - var(--corner))2px);
    background: var(--color-primary);
    position: absolute;
    inset: 0;
    transform: scaleY(-1);
}

.compare-overlay {
    pointer-events: none;
}

.compare-overlay > * {
    pointer-events: auto;
}

.compare-overlay .js-compare-fab,
.compare-overlay .js-compare-minimize {
    display: none;
}

@media (max-width: 639px) {
    .compare-overlay .js-compare-fab {
        position: fixed;
        right: 1rem;
        bottom: 1rem;
        z-index: 60;
        gap: 0.5rem;
        padding: 0.75rem 1.25rem;
        background: var(--color-primary, #fff);
        color: var(--color-darkest, #0a0a0a);
        border-radius: 999px;
        box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.4);
        font-weight: 500;
        align-items: center;
        pointer-events: auto;
    }
    .compare-overlay.is-minimized > .container {
        display: none;
    }
    .compare-overlay.is-minimized .js-compare-fab {
        display: inline-flex;
    }
    .compare-overlay:not(.is-minimized) .js-compare-minimize {
        display: inline-flex;
        position: absolute;
        top: 0.75rem;
        left: 0.75rem;
        z-index: 3;
        width: 2.75rem;
        height: 2.75rem;
        align-items: center;
        justify-content: center;
        background: #e11d2a;
        color: #fff;
        border-radius: 999px;
        box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.35);
        pointer-events: auto;
    }
    .compare-overlay .card {
        padding-top: 4rem;
    }
    .compare-overlay .js-compare-fab-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.5rem;
        height: 1.5rem;
        padding: 0 0.35rem;
        background: var(--color-darkest, #0a0a0a);
        color: var(--color-primary, #fff);
        border-radius: 999px;
        font-size: 0.85rem;
    }
}


.compare-overlay .card {
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
}

.woocommerce .woocommerce-MyAccount-content table td {
    color: var(--color-darker);
}

.order-table-container {
    background: white;
    margin-top: 2rem;
    padding: 2rem;
    border-radius: var(--radius-md);
}

.order-table-container .woocommerce-table {
    width: 100%;
}

.order-table-container .woocommerce-customer-details {
    margin-top: 2rem;
    color: black;
}

.woocommerce-EditAccountForm {
    margin-top: 2rem;
    color: black;
}

.compare-overlay .js-compare-link.is-disabled {
  opacity: .4;
  pointer-events: none;
}

.gform_confirmation_message {
    text-align: center;
}

@media(max-width: 900px) {
    header .btn {
        padding: 1em 1.2em;
    }
    
    header .btn svg {
        display: none;
    }
}

.comparison-table .table-container {
    overflow: scroll;
}

@media(max-width: 1025px) {
    #woocommerce-cart .pin-spacer {
        padding-top: 0 !important;
        height: auto !important;
    }
}

header .search-form button {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
}

.search-title-container {
    grid-column: 1 / 5;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fff;
    margin: 1em auto;
    padding: 0;
    width: 100%;
}

.search-title {
    white-space: nowrap;
    padding: 0 5rem;
    text-transform: capitalize;
}

.object-contain {
    object-fit: contain;
}

.hero .search-form {
    position: relative;
}

.hero .search-form button {
    position: absolute;
    right: 1rem;
    top: 1.5rem;
}

.comparison-vehicles .btn.disabled {
    opacity: .4;
    pointer-events: none;
}

/* Gravity Forms Multi File Upload Fix */
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container .gform_fileupload {
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #f9f9f9;
    display: block;
    width: 100%;
}

.gform_wrapper .gform_fileupload_multifile {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.gform_wrapper .gform_fileupload_multifile input[type="file"] {
    width: auto;
}
.gform_wrapper .gform_drop_area {
    background: rgba(0, 0, 0, .02);
    border: 1px solid #2d2d2d;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 32px;
    text-align: center;
	width: 100%;
}
.gform_wrapper .gform_drop_instructions {
    display: block;
    margin-bottom: 8px;
	font-size: 18px;
	color: #949494;
}
.gform_wrapper .gform_fileupload_multifile button{
	font-size: 18px;
	color: #949494;
}
.gform_wrapper .gfield_description{
	font-size: 18px;
}

.gform_wrapper .ginput_preview_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-block-start: 16px;
    width: 100%;
}
.gform_wrapper .ginput_preview {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    gap: 4px;
    position: relative;
}
.gform_wrapper .ginput_preview .gfield_fileupload_filename {
    color: #fff;
   font-size: 16px;
}
.gform_wrapper  .ginput_preview .gfield_fileupload_progress {
    align-items: center;
    display: flex;
    gap: 10px;
}
.gform_wrapper .ginput_preview .gfield_fileupload_progressbar {
    background-color: #949494;
    inline-size: 100%;
    position: relative;
	
}
.gform_wrapper .ginput_preview .gfield_fileupload_progressbar_progress {
    background-color: #fff;
    inline-size: 1%;
    position: absolute;
    transition: 0.15s;
	height: 6px;
}
.gform_wrapper .ginput_preview .gfield_fileupload_percent {
    color: #fff;
    font-size: 16px;
    min-inline-size: 33px;
}
.gform_wrapper .ginput_preview .gfield_fileupload_filename {
    color: #fff;
    overflow: hidden;
    padding-inline-end: calc(20px + 33px + calc(12px * 2));
    text-overflow: ellipse;
    white-space: nowrap;
}
.gform_wrapper .ginput_preview .gform_delete_file{
	position:absolute;
	right: 0px;
}

.gallery-gradient {
    --tw-gradient-position: to top;
    --tw-gradient-to-position: 60%;
}

/*.price-converter {*/
/*    width: 450px;*/
/*}*/

/* WPML Temp */
.otgs-development-site-front-end {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.variation-colour {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-darker);
    display: flex;
    padding-inline: calc(var(--spacing)*10);
    padding-block: calc(var(--spacing)*7);
    justify-content: space-between;
}

.variation-colour label {
    margin-bottom: 0;
}

.variation-colour .merch-color-swatches {
    display: flex;
    gap: 1rem;
}

.variation-colour .merch-color-swatches .merch-color-swatch {
    height: 2rem;
    width: 5rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-darker);
    border-radius: 1rem;
}

.variation-colour .merch-color-swatches .merch-color-swatch.is-active {
    border-color: var(--color-light);
}

.variation-colour .merch-color-swatches .merch-color-swatch.is-unavailable {
    opacity: 0.4;
}

.woocommerce-variation-add-to-cart .quantity {
    border: 2px solid white;
    position: relative;
}

.woocommerce-variation-add-to-cart .quantity button {
    color: currentColor;
    pointer-events: all;
    --corner: 2rem;
    padding: 1em;
    display: inline-flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.woocommerce-variation-add-to-cart .buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 1200px) {
    .woocommerce-variation-add-to-cart .buttons {
        display: flex;
    }
    .woocommerce-variation-add-to-cart .quantity button {
        padding-inline: 2.2em;   
    }
}

@media (max-width: 639px) {
    .woocommerce-variation-add-to-cart .buttons > .buy-now svg {
        display: none;
    }
}

/*.woocommerce-variation-add-to-cart .quantity button.qty-btn--minus:before {*/
/*    content: "";*/
/*    z-index: 0;*/
/*    clip-path: polygon(var(--corner) 0%, 100% 0%, 100% 100%, 0% 100%, 0% var(--corner));*/
/*    opacity: 0;*/
/*    background: #fff;*/
/*    transition: opacity .2s;*/
/*    position: absolute;*/
/*    inset: 0;*/
/*}*/

/*.woocommerce-variation-add-to-cart .quantity button.qty-btn--minus:after {*/
/*    content: "";*/
/*    clip-path: polygon(*/
/*      var(--corner) 0%,*/
/*      100% 0%,*/
/*      100% 100%,*/
/*      0% 100%,*/
/*      0% var(--corner),*/
/*      2px var(--corner),                            */
/*      2px calc(100% - 2px),*/
/*      calc(100% - 2px) calc(100% - 2px),*/
/*      calc(100% - 2px) 2px,*/
/*      var(--corner) 2px                           */
/*    );*/
/*    background: #fff;*/
/*    position: absolute;*/
/*    inset: 0;*/
/*}*/

/*.woocommerce-variation-add-to-cart .quantity button.qty-btn--plus:before {*/
/*    content: "";*/
/*    z-index: 0;*/
/*    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--corner)), calc(100% - var(--corner)) 100%, 0% 100%);*/
/*    opacity: 0;*/
/*    background: #fff;*/
/*    transition: opacity .2s;*/
/*    position: absolute;*/
/*    inset: 0;*/
/*}*/

/*.woocommerce-variation-add-to-cart .quantity button.qty-btn--plus:after {*/
/*    content: "";*/
/*    clip-path: polygon(*/
/*      calc(100% - var(--corner)) 100%,*/
/*      0% 100%,*/
/*      0% 0%,*/
/*      100% 0%,*/
/*      100% calc(100% - var(--corner)),*/
/*      calc(100% - 2px) calc(100% - var(--corner)), */
/*      calc(100% - 2px) 2px,*/
/*      2px 2px,*/
/*      2px calc(100% - 2px),*/
/*      calc(100% - var(--corner)) calc(100% - 2px) */
/*    );*/
/*    background: #fff;*/
/*    position: absolute;*/
/*    inset: 0;*/
/*}*/

.woocommerce-variation-add-to-cart {
    display: flex;
    justify-content: space-between;
}

.merch-tabs__nav {
    font-family: var(--font-heading);
}

.variation-group select {
    appearance: auto
}

@media(min-width: 1000px) {
    .split-content-alt .content-row {
        justify-content: flex-end;
    }
}

@media(max-width: 1000px) {
    .split-content-alt .content-row {
        gap: 0;
    }
}

@media (max-width: 768px) {
    .woocommerce-variation-add-to-cart {
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: center;
    }
    
    .merch-tabs__nav {
        flex-wrap: wrap;
    }
    
    .merch-tabs__nav .merch-tabs__btn {
        padding: 1rem;
    }
    
    .merch-add-to-cart .variation-colour {
        border-style: none;
        border-width: none;
        border-color: none;
        display: block;
        padding: 0;
    }
    
    .merch-add-to-cart .variation-colour label, .merch-add-to-cart .variation-colour .merch-color-swatches {
        display: none;
    }
    
    .merch-add-to-cart .variation-colour select {
        display: block;
    }
}

/* Fibosearch */
.dgwt-wcas-suggestions-wrapp {
    border: none;
}

.dgwt-wcas-open-pirx .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp, .dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return {
    background: none;
}

html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    background: #0a0a0a;
}

.merch-testimonials__prev.btn.btn-outline:before, .merch-testimonials__prev.btn.btn-outline:after {
    background: #000;
}

.merch-testimonials__next.btn.btn-outline:before, .merch-testimonials__next.btn.btn-outline:after {
    background: #000;
}

/*.pb-sm {*/
/*    padding-block: var(--spacing-sm);*/
/*}*/


/* Price range */
.price-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.price-slider-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.price-display {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    color: #555;
    white-space: nowrap;
}

.price-sep {
    margin: 0 4px;
}

.price-range {
    padding-block: calc(var(--spacing) * 4);
}

.price-range-track {
    position: relative;
    height: 4px;
    background: #ddd;
    border-radius: 4px;
    margin: 12px 0;
}

.price-range-fill {
    position: absolute;
    height: 100%;
    background: currentColor; /* inherits your theme colour */
    border-radius: 4px;
    pointer-events: none;
}

.price-range-track input[type="range"] {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    pointer-events: none;
    margin: 0;
    height: 20px;
}

.price-range-track input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid currentColor;
    cursor: pointer;
    pointer-events: all;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.price-range-track input[type="range"]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid currentColor;
    cursor: pointer;
    pointer-events: all;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.dgwt-wcas-sold {
    padding-top: 1rem;
}

.dgwt-wcas-suggestion:not(.dgwt-wcas-suggestion-history-product):not(.dgwt-wcas-suggestion-history-search) span.dgwt-wcas-si {
    width: 60px !important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-radius: 3px;
}

.split-content-alt .content-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Cookie yes */
.cky-consent-container .cky-btn-customize, .cky-consent-container .cky-btn-reject, .cky-modal .cky-btn-reject, .cky-modal .cky-btn-preferences {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.cky-consent-container .cky-btn-customize:hover, .cky-consent-container .cky-btn-reject:hover, .cky-modal .cky-btn-reject:hover, .cky-modal .cky-btn-preferences:hover {
    color: var(--color-light) !important;
    border-color: var(--color-light) !important;
}

.cky-consent-container .cky-btn-accept, .cky-modal .cky-btn-accept {
    border-color: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
}

.cky-consent-container .cky-btn-accept:hover, .cky-modal .cky-btn-accept:hover {
    border-color: var(--color-light) !important;
    background-color: var(--color-light) !important;
}

.cky-btn-revisit-wrapper {
    background-color: var(--color-light) !important;
}

.history .timeline {
    width: 100%;
}

/* Mobile Landscape... */

@media (max-width: 899px) and (orientation: landscape) {
    .gallery-overlay .inner {
        height: 65vh;
        width: 66.67%;
    }
    .gallery-overlay button.close {
        top: var(--spacing-min);
        right: calc(var(--spacing-min) * -2);
    }
}