/* ==========================================================================
   Stránka Recenze (body.page-reviews): ukázka hodnocení, ikony sítí
   a formulář „Vaše hodnocení“ (styly .review-form jsou v sections.css)
   ========================================================================== */

/* ---------- úvodní pás se vzorem (pod průhlednou hlavičkou) ---------- */

.reviews-intro {
    min-height: 160px;
    --pattern-size: contain;
    --pattern-position: 50% 100%;
}

@media (max-width: 1024px) {
    .reviews-intro {
        min-height: 101px;
    }
}

@media (max-width: 767px) {
    .reviews-intro {
        min-height: 41px;
    }
}

/* ---------- hodnocení klienta a ikony sítí ---------- */

.review-quote {
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
}

.review-quote__text {
    margin: 10px 0;
    color: #fff;
    font: 400 16px/24px var(--font-body);
}

.review-quote__author {
    margin-bottom: 5px;
    color: var(--gold);
    font: 600 21px/41px var(--font-body);
}

/* uvozovky v rozích (spodní je otočená o 180°) */
.review-quote__mark {
    position: absolute;
    width: 27px;
    height: 27px;
    color: var(--gold);
}

.review-quote__mark--open {
    top: 5px;
    left: 5px;
}

.review-quote__mark--close {
    right: 5px;
    bottom: 5px;
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .reviews-socials {
        padding-block: 15px;
    }
}

/* ---------- formulář ---------- */

.reviews-feedback {
    padding: 10px 0 20px;
    --pattern-position: 0 10px;
}

.reviews-feedback__inner {
    padding: 10px;
}

.reviews-feedback__card {
    margin-left: 10px;
}

/* úvodní text je na této stránce bílý a bez mezery pod ním */
.review-form__intro--light {
    margin-bottom: 0;
    color: #fff;
}

@media (max-width: 1024px) {
    .reviews-feedback {
        padding-top: 40px;
        --pattern-position: 0 40px;
    }

    .reviews-feedback__card {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .reviews-feedback {
        padding: 20px 10px;
        --pattern-position: 0 20px;
    }
}

/* ---------- ikony ---------- */

.icon--quote { --icon: url('../../images/icons/quote.svg'); }