/* fonts */
body {
    font-family: 'Inter', sans-serif;
}


/* background colors */
.bg-primary {
    background-color:#2116bd !important;
}

.bg-secondary {
    background-color:#999999 !important;
}

.bg-success {
    background-color:#219267 !important;
}

.bg-info {
    background-color:#00aeff !important;
}

.bg-warning {
    background-color:#F8B711 !important;
}

.bg-danger {
    background-color:#A11963 !important;
}

.bg-light {
    background-color:#edecf5 !important;
}

.bg-dark {
    background-color:#19191a !important;
}

/* background colors */



/* button modifiers */


.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #A11963;
    --bs-btn-border-color:#A11963;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b32975;
    --bs-btn-hover-border-color:#b32975;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg:#A11963;
    --bs-btn-active-border-color: #A11963;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg:#A11963;
    --bs-btn-disabled-border-color:#A11963;
}


.btn-warning {
    --bs-btn-color: rgb(41, 41, 41);;
    --bs-btn-bg:#F8B711;
    --bs-btn-border-color:#F8B711;
    --bs-btn-hover-color: rgb(41, 41, 41);
    --bs-btn-hover-bg: #ffd66f;
    --bs-btn-hover-border-color:#ffd66f;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg:#F8B711;
    --bs-btn-active-border-color:#F8B711;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:rgb(41, 41, 41);;
    --bs-btn-disabled-bg:#ffd66f;
    --bs-btn-disabled-border-color:#F8B711;
}


/* button modifiers */





.page-header-50vh {
    background-size:cover;
    background-color:grey;
    background-repeat:no-repeat;
    height:50vh;
    padding-bottom:8rem;
}

.header-body {
    padding-top:4rem;
    padding-bottom:3rem;
}


.dropdown-item {
    font-size:11pt !important;
    font-weight:400px;
}

.text-sm {
    font-size:10pt;
}

.carousel-text {
    font-size:48pt;
    font-weight:bolder;
    padding-bottom:5rem;

}

.h-5 {
    font-weight:16pt;
}

/* testimonial card */
.card-testimonial{
    color:rgb(59, 59, 65);

}

.card-testimonial:hover{
    background-color:#A11963;
    color:white;
    transition-timing-function: ease-in-out;
    transition-duration: 0.4s;
   
}
/* testimonial card */


.img-btn {
    height:50px;
    width:auto;
}

.list-card {
    padding:0.5rem;
    margin:0.5rem;
}


.card-icon {
    display: block;
   padding:1rem;
    text-align: center;
    background-color:White;
    border-radius:0.6rem;
    color:red;
    border:1px;
    border-color:white;
}

.vehicle-card {
    height: calc(100% - 1rem);
    overflow: hidden;
}

.vehicle-card-media {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    background-color: #f4f4f4;
    overflow: hidden;
}

.vehicle-card-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background-color: #f4f4f4;
}

.vehicle-card .card-body {
    display: flex;
    flex-direction: column;
    min-height: 230px;
}

.vehicle-card .card-body .btn {
    margin-top: auto;
}

.swipe-mode-button {
    display: none;
}

.category-swipe-overlay {
    display: none;
}

.category-swipe-lock {
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .carousel-text {
        font-size:16pt;
    padding-bottom:0rem;
    }

    .h-5 {
        font-weight:10pt;
    }

    .page-header-50vh {
        background-size:cover;
        background-color:grey;
        background-repeat:no-repeat;
        height:30vh;
        padding-bottom:8rem;
    }

    .header-body {
        padding-top:2rem;
        padding-bottom:1rem;
    }

    .vehicle-card .card-body {
        min-height: 210px;
    }
  }

@media (max-width: 767.98px) {
    .swipe-mode-button {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }

    .category-swipe-overlay {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: none;
        background: #000;
        color: #fff;
    }

    .category-swipe-overlay.is-open {
        display: block;
    }

    .category-swipe-close {
        position: fixed;
        top: 1rem;
        right: 1rem;
        z-index: 10001;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.65);
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .category-swipe-track {
        height: 100vh;
        overflow-y: auto;
        scroll-snap-type: y mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .category-swipe-slide {
        position: relative;
        min-height: 100vh;
        scroll-snap-align: start;
        overflow: hidden;
        background: #111;
    }

    .category-swipe-visual {
        position: absolute;
        inset: 0 0 11.5rem 0;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #050505;
    }

    .category-swipe-backdrop {
        position: absolute;
        inset: -1.5rem;
        width: calc(100% + 3rem);
        height: calc(100% + 3rem);
        object-fit: cover;
        object-position: center;
        filter: blur(18px);
        opacity: 0.32;
        transform: scale(1.04);
    }

    .category-swipe-image {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        display: block;
    }

    .category-swipe-panel {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        min-height: 13rem;
        padding: 1rem;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.98));
    }

    .category-swipe-panel h2 {
        font-size: 1.35rem;
        font-weight: 700;
        margin-bottom: 0.35rem;
    }

    .category-swipe-price {
        min-height: 1.5rem;
        font-size: 1.1rem;
        font-weight: 700;
        color: #ffc107;
        margin-bottom: 0.5rem;
    }

    .category-swipe-details {
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem;
        margin-bottom: 0.75rem;
        max-height: 7.25rem;
        overflow: hidden;
    }

    .category-swipe-details span {
        display: inline-block;
        padding: 0.3rem 0.45rem;
        border-radius: 0.35rem;
        background: rgba(255, 255, 255, 0.16);
        font-size: 0.78rem;
    }

    .category-swipe-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .category-swipe-actions .btn {
        min-height: 42px;
        font-weight: 700;
    }

    .category-swipe-loader {
        display: none;
        min-height: 5rem;
        align-items: center;
        justify-content: center;
        color: #fff;
        scroll-snap-align: end;
    }

    .category-swipe-loader.is-visible {
        display: flex;
    }
}

  .custom-file-button input[type=file] {
    margin-left: -2px !important;
  }
  
  .custom-file-button input[type=file]::-webkit-file-upload-button {
    display: none;
  }
  
  .custom-file-button input[type=file]::file-selector-button {
    display: none;
  }
  
  .custom-file-button:hover label {
    background-color: #dde0e3;
    cursor: pointer;
  }