/* user profile styling */
.initials-avatar {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #25b003;
}

/* end user profile styling */

/* messaging styling */
.chat-thread-tab .initials-avatar {
    background-color: #bd3927;
}

.chat-thread-tab .active-thread .initials-avatar {
    background-color: #25b003;
}

.chat-message .avatar span {
    font-size: 12px;
}

.chat .chat-message .received-message-content:not(.chat .chat-message .received-message-content.gallery):before {
    border-color: rgb(203 208 221) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

div.chat-message[data-message-type="sent"] .initials-avatar {
    background-color: #b9b9b9;
}

.chat-message-content p {
    word-break: break-all;
}

/* end messaging styling */

/* main content area styling */
body {
    overflow-y: scroll;
}

@media (min-width: 992px) {
    [data-navigation-type=horizontal] .navbar-top.navbar-expand-lg ~ #infynit-digital,
    [data-navigation-type=dual] .navbar-top.navbar-expand-lg ~ #infynit-digital,
    [data-navigation-type=combo] .navbar-top.navbar-expand-lg ~ #infynit-digital {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.container, .product-filter-container, .container-fluid, .container-small-xl,
.container-small-lg, .container-small-md, .container-small-sm, .container-xxl,
.container-xl, .container-lg, .container-md, .container-sm ~ #infynit-digital {
    padding-left: 0px;
    padding-right: 0px;
}
/* end main content area styling */

/* images styling */
.img-cover {
    width: 100%; /* Ensures the image is as wide as its container */
    height: 100%; /* Adjust based on your design needs */
    object-fit: cover; /*This makes the image cover the available space, cutting off excess parts without distortion*/
}
/* end images styling */

/* select2 input styling */
.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option,
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    font-size: 0.8rem;
}
/* end select2 input styling */

/* flatpickr monthSelectorPlugin styling */
.flatpickr-monthSelect-month {
    margin: 0 !important;
}

.flatpickr-monthSelect-month:hover:not(.selected) {
    background-color: var(--phoenix-flatpickr-calendar-day-hover-bg);
}
/* end flatpickr monthSelectorPlugin styling */

/* form styling */
.form-select:disabled {
    color: var(--phoenix-quaternary-color) !important;
    background-color: rgba(var(--phoenix-gray-100-rgb), 0.7) !important;
    opacity: 1 !important;
}

/* Custom Pagination Styles */
.pagination-lg .page-link {
    padding: .5rem 1rem; /* Larger padding */
    margin: .2rem .2rem;
    font-size: 1rem; /* Larger text */
}

.pagination-lg .page-item {
    /* Additional styling if needed */
}
/* End Custom Pagination Styles */

/* Vouchers styles */
.spacing-for-new-voucher {
    /* Add 15px to padding-top for more spacing */
    padding: calc(var(--phoenix-navbar-top-height) + 2rem + 15px) 1.5rem 6.375rem 1.5rem
}

.voucher-nav-bar-notification {
    top: 55px;
    background-color: var(--phoenix-navbar-top-bg-color);
    border-bottom: 1px solid var(--phoenix-navbar-vertical-border-color);
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
/* End Vouchers styles */


/* Back to marketplace sticky button */

#back-to-marketplace {
    z-index: 1030;
    padding-bottom: env(safe-area-inset-bottom);
}

#back-to-marketplace .btn {
    background-color: #c03a2e;
}

.button-container {
    padding: calc(var(--phoenix-navbar-top-height) + 2rem + 15px) 1.5rem 6.375rem 1.5rem;
}

.footer {
    position: relative;    /* or leave as static—relative is only needed if you plan to offset it */
}

@media (min-width: 992px) {
    .footer {
        position: absolute;
    }
}

@media screen and (max-width: 991px) {
    .footer {
        padding-bottom: 1rem;
    }
    .spacing-for-new-voucher {
        padding: calc(var(--phoenix-navbar-top-height) + 2rem + 15px) 1.5rem 1.375rem 1.5rem;
    }
}
/* End back to marketplace sticky button */

/* Start: Vehicle images */
.vehicle-photos__item.sortable-chosen .vehicle-photos__actions {
    display: none !important;
}
.vehicle-photos__image {
    width: 100%;
    height: 100%;
}
.vehicle-photos__instructions {
    display: none;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    background-color: #000;
    opacity: 0.6;
}
.vehicle-photos__item.sortable-chosen .vehicle-photos__instructions {
    display: flex;
}
.vehicle-photos__move {
    color: #fff;
}
/* End: Vehicle images */

/* Start: Loading spinner */
.loading-spinner {
	display: none;
	position: fixed;
	inset: 0;
	backdrop-filter: blur(2px);
	z-index: 10000;
	justify-content: center;
	align-items: center;
}
.loading-spinner--visible {
    display: flex;
}
@media screen and (min-width: 992px) {
    .loading-spinner-anchor {
        position: relative;
    }
    .loading-spinner-anchor .loading-spinner {
        position: absolute;
    }
    .loading-spinner-anchor .loading-spinner__icon {
        position: absolute;
        top: 110px;
    }
}
/* End: Loading spinner */

/* Start: Utilities */
.pt-xl {
    padding-top: 4rem;
}
.pb-xl {
    padding-bottom: 4rem;
}
.mt-xl {
    margin-top: 4rem;
}
.mb-xl {
    margin-bottom: 4rem;
}
.pt-xxl {
    padding-top: 5rem;
}
.pb-xxl {
    padding-bottom: 5rem;
}
.mt-xxl {
    margin-top: 5rem;
}
.mb-xxl {
    margin-bottom: 5rem;
}
/* End: Utilities */

/* Start: Captcha Wrapper */
.captcha-wrapper__button {
    position: relative;
}
.captcha-wrapper__spinner {
    position: absolute;
    inset: 0;
    display: none;
    justify-content: center;
    align-items: center;
    color: inherit;
    background-color: inherit;
    border-radius: inherit;
}
.captcha-wrapper--loading .captcha-wrapper__spinner {
    display: flex;
}
.captcha-wrapper__error,
.captcha-wrapper__expired {
    display: none;
}
.captcha-wrapper--error .captcha-wrapper__error {
    display: block;
}
.captcha-wrapper--expired .captcha-wrapper__expired {
    display: block;
}
/* End: Captcha Wrapper */

/* Start: Sticky Footer */
.sticky-footer {
    position: sticky;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.3);
}

.sticky-draft-navigation {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 10px;
    align-items: center;
}
.sticky-draft-navigation__left {
    text-align: left;
}
.sticky-draft-navigation__center {
    text-align: center;
}
.sticky-draft-navigation__right {
    text-align: right;
}
@media screen and (max-width: 460px) {
    .sticky-draft-navigation .btn__text {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        border: 0 !important;
    }
}
/* End: Sticky Footer */

/* Start: Spinner Wrapper Widget */
.spinner-wrapper-widget {
    display: inline-block;
    position: relative;
}
.spinner-wrapper-widget__spinner {
    position: absolute;
    right: calc(-1em - 10px);
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.spinner-wrapper-widget--active .spinner-wrapper-widget__spinner {
    display: block;
}
/* End: Spinner Wrapper Widget */