/* Marathon Model – footer.css (šablona Merkur)
   Patička je nativní, jen newsletter je zaoblený jako ostatní bubliny webu. */
html body #footer .custom-footer__newsletter {
    overflow: hidden;
    border-radius: 16px;
}

html body #footer .subscribe-form .form-control,
html body #footer .subscribe-form .btn-conversion,
html body #footer .subscribe-form fieldset.box input {
    border-radius: 99px;
}

html body #footer .subscribe-form fieldset.box img {
    border-radius: 8px;
}

/* Logo v kontaktním boxu: větší a svisle na středu proti textu */
@media screen and (min-width: 768px) {
    html body #footer .contact-box .site-name {
        top: 50%;
        left: 32px;
        width: 184px;
        max-width: none;
        transform: translateY(-50%);
    }

    html body #footer .contact-box .site-name img {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 150px;
    }
}

/* Newsletter: ikona obálky, podtitulek a obrysová lokomotiva v pozadí */
html body #footer .custom-footer__newsletter {
    position: relative;
}

html body #footer .custom-footer__newsletter > * {
    position: relative;
    z-index: 1;
}

html body #footer .custom-footer__newsletter::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 180px;
    bottom: -14px;
    width: 640px;
    height: 226px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 120' fill='none' stroke='%23fff' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M120 30 L140 10 L160 30 M128 10 H152 M200 30 L220 10 L240 30 M208 10 H232'/%3E%3Cpath d='M30 84 V46 Q30 32 46 30 H294 Q310 32 310 46 V84 Z'/%3E%3Cpath d='M38 40 H64 V56 H38 Z M276 40 H302 V56 H276 Z'/%3E%3Cpath d='M82 42 H100 V54 H82 Z M108 42 H126 V54 H108 Z M214 42 H232 V54 H214 Z M240 42 H258 V54 H240 Z'/%3E%3Cpath d='M140 42 V72 M150 42 V72 M160 42 V72 M170 42 V72 M180 42 V72 M190 42 V72 M200 42 V72'/%3E%3Cpath d='M30 66 H310'/%3E%3Cpath d='M52 84 H128 V92 H52 Z M212 84 H288 V92 H212 Z'/%3E%3Ccircle cx='72' cy='100' r='10'/%3E%3Ccircle cx='108' cy='100' r='10'/%3E%3Ccircle cx='232' cy='100' r='10'/%3E%3Ccircle cx='268' cy='100' r='10'/%3E%3C/svg%3E") left bottom / contain no-repeat;
    opacity: .05;
    pointer-events: none;
}

html body #footer .custom-footer__newsletter .newsletter-header {
    position: relative;
    padding-left: 76px;
}

html body #footer .custom-footer__newsletter .newsletter-header::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 56px;
    height: 56px;
    margin-top: -28px;
    border-radius: 50%;
    background: #C6EB4D url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314125D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E") center / 26px no-repeat;
}

html body #footer .custom-footer__newsletter .newsletter-header h3 {
    margin: 0 0 6px;
}

html body #footer .custom-footer__newsletter .newsletter-header p.mm-nl-sub {
    display: block !important;
    max-width: 420px;
    margin: 0;
    color: #D6E3F5;
    font-size: 15px;
    line-height: 1.5;
}

/* Mobil: ikona nad nadpisem, lokomotiva pryč (zakrývala by formulář) */
@media screen and (max-width: 767px) {
    html body #footer .custom-footer__newsletter::after {
        display: none;
    }

    html body #footer .custom-footer__newsletter .newsletter-header {
        padding-top: 68px;
        padding-left: 0;
    }

    html body #footer .custom-footer__newsletter .newsletter-header::before {
        top: 0;
        left: 50%;
        margin: 0 0 0 -28px;
    }

    html body #footer .custom-footer__newsletter .newsletter-header p.mm-nl-sub {
        margin: 0 auto;
    }
}

/* Banner v patičce: Spolehlivá firma jako bílá karta (odznak + titulek banneru), styl kontaktní karty */
html body #footer [class^="custom-footer__banner"] .banner-wrapper > a[href*="zivefirmy"] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
    border-radius: 16px;
    background: #fff;
    text-decoration: none;
}

html body #footer [class^="custom-footer__banner"] .banner-wrapper > a[href*="zivefirmy"] img {
    flex: 0 0 64px;
    width: 64px;
    height: auto;
    transition: transform .2s ease;
}

html body #footer [class^="custom-footer__banner"] .banner-wrapper > a[href*="zivefirmy"]:hover img {
    transform: rotate(-6deg);
}

html body #footer [class^="custom-footer__banner"] .banner-wrapper > a[href*="zivefirmy"] .extended-banner-texts {
    position: static;
    display: block;
    width: auto;
    padding: 0;
    background: none;
    transform: none;
}

html body #footer [class^="custom-footer__banner"] .banner-wrapper > a[href*="zivefirmy"] .extended-banner-title {
    position: static;
    display: block;
    margin: 0;
    padding: 0;
    background: none;
    color: #14125D;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
    text-align: left;
}