/* Layout fixes for customizer */
/* .vj-customizer-wrap .container { max-width: 1200px; }
.vj-customizer-wrap .row { margin-left: 0; margin-right: 0; }
.vj-customizer-wrap .carousel { background: #fff; }
.vj-customizer-wrap .carousel .carousel-item { text-align: center; }
.vj-customizer-wrap .carousel .carousel-item img { max-width: 550px; height: auto; image-rendering: -webkit-optimize-contrast; }
.vj-customizer-wrap .size-picker button.active { outline: 2px solid #222; }
.vj-customizer-wrap .nav-pills .nav-link.active { background:#222; color:#fff; }
.vj-customizer-wrap .accordion .card-header { background:#f8f9fa; }
.vj-customizer-wrap .card { border: 1px solid #e5e5e5; }
.vj-customizer-wrap img { max-width:100%; height:auto; }
.vj-customizer-wrap .wizard .card .card-header h5 { display:flex; align-items:center; }
.vj-customizer-wrap .badge.badge-danger { background:#dc3545; }
.vj-customizer-wrap .badge.badge-success { background:#28a745; }
.vj-customizer-wrap .badge.badge-warning { background:#ffc107; color:#111; } */

/* Prevent huge white margins */
/* .vj-customizer-wrap .j-wrap, .vj-customizer-wrap .j-canvas, .vj-customizer-wrap .preview-stage {
  width: 100%;
} */
select#w-height,#size,#w-weight {
    height: 50px;
}

ul#pills-tab {
    margin: 0;
}
.size-style {
    box-shadow: 0px 0px 4px 2px #000000;
}
/* text {
    font-size: 22px !important;
} */
/* Make inputs readable */
.vj-customizer-wrap input[type="text"], 
.vj-customizer-wrap select { max-width: 100%; }
.jacket-preview * {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000;
}

.carousel-item {
    transition: transform 0.6s ease-in-out;
}

.is-hidden {
    display: none !important;
}
div#vj-custom-modal {
    display: none;
}
.is-active {
    display: block !important;
}
/* Add these styles to prevent visual glitches */
.jacket-preview * {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000;
}

.carousel-item {
    transition: transform 0.3s ease-in-out;
}
ul#rpills-tab, ul#ls-pills-tab, ul#rs-pills-tab, ul#rs2-pills-tab, ul#bpills-tab, ul#rs2-pills-tab {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    padding: 15px;
    background: #fff;
    border: 1px solid var(--vj-border);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
    margin: 0;
}
.loading {
    pointer-events: none;
    opacity: 0.7;
}

.ajax-loading {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
}

@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Prevent cumulative layout shift */
.carousel-indicators,
.accordion-item,
.form-control {
    will-change: transform;
}
dd.variation-JacketDesign code {
    display: none !important;
}

.size-style{
background: rgba(246, 246, 246, .9607843137) url(https://jacketshoppe.com/wp-content/uploads/2025/10/sc.webp) no-repeat left center / 100px auto;
    padding: 20px;
    border-radius: 3px;
    border: 2px solid #cc1818;
}
li.wc-block-components-product-details__jacket-design {
    display: none;
}

/* Fix dropdown items to prevent scroll issues */
.dropdown-item {
    cursor: pointer;
}

.dropdown-item:hover {
    text-decoration: none;
}

/* Ensure dropdown items don't cause page scroll */
.dropdown-item[href="javascript:void(0)"] {
    cursor: pointer;
}

/* Fix double dollar sign display */
#salePrice {
    font-weight: bold;
}

/* Dynamic price updates animation */
.j-price, .let-price {
    transition: all 0.3s ease;
}

.j-price.price-update, .let-price.price-update {
    animation: pricePulse 0.5s ease;
}

@keyframes pricePulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); color: #28a745; }
    100% { transform: scale(1); }
}

/* Form validation styles */
.error-field {
    border: 2px solid #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

#size.error-field {
    background-color: #fff5f5;
}

/* Add to cart button styling */
.add-to-cart-now {
    transition: all 0.3s ease;
}

.add-to-cart-now:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}
.vj-cart-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
}
.vj-cart-summary h4, .vj-cart-summary h5 { margin: 4px 0 8px; font-weight: 700; }
.vj-cart-summary b, .vj-cart-summary strong { font-weight: 600; }