/* Input Selection colors */
:root {
    --dxp-c-selection-color-background: #F4C23B50;
    --dxp-c-selection-text-color: #1D1D1D;
    --dxp-c-selection-text-shadow: none;
    /* Footer height for mobile sticky button positioning */
    --footer-height-mobile: 6rem;
}

@media only screen and (max-width: 47.9375em) {
    main community_layout-section:first-of-type {
        --dxp-c-section-image-overlay-color: white;
    }
}

/* End: Input Selection colors */

.c-overflow_hidden {
    overflow: hidden;
}

.c-overflow_visible {
    overflow: visible;
}

/* BORDERS */
:root {
    --br-xxx-small: clamp(0.125rem, 0.1666666667vw, 0.1666666667rem);
    --br-xx-small: clamp(0.1875rem, 0.25vw, 0.25rem);
    --br-x-small: clamp(0.375rem, 0.5vw, 0.5rem);
    --br-small: clamp(0.5625rem, 0.75vw, 0.75rem);
    --br-medium: clamp(0.75rem, 0.25rem + 0.833vw, 1rem);
    --br-large: clamp(1.125rem, 0.375rem + 1.25vw, 1.5rem);
    --br-x-large: clamp(1.5rem, 0.5rem + 1.667vw, 2rem);
    --br-xx-large: clamp(2.25rem, 3vw, 3rem);
    --br-xxx-large: clamp(3.75rem, 5vw, 5rem);
    --br-super-large: clamp(7.5rem, 10vw, 10rem);
    --br-super-x-large: clamp(15rem, 20vw, 20rem);

    /*--br-xx-small: clamp(0.125rem, 0.25vw, 0.25rem);  !* ~2-4px *!*/
    /*--br-x-small: clamp(0.25rem, 0.5vw, 0.5rem);     !* ~4-8px *!*/
    /*--br-small: clamp(0.375rem, 0.75vw, 0.75rem);    !* ~6-12px *!*/
    /*--br-medium: clamp(0.5rem, 1vw, 1rem);           !* ~8-16px *!*/
    /*--br-large: clamp(0.75rem, 1.5vw, 1.5rem);       !* ~12-24px *!*/
    /*--br-x-large: clamp(1rem, 2vw, 2rem);            !* ~16-32px *!*/
    /*--br-xx-large: clamp(1.5rem, 3vw, 3rem);         !* ~24-48px *!*/
    /*--br-xxx-large: clamp(2.5rem, 5vw, 5rem);*/
    /*--br-super-large: clamp(5rem, 10vw, 10rem);*/
    /*--br-super-x-large: clamp(10rem, 20vw, 20rem);*/
}

.c-border-radius_none {
    border-radius: 0 !important;
    overflow: hidden;
}

.c-border-radius-top-left_none {
    border-top-left-radius: 0 !important;
    overflow: hidden;
}

.c-border-radius-top-right_none {
    border-top-right-radius: 0 !important;
    overflow: hidden;
}

.c-border-radius-bottom-left_none {
    border-bottom-left-radius: 0 !important;
    overflow: hidden;
}

.c-border-radius-bottom-right_none {
    border-bottom-right-radius: 0 !important;
    overflow: hidden;
}

.c-border-radius_xxx-small {
    border-radius: var(--br-xxx-small) !important;
    overflow: hidden;
}

.c-border-radius_xx-small {
    border-radius: var(--br-xx-small) !important;
    overflow: hidden;
}

.c-border-radius_x-small {
    border-radius: var(--br-x-small) !important;
    overflow: hidden;
}

.c-border-radius_small {
    border-radius: var(--br-small) !important;
    overflow: hidden;
}

.c-border-radius_medium {
    border-radius: var(--br-medium) !important;
    overflow: hidden;
}

.c-border-radius_large {
    border-radius: var(--br-large) !important;
    overflow: hidden;
}

.c-border-radius_x-large {
    border-radius: var(--br-x-large) !important;
    overflow: hidden;
}

.c-border-radius_xx-large {
    border-radius: var(--br-xx-large) !important;
    overflow: hidden;
}

.c-border-radius_xxx-large {
    border-radius: var(--br-xxx-large) !important;
    overflow: hidden;
}

.c-border-radius_super-large {
    border-radius: var(--br-super-large) !important;
    overflow: hidden;
}

.c-border-radius_super-x-large {
    border-radius: var(--br-super-x-large) !important;
    overflow: hidden;
}

.c-border-radius_circle {
    border-radius: 9999px !important;
    overflow: hidden;
}

/* === Top === */
.c-border-radius-top_small {
    border-top-left-radius: var(--br-small) !important;
    border-top-right-radius: var(--br-small) !important;
    overflow: hidden;
}

.c-border-radius-top_medium {
    border-top-left-radius: var(--br-medium) !important;
    border-top-right-radius: var(--br-medium) !important;
    overflow: hidden;
}

.c-border-radius-top_large {
    border-top-left-radius: var(--br-large) !important;
    border-top-right-radius: var(--br-large) !important;
    overflow: hidden;
}

.c-border-radius-top_x-large {
    border-top-left-radius: var(--br-x-large) !important;
    border-top-right-radius: var(--br-x-large) !important;
    overflow: hidden;
}

.c-border-radius-top_xx-large {
    border-top-left-radius: var(--br-xx-large) !important;
    border-top-right-radius: var(--br-xx-large) !important;
    overflow: hidden;
}

.c-border-radius-top_xxx-large {
    border-top-left-radius: var(--br-xxx-large) !important;
    border-top-right-radius: var(--br-xxx-large) !important;
    overflow: hidden;
}

.c-border-radius-top_super-large {
    border-top-left-radius: var(--br-super-large) !important;
    border-top-right-radius: var(--br-super-large) !important;
    overflow: hidden;
}

.c-border-radius-top_super-x-large {
    border-top-left-radius: var(--br-super-x-large) !important;
    border-top-right-radius: var(--br-super-x-large) !important;
    overflow: hidden;
}

/* === Bottom === */
.c-border-radius-bottom_small {
    border-bottom-left-radius: var(--br-small) !important;
    border-bottom-right-radius: var(--br-small) !important;
    overflow: hidden;
}

