/* Site footer (includes/footer.php): two columns of links with "Откажи се от договора тук",
   the newsletter card and the Facebook card. Plain CSS without external scripts, so it looks the same
   on desktop, phones and the in-app browsers of Facebook and Instagram. */

.site-footer {
    margin-top: 10px;
    padding: 40px 20px 0;
    border-top: 1px solid #E4C4D4;
    font-family: 'Open Sans', sans-serif;
    color: #2d2329;
    text-align: left;
}

.site-footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr minmax(300px, 1.35fr) minmax(230px, 1fr);
    gap: 32px 40px;
    align-items: start;
    padding-bottom: 36px;
}

.site-footer-heading {
    margin: 0 0 12px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: .01em;
    color: #2d2329;
    text-transform: none;
}

/* links */
.site-footer-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer-links li a {
    display: inline-block;
    padding: 5px 0;
    font-size: 14px;
    line-height: 20px;
    color: #5b4d55;
    text-decoration: none;
}

.site-footer-links li a:hover,
.site-footer-links li a:focus-visible {
    color: #a64273;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* newsletter */
.site-footer-newsletter {
    padding: 22px 22px 24px;
    background: #faf3f6;
    border-radius: 12px;
}

.site-footer-newsletter p {
    margin: -4px 0 14px;
    font-size: 14px;
    line-height: 20px;
    color: #5b4d55;
}

.site-footer .newsletter {
    position: relative;
    display: grid;
    gap: 8px;
    float: none;
    margin: 0;
    padding: 0;
}

.site-footer .newsletter input {
    width: 100%;
    height: 46px;
    margin: 0;
    padding: 0 12px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 16px; /* 16px keeps iOS from zooming in on focus */
    color: #2d2329;
    background: #fff;
    border: 1px solid #cfc4ca;
    border-radius: 8px;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.site-footer .newsletter input::placeholder {
    color: #8a8087;
    opacity: 1;
}

.site-footer .newsletter input:focus {
    border-color: #a64273;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(166, 66, 115, .18);
}

.site-footer .newsletter #Email.submitting {
    color: #8a8087;
    background: #f4eef1;
}

.site-footer-button {
    height: 46px;
    margin-top: 4px;
    padding: 0 18px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #a64273;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.site-footer-button:hover {
    background: #8e3762;
}

.site-footer-button:focus-visible {
    outline: 2px solid #2d2329;
    outline-offset: 2px;
}

.site-footer .newsletter #subscribe-loading-progress {
    position: absolute;
    right: 14px;
    bottom: 15px;
    margin: 0;
}

/* Facebook: the page box of Facebook (.fb-page, filled by the SDK from before_content.php);
   until the SDK fills it, and where it is not loaded, the card link inside the blockquote is shown */
.site-footer-facebook-box {
    min-width: 0;
}

.site-footer-facebook-box .fb-page,
.site-footer-facebook-box .fb-page > span,
.site-footer-facebook-box .fb-page iframe {
    display: block;
    width: 100% !important;
    max-width: 500px;
}

.site-footer-facebook-box .fb-page iframe {
    border-radius: 12px;
}

.site-footer-facebook-box blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
}

.site-footer-facebook {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    color: #2d2329;
    background: #fff;
    border: 1px solid #E4C4D4;
    border-radius: 12px;
    text-decoration: none;
}

.site-footer-facebook svg {
    flex: none;
}

.site-footer-facebook:hover,
.site-footer-facebook:focus-visible {
    color: #2d2329;
    border-color: #a64273;
    text-decoration: none;
}

.site-footer-facebook-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.site-footer-facebook-name {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    overflow-wrap: anywhere;
}

.site-footer-facebook-follow {
    font-size: 14px;
    line-height: 20px;
    color: #a64273;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* bottom row: call center and payment logos */
.site-footer .footer-bottom-wrapper {
    margin: 0 -20px;
    padding: 18px 20px;
    border-top: 1px solid #f3e7ed;
}

/* tablets and small laptops: links on the first row, newsletter and Facebook on the second */
@media only screen and (max-width: 1199px) {
    .site-footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* phones (also inside the Facebook and Instagram apps) */
@media only screen and (max-width: 767px) {
    .site-footer {
        padding: 28px 16px 0;
    }

    .site-footer-grid {
        gap: 24px 16px;
        padding-bottom: 28px;
    }

    .site-footer-newsletter,
    .site-footer-facebook-box {
        grid-column: 1 / -1;
    }

    .site-footer-links li a {
        padding: 8px 0;
        font-size: 15px;
    }

    .site-footer .footer-bottom-wrapper {
        margin: 0 -16px;
        padding: 16px;
    }
}

/* very narrow phones: one column */
@media only screen and (max-width: 359px) {
    .site-footer-grid {
        grid-template-columns: 1fr;
    }
}