.chalet-code-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: text;  /* Keep text cursor for the entire container */
    border: 1.25px solid #3a352f;  /* Add border to the wrapper to look like an input */
    border-radius: 30px;  /* Add rounded corners to the wrapper */
    background-color: #ffffff;  /* Give a background to the wrapper */
    padding: 9px 12px;  /* Add padding to the wrapper */
    min-width: 150px;  /* Ensure the wrapper has a minimum width */
    position: relative;  /* For positioning the icons */
}

/* Styling for the input field */
.chalet-code-wrapper .chalet-code {
    font-size: .9rem;
    border: none;  /* Remove border from the input */
    background-color: transparent;  /* Make the input background transparent */
    flex-grow: 1;  /* Allow the input to grow and fill available space */
    color: #3a352f;  /* Text color for input */
    padding: 0;  /* Remove padding to make it fit within the wrapper */
    cursor: inherit;  /* Keep the cursor the same as the wrapper */
    text-transform: uppercase;
    max-width: 105px;
    transition: color 0.2s ease, background-color 0.2s ease; /* Smooth transitions */
}

@media only screen and (max-width: 767px) {
    .chalet-code-wrapper .chalet-code {
        font-size: .8rem;
        max-width: 95px;
    }    
    .chalet-code-wrapper {
        min-width: 140px;        
    }
}

.grid-product-item-cart-icon .added_to_cart {
    display: none !important;
}

/* Style when the input field is readonly */
.chalet-code-wrapper .chalet-code[readonly] {
    color: #3a352f;  /* Lighter text color when readonly */
    cursor: not-allowed;  /* Indicate readonly state */
}

/* Remove focus styling */
.chalet-code-wrapper .chalet-code:focus {
    outline: none;  /* Remove the default outline */
    border: none;    /* No border when focused */
    box-shadow: none; /* No shadow effect when focused */
}

/* Styling for the icons */
.chalet-code-wrapper .edit-icon, .chalet-code-wrapper .save-icon {
    font-size: 22px;
    cursor: pointer;
    transition: opacity 0.2s ease;
    color: #3a352f;  /* Icon color */
}

.chalet-code-wrapper .edit-icon::before, .chalet-code-wrapper .save-icon::before {
    background: #393D32;
}

/* Style for icons (edit and save) when in use */
.chalet-code-wrapper .edit-icon:hover, .chalet-code-wrapper .save-icon:hover {
    opacity: 0.7;  /* Change opacity when hovered */
}

/* Hide the save icon initially */
.chalet-code-wrapper .hidden {
    display: none;
}

/* Positioning of icons */
.chalet-code-wrapper .edit-icon {
    position: absolute;
    right: 10px;  /* Position the edit icon to the right */
}

.chalet-code-wrapper .save-icon {
    position: absolute;
    right: 10px;  /* Position the save icon slightly left of the edit icon */
}

/* Disable the link visually */
#client-continue a.disabled {
    pointer-events: none;  /* Prevent clicks */
    opacity: 0.5;           /* Make the link appear visually disabled */
}

/* Optionally, style the disabled state with a different cursor */
#client-continue a.disabled {
    cursor: not-allowed;  /* Show a "not-allowed" cursor when disabled */
}

.oxy-close-modal {
    cursor: pointer;
}

/* Products */

.grid-product-item-img a {
    width: 100%;
}

.grid-product-title {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hover-image-box-wrap .grid-product-item-img {
    transition: transform 0.3s ease; /* Apply transition to both states */
}

.hover-image-box-wrap:hover .grid-product-item-img {
    transform: scale(1.05); /* Apply scaling on hover */
}

.hover-image-box-wrap:hover .elementor-heading-title {
    color: #43473E!important;
}

#custom-products-tab a.ue_taxonomy_item {
    display: flex!important;
    flex-direction: row;
    gap: 5px;
}

/* Footer */

@media only screen and (max-width: 767px) {
    .hide-mobile {
        display: none;
    }
}

input[type=checkbox].wsf-field + label.wsf-label {
    font-size: 0.8rem !important;
    color: #3A352F;
}

button.wsf-button.wsf-button-primary {
    padding: 10px 24px 10px 24px;
    border-radius: 30px 30px 30px 30px;
    font-family: "General Sans", Sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    background-color: #43473E;
    color: #ffffff;
}