/* =========================
   Base & Globals
   ========================= */
   * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
html {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
html::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
}
.scroll-container {
    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
    -ms-overflow-style: none;
}
div, span, p {
    -webkit-font-smoothing: antialiased;
}
img {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-font-smoothing: antialiased;
}
:not(input):not(select):not(textarea):not(button):focus {
    outline: none;
}
img {
    user-select: none; 
    -webkit-user-drag: none;
}
iframe {
    z-index: 0 !important;
}

input#rememberme[type="checkbox"] {
    accent-color: #1A3B57;
}
input.notification-checkbox[type="checkbox"] {
    accent-color: #1A3B57;
}
input[type="checkbox"] {
    accent-color: #1B2B12;
}
input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #FEFDF8 inset;
    -webkit-text-fill-color: #000; /* Set desired text color */
    transition: background-color 5000s ease-in-out 0s;
}

input,
textarea,
select {
    transition: background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s;
}

/* Chrome, Safari */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0px 1000px #FEFDF8 inset !important;
    box-shadow: 0 0 0px 1000px #FEFDF8 inset !important;
    -webkit-text-fill-color: #000 !important;
    transition: background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s;
}

/* Firefox */
input:-moz-autofill {
    box-shadow: 0 0 0px 1000px #FEFDF8 inset !important;
    -moz-text-fill-color: #000 !important;
}

/* =========================
   Scrollbars
   ========================= */
.search-results::-webkit-scrollbar,
.comment-field::-webkit-scrollbar,
#product-description-container::-webkit-scrollbar,
.similar-products::-webkit-scrollbar,
#checkout-sidebar-previous-order-details::-webkit-scrollbar,
.carousel-content-container::-webkit-scrollbar,
.carousel-content::-webkit-scrollbar,
.scroll-container::-webkit-scrollbar,
#mobile-product-details-container > div::-webkit-scrollbar,
#mobile-orders-container::-webkit-scrollbar,
#mobile-cart-container::-webkit-scrollbar,
#mobile-shop::-webkit-scrollbar,
#mobile-order-details::-webkit-scrollbar,
.overflow-x-scroll::-webkit-scrollbar,
.overflow-y-scroll::-webkit-scrollbar {
    display: none;
    width: 0px;
    height: 0px;
    background: transparent;
}

/* =========================
   Search Results
   ========================= */
.search-results {
    padding-bottom: 0px;
}
.search-results.expanded {
    padding-bottom: 16px;
}

.search-results .search-results-container {
    opacity: 0;
    max-height: 0px;
    transition: opacity 0.5s ease, max-height 0.5s ease !important;
}
.search-results.expanded .search-results-container {
    opacity: 1;
    max-height: 320px !important;
}

/* =========================
   Input Number
   ========================= */
/* Chrome, Safari, Edge, Opera */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

/* =========================
   Prevents double-tapping on increment / decrement button from zooming in
   ========================= */
html {
    touch-action: manipulation; /* Hints at no double-tap */
}

button:focus {
    outline: none;
    box-shadow: none;
}

button,
a,
input,
label,
textarea {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.apply-now-button {
    background-color: #32518D;

    transition: background-color 0.2s;
}

.apply-now-button .inner-border {
    width: calc(100% - 8px);
    height: calc(100% - 8px);

    transition: all 0.2s;
}

.apply-now-button:hover {
    background-color: #2B4578;
}

#hero-image-label {
    background-color: #32518D;

    transition: background-color 0.3s ease;
}

#hero-image-label:hover {
    background-color: #2B4578;
}

.apply-now-button:hover .inner-border {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
}

.why-virginia-creek-item {
    background-color: #32518D;

    transition: background-color 0.6s ease;
}
.why-virginia-creek-item:hover {
    background-color: #2D4A80;
}

#more-nearby-container {
    max-height: 0px;
    opacity: 0;

    transition: max-height 0.3s ease, opacity 0.3s ease;
}
#more-nearby-container.expanded {
    max-height: 640px;
    opacity: 1;
}

#nearby-expand-toggle img {
    transform: rotate(0deg);

    transition: transform 0.3s ease;
}
#nearby-expand-toggle.expanded img {
    transform: rotate(-180deg);
}

.faq-item .faq-question {
    background-color: #32518D;

    transition: background-color 0.3s ease;
}

.faq-item .faq-question:hover {
    background-color: #2B4578;
}

.faq-item {
    max-height: 49.5px;
    overflow-y: hidden;

    transition: max-height 0.6s ease;
}
.faq-item img {
    transform: rotate(0deg);

    transition: transform 0.6s ease;
}
.faq-item .faq-answer {
    opacity: 0;

    transition: opacity 0.6s ease;
}

.faq-item.expanded {
    max-height: 400px;
}
.faq-item.expanded img {
    transform: rotate(-180deg);
}
.faq-item.expanded .faq-answer {
    opacity: 1;
}