.c-border-radius-bottom_medium {
    border-bottom-left-radius: var(--br-medium) !important;
    border-bottom-right-radius: var(--br-medium) !important;
    overflow: hidden;
}

.c-border-radius-bottom_large {
    border-bottom-left-radius: var(--br-large) !important;
    border-bottom-right-radius: var(--br-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom_x-large {
    border-bottom-left-radius: var(--br-x-large) !important;
    border-bottom-right-radius: var(--br-x-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom_xx-large {
    border-bottom-left-radius: var(--br-xx-large) !important;
    border-bottom-right-radius: var(--br-xx-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom_xxx-large {
    border-bottom-left-radius: var(--br-xxx-large) !important;
    border-bottom-right-radius: var(--br-xxx-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom_super-large {
    border-bottom-left-radius: var(--br-super-large) !important;
    border-bottom-right-radius: var(--br-super-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom_super-x-large {
    border-bottom-left-radius: var(--br-super-x-large) !important;
    border-bottom-right-radius: var(--br-super-x-large) !important;
    overflow: hidden;
}

/* === Left === */
.c-border-radius-left_small {
    border-top-left-radius: var(--br-small) !important;
    border-bottom-left-radius: var(--br-small) !important;
    overflow: hidden;
}

.c-border-radius-left_medium {
    border-top-left-radius: var(--br-medium) !important;
    border-bottom-left-radius: var(--br-medium) !important;
    overflow: hidden;
}

.c-border-radius-left_large {
    border-top-left-radius: var(--br-large) !important;
    border-bottom-left-radius: var(--br-large) !important;
    overflow: hidden;
}

.c-border-radius-left_x-large {
    border-top-left-radius: var(--br-x-large) !important;
    border-bottom-left-radius: var(--br-x-large) !important;
    overflow: hidden;
}

.c-border-radius-left_xx-large {
    border-top-left-radius: var(--br-xx-large) !important;
    border-bottom-left-radius: var(--br-xx-large) !important;
    overflow: hidden;
}

.c-border-radius-left_xxx-large {
    border-top-left-radius: var(--br-xxx-large) !important;
    border-bottom-left-radius: var(--br-xxx-large) !important;
    overflow: hidden;
}

.c-border-radius-left_super-large {
    border-top-left-radius: var(--br-super-large) !important;
    border-bottom-left-radius: var(--br-super-large) !important;
    overflow: hidden;
}

.c-border-radius-left_super-x-large {
    border-top-left-radius: var(--br-super-x-large) !important;
    border-bottom-left-radius: var(--br-super-x-large) !important;
    overflow: hidden;
}

/* === Right === */
.c-border-radius-right_small {
    border-top-right-radius: var(--br-small) !important;
    border-bottom-right-radius: var(--br-small) !important;
    overflow: hidden;
}

.c-border-radius-right_medium {
    border-top-right-radius: var(--br-medium) !important;
    border-bottom-right-radius: var(--br-medium) !important;
    overflow: hidden;
}

.c-border-radius-right_large {
    border-top-right-radius: var(--br-large) !important;
    border-bottom-right-radius: var(--br-large) !important;
    overflow: hidden;
}

.c-border-radius-right_x-large {
    border-top-right-radius: var(--br-x-large) !important;
    border-bottom-right-radius: var(--br-x-large) !important;
    overflow: hidden;
}

.c-border-radius-right_xx-large {
    border-top-right-radius: var(--br-xx-large) !important;
    border-bottom-right-radius: var(--br-xx-large) !important;
    overflow: hidden;
}

.c-border-radius-right_xxx-large {
    border-top-right-radius: var(--br-xxx-large) !important;
    border-bottom-right-radius: var(--br-xxx-large) !important;
    overflow: hidden;
}

.c-border-radius-right_super-large {
    border-top-right-radius: var(--br-super-large) !important;
    border-bottom-right-radius: var(--br-super-large) !important;
    overflow: hidden;
}

.c-border-radius-right_super-x-large {
    border-top-right-radius: var(--br-super-x-large) !important;
    border-bottom-right-radius: var(--br-super-x-large) !important;
    overflow: hidden;
}

/* === Individual Corners === */
/* Small */
.c-border-radius-top-left_small {
    border-top-left-radius: var(--br-small) !important;
    overflow: hidden;
}

.c-border-radius-top-right_small {
    border-top-right-radius: var(--br-small) !important;
    overflow: hidden;
}

.c-border-radius-bottom-left_small {
    border-bottom-left-radius: var(--br-small) !important;
    overflow: hidden;
}

.c-border-radius-bottom-right_small {
    border-bottom-right-radius: var(--br-small) !important;
    overflow: hidden;
}

/* Medium */
.c-border-radius-top-left_medium {
    border-top-left-radius: var(--br-medium) !important;
    overflow: hidden;
}

.c-border-radius-top-right_medium {
    border-top-right-radius: var(--br-medium) !important;
    overflow: hidden;
}

.c-border-radius-bottom-left_medium {
    border-bottom-left-radius: var(--br-medium) !important;
    overflow: hidden;
}

.c-border-radius-bottom-right_medium {
    border-bottom-right-radius: var(--br-medium) !important;
    overflow: hidden;
}

/* Large */
.c-border-radius-top-left_large {
    border-top-left-radius: var(--br-large) !important;
    overflow: hidden;
}

.c-border-radius-top-right_large {
    border-top-right-radius: var(--br-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-left_large {
    border-bottom-left-radius: var(--br-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-right_large {
    border-bottom-right-radius: var(--br-large) !important;
    overflow: hidden;
}

/* X-Large */
.c-border-radius-top-left_x-large {
    border-top-left-radius: var(--br-x-large) !important;
    overflow: hidden;
}

.c-border-radius-top-right_x-large {
    border-top-right-radius: var(--br-x-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-left_x-large {
    border-bottom-left-radius: var(--br-x-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-right_x-large {
    border-bottom-right-radius: var(--br-x-large) !important;
    overflow: hidden;
}

/* XX-Large */
.c-border-radius-top-left_xx-large {
    border-top-left-radius: var(--br-xx-large) !important;
    overflow: hidden;
}

.c-border-radius-top-right_xx-large {
    border-top-right-radius: var(--br-xx-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-left_xx-large {
    border-bottom-left-radius: var(--br-xx-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-right_xx-large {
    border-bottom-right-radius: var(--br-xx-large) !important;
    overflow: hidden;
}

/* XXX-Large */
.c-border-radius-top-left_xxx-large {
    border-top-left-radius: var(--br-xxx-large) !important;
    overflow: hidden;
}

.c-border-radius-top-right_xxx-large {
    border-top-right-radius: var(--br-xxx-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-left_xxx-large {
    border-bottom-left-radius: var(--br-xxx-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-right_xxx-large {
    border-bottom-right-radius: var(--br-xxx-large) !important;
    overflow: hidden;
}

/* Super-Large */
.c-border-radius-top-left_super-large {
    border-top-left-radius: var(--br-super-large) !important;
    overflow: hidden;
}

.c-border-radius-top-right_super-large {
    border-top-right-radius: var(--br-super-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-left_super-large {
    border-bottom-left-radius: var(--br-super-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-right_super-large {
    border-bottom-right-radius: var(--br-super-large) !important;
    overflow: hidden;
}

/* Super-X-Large */
.c-border-radius-top-left_super-x-large {
    border-top-left-radius: var(--br-super-x-large) !important;
    overflow: hidden;
}

.c-border-radius-top-right_super-x-large {
    border-top-right-radius: var(--br-super-x-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-left_super-x-large {
    border-bottom-left-radius: var(--br-super-x-large) !important;
    overflow: hidden;
}

.c-border-radius-bottom-right_super-x-large {
    border-bottom-right-radius: var(--br-super-x-large) !important;
    overflow: hidden;
}

/* Circle */
.c-border-radius-top-left_circle {
    border-top-left-radius: 9999px !important;
    overflow: hidden;
}

.c-border-radius-top-right_circle {
    border-top-right-radius: 9999px !important;
    overflow: hidden;
}

.c-border-radius-bottom-left_circle {
    border-bottom-left-radius: 9999px !important;
    overflow: hidden;
}

.c-border-radius-bottom-right_circle {
    border-bottom-right-radius: 9999px !important;
    overflow: hidden;
}

/* === Extra: Horizontal + Vertical === */
.c-border-radius-horizontal_small {
    border-left-radius: var(--br-small) !important;
    border-right-radius: var(--br-small) !important;
    overflow: hidden;
}

.c-border-radius-horizontal_medium {
    border-left-radius: var(--br-medium) !important;
    border-right-radius: var(--br-medium) !important;
    overflow: hidden;
}

.c-border-radius-horizontal_large {
    border-left-radius: var(--br-large) !important;
    border-right-radius: var(--br-large) !important;
    overflow: hidden;
}

.c-border-radius-horizontal_x-large {
    border-left-radius: var(--br-x-large) !important;
    border-right-radius: var(--br-x-large) !important;
    overflow: hidden;
}

.c-border-radius-vertical_small {
    border-top-radius: var(--br-small) !important;
    border-bottom-radius: var(--br-small) !important;
    overflow: hidden;
}

.c-border-radius-vertical_medium {
    border-top-radius: var(--br-medium) !important;
    border-bottom-radius: var(--br-medium) !important;
    overflow: hidden;
}

.c-border-radius-vertical_large {
    border-top-radius: var(--br-large) !important;
    border-bottom-radius: var(--br-large) !important;
    overflow: hidden;
}

.c-border-radius-vertical_x-large {
    border-top-radius: var(--br-x-large) !important;
    border-bottom-radius: var(--br-x-large) !important;
    overflow: hidden;
}

[class*="c-border-radius"] > .slds-button {
    border-radius: inherit;
}

/* End: BORDERS */

/* Banner Padding */
.c-banner-no-padding .main-content-container {
    padding: 0 !important;
}

.c-banner-no-padding-vertical .main-content-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.c-banner-no-padding-horizontal .main-content-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.c-banner-no-padding-top .main-content-container {
    padding-top: 0 !important;
}

.c-banner-no-padding-right .main-content-container {
    padding-right: 0 !important;
}

.c-banner-no-padding-bottom .main-content-container {
    padding-bottom: 0 !important;
}

.c-banner-no-padding-left .main-content-container {
    padding-left: 0 !important;
}

.c-banner-padding-left_small > .bannerWrapper .main-content-container {
    padding-left: 0.75rem;
}

.c-banner-padding-bottom_small > .bannerWrapper .main-content-container {
    padding-bottom: 0.75rem;
}

.c-banner-padding-right_none > .bannerWrapper .main-content-container {
    padding-right: 0;
}

.c-banner-feature > .bannerWrapper .main-content-container {
    padding: 0 0 0.75rem 0.75rem !important;
}

@media only screen and (max-width: 47.9375em) {
    /*.c-banner:has(.mobile-sticky-button)  {*/
    /*    padding-bottom: calc(var(--footer-height-mobile) + env(safe-area-inset-bottom));*/
    /*}*/
    /*.c-banner:not(:has(.mobile-sticky-button))  {*/
    /*    padding-bottom: calc(var(--footer-height-mobile));*/
    /*}*/
}

/* End: Banner Padding */

/* Date Picker */
lightning-datepicker .slds-button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: -0.60rem !important;
}

/* End Date Picker*/

.c-outline_small {
    outline: 1rem solid white;
}

/* Buttons Animation */
.c-animated-button:has(a.slds-button),
.c-animated-button > button.slds-button {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    will-change: transform;
}

.c-animated-button:has(a.slds-button):hover,
.c-animated-button:has(a.slds-button):focus,
.c-animated-button > button.slds-button:hover,
.c-animated-button > button.slds-button:focus {
    transform: scaleX(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.c-animated-button.c-banner-button:has(a.slds-button):hover,
.c-animated-button.c-banner-button:has(a.slds-button):focus {
    transform: scaleX(1.05) scaleY(1.1) translateY(5px);
}

.c-animated-button:has(a.slds-button):active,
.c-animated-button > button.slds-button:active {
    transform: scale(0.97);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.c-cancel-button button {
    background-color: #EDEBF0 !important;
    color: black !important;
}

.c-confirm-button button {
    background-color: #FF3030;
}

.c-width_fit-content {
    width: fit-content;
}

.c-width_fill-available {
    width: -webkit-fill-available;
}

.c-height_fit-content {
    height: fit-content;
}

.c-form input,
.c-form textarea,
.c-form select {
    background-color: rgba(255, 255, 255, 0.4) !important;
    border: 1px solid #bcb7d3;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 16px;
    color: #ffffff !important;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    line-height: 1.5rem;
}

.slds-input-has-icon_left > .c-form input,
.slds-input-has-icon_left > .c-form textarea,
.slds-input-has-icon_left > .c-form select {
    padding-left: 2rem;
}

.slds-input > .slds-input__icon.slds-input__icon_right {
    margin-top: -1.5rem;
    margin-right: 0.5rem;
}

.c-form input::placeholder,
.c-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.c-form input:focus,
.c-form textarea:focus,
.c-form select:focus {
    border-color: #8e7cc3;
    box-shadow: 0 0 0 2px rgba(142, 124, 195, 0.2);
}

.c-form .slds-button {
    border-radius: 0.25rem 1rem 1rem 1rem;
}

.c-form lightning-input.slds-has-error input {
    padding: 12px 16px 12px 32px !important;
}

.c-background_purple .dxp-form-dynamic-form-container {
    --dxp-c-form-container-background-color: #2B234A;
}

.c-background_purple {
    background-color: #2B234A;
}

.c-banner-mask {
    position: relative;
}

.c-banner-mask .dxp-block-image-host[data-img-url] {
    background-image: none !important;
}

.c-banner-mask .dxp-block-image-host[data-img-url]::before {
    content: '';
    position: absolute;
    inset: 0;
    mask-image: url(/sfsites/c/resource/OSCA_Resources/masks/mask-group.svg), url(/sfsites/c/resource/OSCA_Resources/masks/mask-group.svg);
    mask-repeat: no-repeat, no-repeat;
    mask-position: bottom left, top right;
    mask-size: contain, contain;
    pointer-events: none;
    height: 100%;
    background: var(--dxp-c-block-l-image-url);
    background-size: var(--dxp-c-block-image-fit, cover);
    background-position: var(--dxp-c-block-image-position, "center center");
    background-repeat: no-repeat;
    z-index: 1;
}

.c-banner-mask .main-content-container {
    position: relative;
    z-index: 2;
}

.c-banner-mask-9999 .dxp-block-image-host[data-img-url] {
    mask-image: url(/sfsites/c/resource/OSCA_Resources/masks/mask-group.svg), url(/sfsites/c/resource/OSCA_Resources/masks/mask-group.svg);
    mask-repeat: no-repeat, no-repeat;
    mask-position: bottom left, top right;
    mask-size: contain, contain;
}

.c-banner-mask-122112 .dxp-block-image-host[data-img-url] {
    -webkit-mask-image: url('/sfsites/c/resource/OSCA_Resources/masks/banner-mask.png');
    mask-image: url('/sfsites/c/resource/OSCA_Resources/masks/banner-mask.png');

    -webkit-mask-size: cover;
    mask-size: cover;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;
}

.c-banner-button a.slds-button {
    aspect-ratio: 3 / 1;
    padding: unset;
}

.c-banner:has(.c-banner-button.c-animated-button) {
    overflow: visible !important;
}

.mobile-non-sticky-button {
    position: relative;
    width: 50% !important;
    /* Use CSS variable for footer height to maintain consistency with footer */
    left: 24%;
    z-index: 4;
    background-color: white;
    /* Prevent offset when Chrome viewport changes */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    /* Force hardware acceleration and stable positioning */
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* Anchor to footer position - prevents shifts when viewport changes */
    contain: layout style;
}

@media only screen and (max-width: 47.9375em) {
    .mobile-sticky-button {
        position: fixed;
        width: 90% !important;
        /* Use CSS variable for footer height to maintain consistency with footer */
        bottom: calc(var(--footer-height-mobile) + env(safe-area-inset-bottom));
        left: 5%;
        right: 5%;
        z-index: 4;
        background-color: white;
        /* Prevent offset when Chrome viewport changes */
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        /* Force hardware acceleration and stable positioning */
        will-change: transform;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        /* Anchor to footer position - prevents shifts when viewport changes */
        contain: layout style;
    }

    .mobile-non-sticky-button {
        position: relative;
        width: 90% !important;
        /* Use CSS variable for footer height to maintain consistency with footer */
        /*bottom: calc(var(--footer-height-mobile) + env(safe-area-inset-bottom));*/
        /*bottom: var(--footer-height-mobile);*/
        left: 5%;
        right: 5%;
        z-index: 4;
        background-color: white;
        /* Prevent offset when Chrome viewport changes */
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        /* Force hardware acceleration and stable positioning */
        will-change: transform;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        /* Anchor to footer position - prevents shifts when viewport changes */
        contain: layout style;
    }
}

/* Hone Page */
.small-image.car {
    width: 52px;
    height: 53px;
}

.small-image.light {
    width: 63px;
    height: 69px;
}

.small-image.coin {
    width: 67px;
    height: 59px;
}

.why-osca.car {
    position: relative;
    left: -3rem;
    top: 2rem;
}

.why-osca.lines {
    position: relative;
    top: 4rem;
}

.why-osca.line {
    min-height: 42px !important;
    max-height: 42px !important;
    max-width: 556px !important;
    border-radius: 20px 0px 0px 20px !important;
    background-color: rgba(255, 141, 48, 1) !important;
    padding: 10px 43px !important;
}


@media only screen and (max-width: 47.9375em) {
    .small-image.car, .small-image.light, .small-image.coin {
        width: 35px;
        height: 35px;
    }

    .why-osca.car {
        max-width: 160px;
        max-height: 160px;
    }
}

/* Home Menu shape */
.c-home-header-container:before {
    content: "";
    width: 127px;
    background: white;
    display: block;
    height: 100%;
    border-bottom-right-radius: 1.555rem;
    position: absolute;
    top: 0;
    left: 0;
}

.c-home-header-container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 123.45px;
    width: 30px;
    height: 82.5%;
    background: white;
    clip-path: polygon(0 100%,
    51% 25%,
    55% 20%,
    60% 15%,
    65% 11%,
    70% 8%,
    75% 5%,
    80% 3%,
    85% 1.5%,
    90% 0.75%,
    95% 0.25%,
    100% 0,
    0 0);
    z-index: 1;
    border-bottom-left-radius: 5px;

    /*clip-path: polygon(0 0, 100% 0, 0 100%);*/
}

/* End: Menu shape */

/* Header hidden on Home */
body:has(main c-portal-login) header .c-header-container,
body:has(main .c-home-header-container) header .c-header-container,
body:has(main c-portal-login) footer .c-footer-container,
body:has(main .c-home-header-container) footer .c-footer-container {
    display: none !important;
}

.c-header-container {
    box-shadow: 0 2px 12px rgba(31, 29, 41, 0.08);
}

/* No Scroll Line */
html {
    -ms-overflow-style: none; /* IE, Edge */
    scrollbar-width: none; /* Firefox */
}

html::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

/* Sticky Footer */
footer {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9000;
    /* Account for safe areas on mobile devices */
    /*padding-bottom: env(safe-area-inset-bottom);*/
    /* Prevent offset when Chrome viewport changes */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    /* Force hardware acceleration and stable positioning */
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

main:not(:has(.c-home-header-container)):not(:has(c-portal-login)):has(+ footer c-portal-nav-bars-host) {
    /*padding-bottom: 5rem;*/
}

/* Additional protection for mobile Chrome */
@media only screen and (max-width: 47.9375em) {
    footer {
        /* Use min-height for stability */
        min-height: fit-content;
        /* Prevent layout shifts when Chrome viewport changes */
        contain: layout style;
    }

    body {
        height: 100dvh !important;
    }
}

/* Header Grid Resizing for Tablet and Mobile screen size */
@media only screen and (max-width: 64em), only screen and (max-width: 47.9375em) {
    .c-header-container > .columns-content > .col-large-size_3-of-12 {
        flex-grow: 1 !important;
    }

    .c-header-container > .columns-content > .col-large-size_9-of-12 {
        flex-grow: 11 !important;
    }

    .c-header-title:before {
        display: none;
    }
}

/* Header Separator */
.c-header-title:before {
    content: '';
    height: calc(100% + 1.8rem);
    width: 0.5px;
    position: absolute;
    background: #EFF0F2;
    top: -1.3rem;
    margin-left: calc(-1 * var(--dxp-style-c-padding-left));
}

/* End: Header Separator */

/* Menu columns order */
.cb-header-content:has(> .cb-header-tablet-layout),
.cb-header-content:has(> .cb-header-mobile-layout) {
    --dxp-c-s-slot-two-width: 100px;
    --dxp-c-m-slot-two-width: 100px;
}

.cb-header-tablet-layout > .cb-header-slot-two-container > .cb-header-slot-two,
.cb-header-mobile-layout > .cb-header-slot-two-container > .cb-header-slot-two {
    margin-left: auto;
}

.cb-header-tablet-layout > .cb-header-slot-two-container,
.cb-header-mobile-layout > .cb-header-slot-two-container {
    order: 3;
}

/* End: Menu columns order */

/* Font Sizes */
.c-font-size-14 {
    font-size: 14px !important;
}

.c-font-size-16 {
    font-size: 16px !important;
}

/* End: Font Sizes */

/* Spinner */
.slds-spinner_container > [part="spinner"] {
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
}

.slds-spinner_container > [part="spinner"]:before,
.slds-spinner_container > [part="spinner"]:after {
    border-radius: 50%;
    content: "";
    display: block;
    outline: 1px solid #fff;
    height: 20px !important;
    width: 20px !important;

    position: relative !important;
    top: unset !important;
    right: unset !important;
    left: unset !important;
    bottom: unset !important;
    /*-webkit-animation-name: unset !important;*/
    /*animation-name: unset !important;*/
    -webkit-animation-delay: unset !important;
    animation-delay: unset !important;
}

.slds-spinner_container > [part="spinner"]:before {
    -webkit-animation-name: ball1 !important;
    animation-name: ball1 !important;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    background-color: #F4C23B;
    margin-bottom: 10px;
}

.slds-spinner_container > [part="spinner"]:after {
    -webkit-animation-name: ball2 !important;
    animation-name: ball2 !important;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    background-color: #F98F31;
}

.slds-spinner_container > [part="spinner"] > [class*="slds-spinner__dot"] {
    display: none !important;
}

.slds-spinner_container > [part="backdrop"] {
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(1px);
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) scale(0.8)
    }
    50% {
        transform: rotate(360deg) scale(1.2)
    }
    100% {
        transform: rotate(720deg) scale(0.8)
    }
}

@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #2B234A, 30px 0 0 1px #fff;
    }
    50% {
        box-shadow: 0 0 0 #2B234A, 0 0 0 1px #fff;
        margin-bottom: 0;
        transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 #2B234A, 30px 0 0 1px #fff;
        margin-bottom: 10px;
    }
}

@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #B4D8D4, 30px 0 0 1px #fff;
    }
    50% {
        box-shadow: 0 0 0 #B4D8D4, 0 0 0 1px #fff;
        margin-top: -20px;
        transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 #B4D8D4, 30px 0 0 1px #fff;
        margin-top: 0;
    }
}

/*!* Sticky Spinner *!*/
/*.c-spinner_sticky.slds-spinner_container > div.slds-spinner {*/
/*    position: sticky;*/
/*    top: 30%;*/
/*    left: calc(50% - 25px);*/
/*}*/

/*.c-spinner_sticky.slds-spinner_container {*/
/*    height: 1000vh;*/
/*    z-index: 8999;*/
/*}*/

header {
    anchor-name: --osca-spinner;
}

.slds-spinner_container {
    position-anchor: --osca-spinner;
    left: anchor(left);
    top: anchor(top);
    position: fixed;
    z-index: 8999;
}

/* Mobile */
@media only screen and (max-width: 47.9375em) {

}

/* End: Spinner */

/* Digit Box */
.digit-box {
    margin: 0.3rem;
    --dxp-s-form-element-text-line-height: 4rem;
    --dxp-c-input-text-font-size: 1.5rem;
    --slds-c-input-spacing-inlinestart: 1rem;
    --slds-c-input-spacing-inlineend: 1rem;
}

.digit-box input {
    text-align: center;
    caret-color: transparent;
    user-select: none;
}

/* End: Digit Box */

/* Login Mobile Banner */
.c-login-mobile-section .background-image {
    background-position-y: -200px !important;
    background-position-x: -230px !important;
    transform: scaleX(-1);
}

/* End: Login Mobile Banner */

/* Tabs */
.c-tabs {
    --slds-c-tabs-list-sizing-border: 0;
    --dxp-c-block-background-image-placeholder: none;
}

.c-tabs .dxp-block-flexible-container {
    --dxp-c-l-width: calc(var(--dxp-c-l-width) * 1%);
    --dxp-c-s-width: calc(var(--dxp-c-s-width) * 1%);
    --dxp-c-m-width: calc(var(--dxp-c-m-width) * 1%);
}

.c-tabs .dxp-tabs-container {
    --dxp-c-tab-container-height: 48px;
}

.c-tabs ul.slds-tabs_default__nav > li[data-active="true"]:has(+ li) {
    z-index: 1;
}

.c-tabs ul.slds-tabs_default__nav > li:not([data-active="true"]):has(+ li),
.c-tabs ul.slds-tabs_default__nav > li:not([data-active="true"]):has(+ li):active,
.c-tabs ul.slds-tabs_default__nav > li:not([data-active="true"]):has(+ li):hover {
    border-top-right-radius: 0;
}

.c-tabs ul.slds-tabs_default__nav > li:has(+ li),
.c-tabs ul.slds-tabs_default__nav > li:has(+ li):hover,
.c-tabs ul.slds-tabs_default__nav > li:has(+ li):active {
    border-bottom-right-radius: 0;
    margin-right: -0.6rem;
}

.c-tabs ul.slds-tabs_default__nav > li:not([data-active="true"]) + li:not([data-active="true"]) {
    box-shadow: -2px 0 2px 0 rgba(0, 0, 0, 0.03);
}

/* End: Tabs */

/* Main Content */
.columns-content .column-content:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"].menu-banner--hidden),
.c-main-content > .columns-content > .columns > dxp_layout-column:first-child:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"].menu-banner--hidden),
.c-main-content > .columns-content > .columns > dxp_layout-column:first-child:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"].menu-banner--hidden) + dxp_layout-column-spacer {
    display: none;
}

.skip-to-main {
    display: none !important;
}

/* Tablet */
@media only screen and (max-width: 64em) {
    /* Menu - visible state */
    .columns-content .column-content:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"]:not(.menu-banner--hidden)),
    .c-main-content > .columns-content > .columns > dxp_layout-column:first-child:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]:not(.menu-banner--hidden)) {
        padding-right: 50%;
    }
    /* Push content when menu is open */
    body:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]:not(.menu-banner--hidden)) header,
    body:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]:not(.menu-banner--hidden)) main,
    body:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]:not(.menu-banner--hidden)) footer,
    body:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]:not(.menu-banner--hidden)) .mobile-sticky-button,

    body:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"]:not(.menu-banner--hidden)) header,
    body:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"]:not(.menu-banner--hidden)) main,
    body:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"]:not(.menu-banner--hidden)) footer,
    body:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"]:not(.menu-banner--hidden)) .mobile-sticky-button {
        margin-left: 50vw;
        margin-right: -50vw;
    }
}
/* Mobile */
@media only screen and (max-width: 47.9375em) {
    /* Menu - visible state */
    .columns-content .column-content:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"]:not(.menu-banner--hidden)),
    .c-main-content > .columns-content > .columns > dxp_layout-column:first-child:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]:not(.menu-banner--hidden)) {
        padding-right: 20%;
    }
    /* Push content when menu is open */
    body:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]:not(.menu-banner--hidden)) header,
    body:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]:not(.menu-banner--hidden)) main,
    body:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]:not(.menu-banner--hidden)) footer,
    body:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]:not(.menu-banner--hidden)) .mobile-sticky-button,

    body:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"]:not(.menu-banner--hidden)) header,
    body:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"]:not(.menu-banner--hidden)) main,
    body:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"]:not(.menu-banner--hidden)) footer,
    body:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"]:not(.menu-banner--hidden)) .mobile-sticky-button {
        margin-left: 80vw;
        margin-right: -80vw;
    }
}
/* Mobile and Tablet */
@media only screen and (max-width: 47.9375em), only screen and (max-width: 64em) {
    .comm-section-container:has(.columns-content .column-content c-portal-menu > .menu-banner[data-menu-id="mainMenu"]) + dxp_layout-column-spacer {
        padding: 0 !important;
    }
    .c-main-content > .columns-content > .columns > dxp_layout-column:first-child:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]) + dxp_layout-column-spacer {
        display: none;
    }

    .c-main-content dxp_content_layout-banner[class*="c-border-radius"] {
        border-radius: 0 !important;
    }

    /* Menu - visible state */
    .columns-content .column-content:has(c-portal-menu > .menu-banner[data-menu-id="headerMenu"]:not(.menu-banner--hidden)),
    .c-main-content > .columns-content > .columns > dxp_layout-column:first-child:has(c-portal-menu > .menu-banner[data-menu-id="mainMenu"]:not(.menu-banner--hidden)) {
        position: fixed;
        z-index: 100002;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0 0 0 / 50%);
        overflow-y: auto; /* Enable scrolling on mobile */
        -webkit-overflow-scrolling: touch;
    }

    /* Menu banner should be full height for proper sticky bottom */
    c-portal-menu .menu-banner[data-menu-id="mainMenu"],
    c-portal-menu .menu-banner[data-menu-id="headerMenu"] {
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }
}

/* End: Main Content */

/* Error Container */
.c-error-container {
    margin-left: 15%;
    margin-right: 15%;
}

.c-error-container img {
    width: 100%;
}

/* Force Display attributes */
.c-display-flex {
    display: flex !important;
}

/* Tablet */
@media only screen and (max-width: 64em) {
    .c-error-container {
        margin-left: 10%;
        margin-right: 10%;
    }
}

/* Mobile */
@media only screen and (max-width: 47.9375em) {
    .c-error-container {
        margin-left: 0;
        margin-right: 0;
    }
}

/* End: Error Container */

/* Header with yellow dot */
h1:has(> .dot) {
    font-size: 48px;
    font-weight: bold;
    text-align: center;
}

h1 > .dot {
    color: #F4C23B;
    background: linear-gradient(to bottom, black 0%, black 65%, #F4C23B 65%, #F4C23B 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    line-height: 1;
}

.height-40 {
    height: 40px !important;
}

/* End: Header with yellow dot */

/* Menu */
.c-portal-menu-button .slds-button:focus,
.c-portal-menu-button lightning-button::part(button):focus,
.c-portal-menu-button lightning-button-menu::part(button):focus {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.c-portal-menu-button .slds-button lightning-primitive-icon:has(> svg[data-key="down"]) {
    display: none !important;
}

.c-portal-menu-button .slds-button.slds-button_icon:hover {
    color: var(--dxp-s-button-color-focus);
}

.c-portal-menu-button .slds-dropdown {
    background: white;
    box-shadow: none;
    border-width: 0.1px;
    border-radius: var(--pc-radius, 1rem);
    padding: .1rem 0;
    margin-top: 0.3rem;
    margin-right: 0.3rem;
}

.c-portal-menu-button .slds-dropdown .slds-dropdown__item > a {
    --slds-c-icon-color-foreground-default: #373346;
    color: var(--slds-c-icon-color-foreground-default);
    box-shadow: none !important;
    padding: .3rem .45rem;
    margin: .2rem .3rem;
    border-radius: 0.7rem;
}

.c-portal-menu-button .slds-dropdown .slds-dropdown__item > a:active {
    --dxp-s-dropdown-color-background-hover: transparent;
}

.c-portal-menu-button .slds-dropdown .slds-dropdown__item > a:focus {
    --dxp-s-dropdown-color-background-hover: var(--pc-content-color, #EDEBF0);
}

.c-portal-menu-button .slds-dropdown .slds-dropdown__item > a:focus-visible {
    outline-color: transparent;
}

.c-portal-menu-button .slds-dropdown .slds-dropdown__item > a:hover {
    --dxp-s-dropdown-color-background-hover: var(--pc-content-hover-color, #E4DFEA);
}

/* End: Menu */

/* Portal Notification Counter */
c-portal-notification circle.slds-progress-ring__path {
    r: 0.1 !important;
}

c-portal-notification .slds-progress-ring__content {
    background-color: var(--notification-background-color, var(--dxp-g-root));
}

c-portal-notification .slds-progress-ring {
    position: relative;
    background-color: var(--notification-background-color, var(--dxp-g-neutral-1));
}

c-portal-notification .slds-progress-ring__path {
    fill: var(--notification-text-color, var(--dxp-c-progress-ring-color-fill, var(--dxp-g-success)));
}

/*c-portal-notification .slds-progress-ring__progress:before { !* TODO: not working properly *!*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    border-radius: 50%;*/
/*    background: linear-gradient(to top, transparent 40%, var(--notification-background-color) 100%);*/
/*    pointer-events: none;*/
/*    z-index: 1;*/
/*    top: -1px;*/
/*}*/
/* End: Portal Notification Counter */

/* LWR Screen Size Templates */
/* Tablet */
@media only screen and (max-width: 64em) {
    div {
    }
}

/* Mobile */
@media only screen and (max-width: 47.9375em) {
    div {
    }
}

/* End: LWR Screen Size Templates */

.c-portal-toggle-wrapper .slds-form-element__label {
    width: 100%;
    font-weight: 600;
}

.c-portal-toggle-wrapper .slds-form-element {
    margin-bottom: 0px !important;
    cursor: pointer;
}

.c-portal-toggle-wrapper .slds-checkbox_faux {
    height: 30px !important;
    background-color: #666666;
}

.c-portal-toggle-wrapper label {
    cursor: pointer;
}

.c-portal-toggle-wrapper .slds-checkbox_faux::after {
    height: 26px !important;
    width: 26px !important;
}

.c-portal-toggle-wrapper .slds-checkbox_faux::before {
    height: 26px !important;
    width: 26px !important;
}

.c-portal-toggle-wrapper .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux::after {
    display: none;
}

.c-portal-toggle-wrapper .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux {
    background-color: var(--dxp-g-brand, rgb(249, 143, 50));
}

/* Modal */

/* Lock html/body scroll when any modal is open (Lightning Modal + custom modals) */
html:has(.slds-modal.slds-fade-in-open),
body:has(.slds-modal.slds-fade-in-open),
html:has(.lightbox-overlay),
body:has(.lightbox-overlay) {
    overflow: hidden !important;
}
@media only screen and (max-width: 47.9375em) {
    html:has([data-menu-id="mainMenu"] > .menu-banner__content > .menu:not(.menu--hidden)),
    body:has([data-menu-id="mainMenu"] > .menu-banner__content > .menu:not(.menu--hidden)),
    html:has([data-menu-id="headerMenu"] > .menu-banner__content > .menu:not(.menu--hidden)),
    body:has([data-menu-id="headerMenu"] > .menu-banner__content > .menu:not(.menu--hidden)) {
        overflow: hidden !important;
    }
}

/* Ensure notifications appear above modals */
.slds-modal__container {
    z-index: 9000;
}

.notifications-container {
    z-index: 10000 !important;
}

/* Light textarea variant - transparent background */
textarea {
    -webkit-box-shadow: var(--slds-c-input-shadow) !important;
    box-shadow: var(--slds-c-input-shadow) !important;
}

lightning-input.light input,
lightning-textarea.light textarea {
    background-color: transparent;
    border: 1px solid #EDEBF0;
}
lightning-input.light input[disabled],
lightning-textarea.light textarea[disabled] {
    background-color: #f4f4f4;
    border: 1px solid #e4e4e4;
}

.slds-modal__container .slds-modal__close {
    bottom: 0;
    top: 3.7rem;
    right: 1.8rem;
    z-index: 1;
    --dxp-g-neutral-3: #373346;
}

.slds-modal__container .slds-modal__close .slds-button__icon {
    width: 1.5rem;
    height: 1.5rem;
}

.slds-modal__container .slds-modal__header {
    padding-top: 2rem;
    border-radius: 1.5rem 1.5rem 0 0;
    border-bottom: 0;
}

.slds-modal__container .slds-modal__footer,
.slds-modal__container:has(.slds-modal__footer.slds-hide) .slds-modal__content {
    border-radius: 0 0 1.5rem 1.5rem !important;
}

.slds-modal__content_footless {
    border-radius: 0 0 1.5rem 1.5rem;
}

.slds-modal__container .slds-modal__header::after {
    content: "";
    position: absolute;
    left: 5rem;
    bottom: 0;
    width: calc(100% - 10rem);
    height: 1px;
    background-color: #EDEBF0;
}

@media only screen and (max-width: 64em) {
    .slds-modal__container .slds-modal__header::after {
        left: 2rem;
        width: calc(100% - 4rem);
    }
}

@media only screen and (max-width: 47.9375em) {
    .slds-modal__container {
        padding-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        justify-content: end;
    }

    .slds-modal__container .slds-modal__header::before {
        content: "";
        display: block;
        position: relative;
        top: -1rem;
        height: 4px;
        width: 4rem;
        margin-left: calc(50% - 2rem);
        background-color: #D9D9D9;
    }

    .slds-modal__container .slds-modal__header::after {
        left: 2rem;
        width: calc(100% - 4rem);
    }

    .slds-modal__container .slds-modal__close {
        display: none;
    }

    .slds-modal__container .slds-modal__footer,
    .slds-modal__container:has(.slds-modal__footer.slds-hide) .slds-modal__content {
        border-radius: 0 !important;
    }
}

.slds-modal__title {
    font-weight: 600;
    --slds-c-modal-heading-font-weight: 600;
}

body:has(lightning-overlay-container .slds-modal.slds-fade-in-open) header.sticky-header {
    z-index: 9000 !important;
}

/*End of Modal*/

/*Dropdown Menu*/

lightning-menu-item[data-type*="delete"] span {
    color: red;
}

lightning-menu-item[data-type*="delete"] svg {
    fill: red !important;
}

/* Menu item variant: destructive (red) */
lightning-menu-item.menu-item-destructive span,
.menu-item-destructive lightning-menu-item span {
    color: #DC2626 !important;
}

lightning-menu-item.menu-item-destructive svg,
.menu-item-destructive lightning-menu-item svg {
    fill: #DC2626 !important;
}

/* Menu item variant: warning (yellow/orange) */
lightning-menu-item.menu-item-warning span,
.menu-item-warning lightning-menu-item span {
    color: #D97706 !important;
}

lightning-menu-item.menu-item-warning svg,
.menu-item-warning lightning-menu-item svg {
    fill: #D97706 !important;
}

community_builder-seo-assistant.component-wrapper-spacer {
    margin-bottom: 0 !important;
}

/*Garage welcome screen*/

/* Hide tabs when welcome component is active (loading or showing welcome screen) */
body:has(c-portal-garage-welcome .garage-welcome-wrapper--active) .c-tabs {
    display: none !important;
}

/* Also hide tabs spacer when welcome component is active */
body:has(c-portal-garage-welcome .garage-welcome-wrapper--active) .component-wrapper-spacer:has(.c-tabs) {
    display: none !important;
}

body:has(c-portal-garage-welcome .garage-welcome-wrapper--active) .component-wrapper-spacer:has(.c-garage-new-combination-container) {
    display: none !important;
    margin: 0 !important;
    padding-top: 0 !important;
}

body:has(c-portal-garage-welcome .garage-welcome-wrapper--active) .c-garage-new-combination-container {
    display: none !important;
    margin: 0 !important;
    padding-top: 0 !important;
}

body:has(c-portal-garage-welcome) c-portal-garage-welcome.component-wrapper-spacer,
body:has(c-portal-garage-welcome) c-portal-garage-welcome + .component-wrapper-spacer {
    margin: 0 !important;
    padding-top: 0 !important;
}

/* SLDS Combobox Overrides */
.fix-slds-input_faux {
    line-height: unset !important;
    -webkit-box-shadow: var(--slds-c-input-shadow) !important;
    box-shadow: var(--slds-c-input-shadow) !important;
}

.slds-combobox__form-element + .slds-listbox {
    border-width: 0.1px;
    border-radius: 1rem;
}

.slds-combobox__form-element + .slds-listbox > .slds-listbox__option {
    --dxp-s-dropdown-color-background-hover: white;
    border-radius: 0.7rem;
    box-shadow: none;
    padding: .3rem .45rem;
    margin: .2rem .3rem;
}

.slds-combobox__form-element + .slds-listbox > .slds-listbox__option > .slds-listbox__option-icon:empty {
    width: 0;
}

.slds-combobox__form-element + .slds-listbox {
    --dxp-s-dropdown-color-background: rgb(237, 235, 240);
}

/* z-index classes */
.z-index-0 { z-index: 0; }
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.z-index-3 { z-index: 3; }
.z-index-4 { z-index: 4; }
.z-index-5 { z-index: 5; }
.z-index-6 { z-index: 6; }
.z-index-7 { z-index: 7; }
.z-index-8 { z-index: 8; }
.z-index-9 { z-index: 9; }
.z-index-10 { z-index: 10; }

.z-index-50 { z-index: 50; }
.z-index-100 { z-index: 100; }

.z-index-200 { z-index: 200; }
.z-index-300 { z-index: 300; }
.z-index-400 { z-index: 400; }
.z-index-500 { z-index: 500; }
.z-index-600 { z-index: 600; }
.z-index-700 { z-index: 700; }
.z-index-800 { z-index: 800; }
.z-index-900 { z-index: 900; }
.z-index-1000 { z-index: 1000; }
/* End: z-index classes */