/* =========================
   IMPORTS COMPOSANTS
========================= */
@import "components/ui-xo5eGYV.css";
@import "components/navbar-f9iyDpZ.css";
@import "components/footer-_VfR8zm.css";
@import "components/hero-dtYC5kr.css";
@import "components/card-gallery-XqgYL_k.css";

/* =========================
   IMPORTS PAGES
========================= */
@import "pages/home-dAw0Yjc.css";
@import "pages/listing-pCDLYho.css";
@import "pages/listing-show-TPywe0p.css";
@import "pages/auth-e1y0awr.css";
@import "pages/listing-create-0fpqqIa.css";
@import "pages/pricing-7IzPYLx.css";
@import "pages/payment-_u-NGV-.css";
@import "pages/favorite-lWnUkZS.css";
@import "pages/dashboard-EGku5LO.css";
@import "pages/achat-vbrI3Q3.css";
@import "pages/professional-YZbjXj8.css";
@import "pages/hotel-H0RHZuT.css";
@import "pages/vehicle-kfgozMP.css";
@import "pages/vehicle-show-z3W7xEN.css";
@import "pages/seller-7Xy3hmK.css";

/* =========================
   TYPOGRAPHIE GLOBALE
========================= */
h1,
h2,
h3,
h4 {
    margin-top: 0;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: var(--secondary);
}

p {
    margin: 0 0 10px;
}

/* =========================
   IMAGES
========================= */
img {
    max-width: 100%;
    display: block;
    border-radius: 8px;
}

/* les images dans les sliders/galeries ne doivent pas avoir de border-radius global */
.listing-gallery-stage-image,
.listing-gallery-thumb-image,
.home-listing-slide img,
.listing-card-media-slide img,
.listing-card-media-track img,
.cg-slide img,
.cg-track img {
    border-radius: 0;
}

/* =========================
   SELECTION TEXTE
========================= */
::selection {
    background: var(--primary);
    color: #fff;
}

/* =========================
   SCROLLBAR
========================= */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* =========================
   RESPONSIVE GLOBAL
========================= */
@media (max-width: 720px) {
    img {
        border-radius: 6px;
    }
}