/* ==========================================================
   MAIN.CSS
   Project : İlan Evi
========================================================== */

/* ==========================================================
   PAGE
========================================================== */

body {

    overflow-x: hidden;

}

/* ==========================================================
   MAIN
========================================================== */

main {

    display: block;

}

/* ==========================================================
   SECTION
========================================================== */

section {

    position: relative;

    scroll-margin-top: calc(var(--header-height) + 24px);

}

/* ==========================================================
   HERO
========================================================== */

.hero {

    min-height: calc(10vh - var(--header-height));

    display: flex;

    align-items: center;

}

/* ==========================================================
   SECTION DIVIDER
========================================================== */

.listings,
.districts,
.about,
.why-us,
.faq {

    position: relative;

}

/* ==========================================================
   MAX CONTENT WIDTH
========================================================== */

.about__description,
.why-us__description,
.hero__description {

    max-width: 760px;

    margin-inline: auto;

}

/* ==========================================================
   IMAGE HOVER FIX
========================================================== */

.listing-card__image {

    isolation: isolate;

}

/* ==========================================================
   FOCUS IMPROVEMENT
========================================================== */

a,
button {

    -webkit-tap-highlight-color: transparent;

}

/* ==========================================================
   SMOOTH TRANSITIONS
========================================================== */

a,
button,
.listing-card,
.districts__link,
.whatsapp-button {

    transition-duration: .25s;

}

/* ==========================================================
   SECTION SPACING FIX
========================================================== */

.section-header:last-child {

    margin-bottom: 0;

}

/* ==========================================================
   HERO BUTTON SPACING
========================================================== */

.hero__buttons .btn {

    min-width: 200px;

}

/* ==========================================================
   LISTING CARD FIX
========================================================== */

.listing-card__content>*+* {

    margin-top: var(--space-md);

}

/* ==========================================================
   FAQ
========================================================== */

.faq__item:last-child {

    margin-bottom: 0;

}

/* ==========================================================
   FOOTER
========================================================== */

.site-footer {

    margin-top: auto;

}