/* Rodiny DM Sans pod jmény z PrestaShopu. Hromadné přejmenování písma webu
   na Plus Jakarta Sans (b93d7d2) zasáhlo i tyhle dvě deklarace: soubory DM
   Sans pak byly dalšími řezy „Plus Jakarta Sans" bez váhy, pro váhu 400
   vyhrál DMSans-Bold a veškerý běžný text webu se sázel tučně (odpovědi FAQ
   tučnější než otázky). Plus Jakarta Sans deklaruje `typography.css`;
   „DM Sans" používá cookie lišta, ETA Watch, portál dokladů a platební okno. */
@font-face {
    font-family: "DM Sans";
    src: url("../fonts/DMSans-Medium.woff");
}

@font-face {
    font-family: "DMSansBold";
    src: url("../fonts/DMSans-Bold.woff");
}

body {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: normal !important;
    font-style: normal !important;
    padding-top: 120px;
}

body[data-ready="false"] {
    visibility: hidden;
}

body[data-ready="true"] {
    visibility: visible;
    transition: visibility 0s, opacity 0.3s ease;
    opacity: 1;
}

.sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030; /* Bootstrap navbar default is 1030 */
    background-color: white; /* Or match your header background */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


.idp-online .dm-sans  {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

.idp-online .dm-sans-bold  {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

.idp-online .uk-eta-visa .card{
    border-color: #eff0f6;
    position: relative;
    padding: 30px 25px;
}

.idp-online .uk-eta-visa .card .btn-white:hover{
    color: #1b365d !important;
    border: 2px solid #1b365d !important;
}

.idp-online .uk-eta-visa .card img.card-img-top{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
    max-height: 55%;
    object-fit: contain;
    object-position: bottom right;
    pointer-events: none;
}

.idp-online .progress-br {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 100px;
    padding: 38px 60px 27px 60px;
}


body {
    font-family: sans;
}

.idp-online .lobster-regular  {
    font-family: "Lobster", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.idp-online .dm-sans  {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.idp-online .faded-img  {
    opacity: 0.2;
    /* Faded look */
    max-width: 100%;
    height: auto;
    height: 100%;
}

.form-c::placeholder {
    color: #a0a3bd !important;
}

/* /////////////////// */
/*.nav {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5);
}*/
ol, ul {
    list-style: none;
}

.page-content .backend-content ol, .page-content .backend-content ul {
    list-style: unset !important;
}

.page-content .backend-content ol, .page-content .backend-content ul {
    list-style: unset !important;
}
.page-content .backend-content p, .page-content .backend-content p span, .page-content .backend-content li, .page-content .backend-content li span{
    font-family: "Plus Jakarta Sans", sans-serif !important;
    color: #3C3C3B;
  /*font-size: 1rem !important;*/
}


.cms-id-16 .page-header, .cms-id-17 .page-header, .cms-id-18 .page-header, .cms-id-19 .page-header, .cms-id-20 .page-header, .cms-id-21 .page-header, .cms-id-22 .page-header, .cms-id-24 .page-header, .cms-id-25 .page-header{
    display: none !important;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.idp-online .blue-btn  {
    background-color: #1b365d !important;
    border: 2px solid #1b365d !important;
}

.idp-online .license-app .accordion-button::after{
    display: none;
}

.idp-online .blue-btn:hover  {
    background-color: transparent !important;
    border: 2px solid #1b365d !important;
    color: #1b365d !important;
}

.idp-online .btn-white{
    border: 2px solid #fff !important;
}

.idp-online .btn-white:hover{
    border: 2px solid #fff !important;
    background-color: transparent !important;
    color: #fff !important;
}

.idp-online .blue-color  {
    color: #1d0676 !important;
}

.idp-online .new-blue  {
    color: #1b365d !important;
}

.idp-online .nav-items  {
    color: #A0A3BD !important;
}

/* ////////////////////// */
.idp-online .header  {
    overflow: hidden;
    width: 100%;
    height: 550px;
    background-image: url("img/zemekoule\ light.png");
    background-size: cover;
    box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.053);

}

.idp-online .header-p  {
    color: #170F49;
}

.idp-online .header-right  {
    width: 42%;
    height: 70%;
    background-image: url("img/Rectangle\ 4376.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.idp-online .img-1  {
    width: 55px;
    height: 33px;
    background-color: #FED800;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-left: 10px;
}

.idp-online .img-2  {
    width: 110px;
    height: 30px;
    background-color: #1D1D1B;
    color: #FED800;
    margin-top: 2px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.idp-online .img-2 i  {
    font-size: 12px;
    height: 100%;
}

.idp-online .four  {
    font-size: 13.2px;
    margin-left: 1px;
    margin-top: 3px;
}

.idp-online .five  {
    font-size: 12px;
    margin-top: 12px;
}

.idp-online .img-2 i  {
    margin-top: 8px;
}

.idp-online .header-left  {
    width: 50%;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.idp-online .header-left p:nth-child(3),
.header-left p:nth-child(4)  {
    font-size: 12px;
}

.idp-online .header-left p:nth-child(5),
.header-left p:nth-child(6)  {

    letter-spacing: 2px;
    font-size: 35.2px;
    font-weight: bold;
}

.idp-online .header-left p:nth-child(3)  {
    line-height: 15px;
}

.idp-online .header-left p:nth-child(5)  {
    padding-top: 30px;
    box-sizing: border-box;
    line-height: 70px !important;
}

.idp-online .header-left p:nth-child(7)  {
    padding-top: 20px;
    box-sizing: border-box;

}

.idp-online .header-left p:nth-child(7),
.header-left p:nth-child(8)  {
    line-height: 28px !important;

}

.idp-online .header-left p:nth-child(9)  {

    line-height: 25px !important;

}

.idp-online .header-right-btn1  {
    background-color: #E9FFF4;
    border: none;
    outline: none;
}

.idp-online .header-right p:nth-child(2)  {
    font-size: 13px;
}

.idp-online .tick  {
    background-color: #c7c7c7;
    width: 27px;
    height: 27px;
}
.idp-online .des-shadow {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.idp-online .bg-hero {
    position: relative;
    z-index: 1;
}

.idp-online .bg-hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url("../img/hero-bg-2.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /*opacity: 0.6; !* adjust this *!*/
    z-index: -1;
}

.idp-online .section-after-header  {
    padding-top: 70px !important; /* match your header height */
}

/* ///////////////////////////////////////////////////////// */
.idp-online .green-sec p  {
    font-size: 12.3px;
}

.who-need-eta .flag-country {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}
.who-need-eta .flag-country img {
    width: 24px;
    height: 16px;
    object-fit: cover;
    margin-right: 8px;
    border: 1px solid #ccc;
}

.idp-online .green-sec  {
    overflow: hidden;

    background-color: #c7c7c7;
}

.idp-online .line-height  {
    line-height: 20px;
}

/* /////////////////////////////////////////////////// */


.idp-online .shadow-sm  {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}



.idp-online .shadow-all  {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.idp-online .shadow-right  {
    box-shadow: 4px 0 6px rgba(0, 0, 0, 0.1);
}


.idp-online .line-height  {
    line-height: 1.6;
}










.idp-online .line-height  {
    line-height: 1.6;
}


/* ///////////////////////////////////////////////////////// */
.idp-online .two-col  {
    background-color: #f8fbfe;
}

.idp-online .custom-text  {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;


}

.idp-online .custom-text h5  {
    font-size: 15.8px;
    line-height: 30px;
    padding-left: 100px;
    box-sizing: border-box;
    font-weight: bold;
}

.idp-online .custom-text h5 p span  {
    padding-left: 100px;
    box-sizing: border-box;
}

/* ///////////////////////////////////////////////////////////// */


.idp-online .step-section  {
    padding: 50px 0;
    text-align: center;
}

.idp-online .icon-shadow  {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);

}

.idp-online .step-card  {
    background: white;
    padding: 20px;
    border-radius: 10px;
    display: inline-block;
}

.idp-online .step-card img  {
    /* height: 70px;
     width: 70px;*/
    border-radius: 10px;
}

.idp-online .step-icon  {
    /* width: 60px;*/
    margin-bottom: 10px;
}
.idp-online .step-title-color {
    color: #B5CBFF !important;
}
.idp-online .arrow-1:after {
    content: "";
    background: url("../img/Arc 2.png");
    background-size: contain;
    position: absolute;
    right: -304px;
    width: 100%;
    height: 31px;
    background-repeat: no-repeat;
    z-index: 999;
    top: 13px;
}
.idp-online .arrow-2:after {
    content: "";
    background: url("../img/Arc 1.png");
    background-size: contain;
    position: absolute;
    right: -304px;
    width: 100%;
    height: 31px;
    background-repeat: no-repeat;
    z-index: 999;
    bottom: 170px;
}
.idp-online .step-title  {
    color: #AABEEF;
    font-weight: bold;
}

.idp-online .step-text  {
    color: #1d0676;
    font-size: 12px;
    line-height: 15px;
}

.idp-online .arrow  {
    width: 100px;
    margin: 20px;
}

/* ///////////////////////////////////// */
.idp-online .content-section  {
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 60px 0; */
}

.idp-online .text-content  {
    max-width: 550px;
}

.idp-online .text-content p  {
    font-size: 14.1px;
    color: #1b365d;

}

.idp-online .text-content p:nth-child(1),
.text-content p:nth-child(2)  {
    line-height: 25px;
}

.idp-online .highlight-box  {
    margin-top: 20px;
    padding: 15px;

}

.idp-online .highlight-box p  {
    color: #1b365d;
    font-weight: bold;
    font-size: 15.8px;
    margin: 0;
}

.idp-online .globe-img  {
    width: 980px;
    height: 480px;
    margin-left: 20px;
}






.idp-online .circle  {
    background-color: #f8faff;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    height: auto;
}

.idp-online .line-container  {
    display: flex;
    gap: 16px;
}

.idp-online .solid-line  {
    width: 1px;
    height: 90px;
    background-color: #6c47ff;
}

.idp-online .dashed-line  {
    width: 1px;
    height: 90px;
    border-left: 2px dashed #6c47ff;
}



/* ///////////////////////////////////// */
.idp-online .footer-links  {
    background-color: #e9ecef;
    padding: 20px 0;
}

.idp-online .footer-links a  {
    margin-bottom: 8px;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 767px) {
    .idp-online .footer-links a {
        min-height: 44px;
    }
}


@keyframes rotateGlobe {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}



/* //////////////////////////////////// */
.idp-online .faq-section  {
    max-width: 800px;
    margin: auto;
    padding: 2rem 1rem;
}

.idp-online .faq-button  {
    text-align: left;
    width: 100%;
}

.idp-online #faqAccordion .accordion-button:after  {
    float: right;
    margin-left: auto;
}

.idp-online #faqAccordion .accordion-button  {
    border-bottom: 1px solid black;
    font-weight: bold;
    color: #000;
}

.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    border-bottom: 1px solid #d5d5e0;
    box-shadow: none;
    color: #3b21cc;
}

.idp-online #faqAccordion .accordion-item  {
    border: none;
}

.idp-online #faqAccordion .accordion-body  {
    border-bottom: 1px solid #d5d5e0;
}

.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    border-bottom: 2px solid blue;
}

.idp-online #faqAccordion .accordion-button  {
    transition: border 0.3s ease;
}

.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    background-color: transparent;
    border-bottom: 2px solid blue;
    color: blue;
}

.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    background-color: transparent;
    color: inherit;
    border-bottom: 2px solid blue;
}

.idp-online #faqAccordion .accordion-button  {
    transition: all 0.3s ease;
}

.idp-online #faqAccordion .accordion-body:not(.collapsed)  {
    border-bottom:
            1px solid blue;
    border-top:
            1px solid blue;

}


.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    background-color: transparent;
    border-bottom: 2px solid blue;
    color: #1b365d;
}

.idp-online #faqAccordion .accordion-button  {
    transition: all 0.3s ease;
}

/* ///////////////////////////////////////////// */

.idp-online .blue-background  {
    width: 100%;
    height: 320px;
    background-color: #1b365d;
    /* background-image: url("img/Rectangle 4407.png"); */
    background-size: contain;


}

.idp-online .green-btn  {
    border: 2px solid #c7c7c7 !important;
    background-color: #c7c7c7;
}

.idp-online .green-btn:hover  {
    background-color: transparent;
    border: 2px solid #c7c7c7;
    color: #c7c7c7 !important;
}

.idp-online .faded-img  {
    opacity: 0.08;

}

.idp-online .footer-links a:hover{
    color: #170F49 !important;
}

.idp-online .dropdown-item .flag-img{
    width: 33px;
    height: 24px;
    border-radius: 5px;
}

.idp-online .bar-counter {
    width: 37px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    padding: 12px;
}
.idp-online .bg-blue {
    background-color: #1b365d !important;
}
.idp-online .text-blue {
    color: #1b365d !important;
}
.idp-online .f16 {
    font-size: 14.1px;
}
.idp-online .f10 {
    font-size: 12px;
}
.idp-online .f6 {
    font-size: 12px;
}
.idp-online .text-blue2 {
    color: #170F49 !important;
}
.idp-online .draw-line {
    display: block;
    width: 100%;
    height: 8px;
    border-radius: 100px;
    position: absolute;
}
.idp-online .center-content  {
    position: relative;
    top: -16px;
    right: -4px;
}
.idp-online .bg-count2 {
    background-color: #EFF0F6;
}
.idp-online .text-gray-light {
    color: #EFF0F6;
}
.idp-online .progress-br .col .selected span {
    background-color: #1b365d;
    color: #fff !important;
}
.idp-online .progress-br .col .selected p {
    color: #1b365d;
}
.idp-online .progress-br .col .selected i {
    color: #1b365d;
}
.idp-online #faqAccordion .accordion-num {
    width: 24px;
    height: 24px;
    display: flex;
    border-radius: 5px;
    text-align: center;
    color: #1D1D1B;
    background-color: #EFF0F6;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
.idp-online .text-counter-rp {
    color: #6F6C90;
}
.idp-online .f24 {
    font-size: 21.1px;
}
.idp-online .f14 {
    font-size: 12.3px;
}
.idp-online .f12 {
    font-size: 12px;
}
.idp-online .btn-primary {
    background-color: #1b365d !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center;
    padding: 15px 25px !important;
    border: 0;
    outline: unset;
}

.idp-online .license-app .btn.btn-primary.secondary-btn{
    background-color: white !important;
    border-color: #0A246A !important;
    color: #0A246A !important;
}

.idp-online .license-app .btn.btn-primary.secondary-btn:hover{
    background-color: #0A246A !important;
    border-color: #0A246A !important;
    color: white !important;
}


.idp-online .btn-light {
    background-color: #FFFFFF;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center;
    padding: 15px 10px 15px 13px !important;
    box-shadow: rgba(100, 100, 111, 0.11) 0px 2px 13px 0px;
    color: #170F49;
}
.idp-online .btn-light .collapsed {
    background: #1b365d;
    color: #fff;
}
.idp-online .form-control.form-c  {
    height: calc(2.6em + .75rem + 2px);
    border: unset;
    border-radius: 5px !important;
    box-shadow: rgba(149, 157, 165, 0.04) 0px 8px 24px;
    color: #A0A3BD;
    padding: .375rem 1.2rem;
}
.idp-online .arrow-clr {
    color: #A0A3BD !important;
}

.idp-online .arrow-clr:hover,.idp-online .arrow-clr.active {
    color: #1b365d !important;
}

#language-selector .btn.dropdown-toggle:hover, #language-selector .btn.dropdown-toggle.show, #language-selector .dropdown-item.active, #language-selector .dropdown-item:hover {
    background-color: #1b365d;
    color: white;
    border-color: #1b365d;
}

.idp-online .arrow-clr img {
    box-shadow: rgba(0, 0, 0, 0.24) 5px 3px 11px;
}
.idp-online .dropdown-toggle::after  {
    margin-left: 10px !important;
}
.idp-online .rounded-5 {
    border-radius: 5px;
}
.idp-online .idp-destination .form-group .input-group span  {
    top: 14px;
    z-index: 999;
}
.idp-online .idp-destination .form-group span {
    right: 16px;
    top: 38px;
}
.idp-online .btn-secondary.bg-flag-btn {
    background-color: #FAFAFF !important;
    border: unset !important;
    border-radius: 8px;
    height: calc(2.6em + .75rem + 2px);
    box-shadow: rgba(0, 0, 0, 0.16) -2px 1px 13px !important;
}
.idp-online .btn-upload {
    border: 1px solid #1b365d;
    border-radius: 5px;
    padding: 11px 12px;
}
.idp-online .input-group-append .btn, .input-group-prepend .btn  {
    position: relative;
    z-index: 999 !important;
}
.idp-online .con-up .custom-file-input  {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 222;
}
.idp-online .f30 {
    font-size: 26.4px;
}
.idp-online .bootstrap-select select {
    /* opacity: 0;
     position: absolute;
     height: 100%;
     z-index: 0;*/
}
/*.form-group .bootstrap-select > .dropdown-toggle{
    z-index: 999;
    position: relative;
}*/
.idp-online .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)  {
    width: unset;
}
/*
.idp-online .w-14 {
    width: 16.66%;
}*/
/*
Make bootstrap-select work with bootstrap 4 see:
https://github.com/silviomoreto/bootstrap-select/issues/1135
*/
.idp-online .dropdown-toggle.btn-default  {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc;
}
.idp-online .bootstrap-select.show > .dropdown-menu > .dropdown-menu  {
    display: block;
}
.idp-online .bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden  {
    display: none;
}
.idp-online .bootstrap-select > .dropdown-menu > .dropdown-menu li a  {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    text-decoration: none;
}
.idp-online .bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover  {
    background-color: #f4f4f4;
}
.idp-online .bootstrap-select > .dropdown-toggle  {
    width: 100%;
}
.idp-online .dropdown-menu > li.active > a  {
    color: #fff !important;
    background-color: #337ab7 !important;
}
.idp-online .bootstrap-select .check-mark  {
    line-height: 14px;
}
.idp-online .bootstrap-select .check-mark::after  {
    font-family: "FontAwesome";
    content: "\f00c";
}
.idp-online .bootstrap-select button  {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Make filled out selects be the same size as empty selects */
.idp-online .bootstrap-select.btn-group .dropdown-toggle .filter-option  {
    display: inline !important;
}
.idp-online .bootstrap-select > .dropdown-toggle  {
    background-color: #FAFAFF !important;
    border: unset !important;
    border-radius: 8px !important;
    height: calc(2.6em + .75rem + 2px) !important;
    box-shadow: rgba(0, 0, 0, 0.09) -2px 1px 7px !important;
    color: #170F49;
    font-size: 14.1px !important;
}
.idp-online .bg-file-pload {
    background-color: #FAFAFF;
}
.idp-online .filter-option-inner-inner img {
    /*box-shadow: rgba(0, 0, 0, 0.24) 5px 3px 11px;*/
    border-radius: 5px;
    width: 33px;
    height: 24px;
}
.idp-online .drop-full .filter-option-inner-inner img {
    margin-right: 10px;
}
.idp-online .form-group label {
    font-size: 12.3px !important;
    margin-bottom: 5px;
}
.idp-online .form-group small  {
    position: absolute;
    height: unset !important;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 6px;
}
.idp-online .f-18 {
    font-size: 15.8px !important;
}
.idp-online .bg-license {
    background-color: #E4F0FF;
}
.idp-online .next-btn .btn {
    outline: unset;
    border:0;
    padding: 18.5px 45px !important;
    border-radius: 50rem !important;
}

.idp-online .license-app .next-btn .btn.btn-back {
    padding-left: 0 !important;
}


.idp-online .form-group  {
    margin-top: 1.5rem;
}
.idp-online .form-group .d-flex .col-4 .bootstrap-select > .dropdown-toggle,.form-group .d-flex .col-5 .bootstrap-select > .dropdown-toggle,.form-group .d-flex .col-7 .bootstrap-select > .dropdown-toggle   {
    background-color: #FFFFFF !important;
}
.idp-online .jnt-main .rounded  {
    border-radius: 0.5rem !important;
}
.idp-online .l-classes .text-right span {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
}
.idp-online .l-classes-box {
    border: 2px solid #1b365d;
}
.idp-online .text-back {
    color: #3C3C3B !important;
}

.idp-online #main-faq  {    margin: 50px 0;
}

.idp-online #main-faq #faq .card  {    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #EFF0F6 !important;
}

.idp-online #main-faq #faq .card .card-header  {    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 2px;
    padding: 0;
}

.idp-online #main-faq #faq .card .card-header .btn-header-link  {    color: #1b365d;
    display: block;
    text-align: left;
    background: #fff;
    padding: 20px;
}
.idp-online #faqAccordion #faq .card .card-header .btn-header-link.collapsed .accordion-num  {    color: #1D1D1B;
    background-color: #EFF0F6;

}

.idp-online #main-faq #faq .card .card-header .btn-header-link:after  {
    content: "\f106";
    float: right;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: #A0A3BD !important;
    font-size: 16.7px;
}

.idp-online #main-faq #faq .card .card-header .btn-header-link.collapsed  {    background: #ffffff;
    color: #1D1D1B;
}
.idp-online .text-dark-gray {
    color: #1D1D1B !important;
}
.idp-online .card-shadow {
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.idp-online .py-5 .container .card-shadow  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 340px;
}
.idp-online .aaa-bg {
    /* background-image: url("../img/AAA.png");
     background-repeat: no-repeat;
     background-position: center left;
     background-size: contain;*/
}

.idp-online #main-faq #faq .card .card-header .btn-header-link.collapsed:after  {    content: "\f107";
}
.idp-online #main-faq #faq .btn.focus, #main-faq #faq .btn:focus  {    outline: 0;
    box-shadow: unset;
}

.idp-online #main-faq #faq .card .collapsing  {    background: #fff;
    line-height: 30px;
}

.idp-online #main-faq-faq #faq .card .collapse  {    border: 0;
}

.idp-online #main-faq-faq #faq .card .collapse.show  {    background: #fff;
    line-height: 30px;
    color: #222;
}
.idp-online #main-faq .card-header  {    background-color: #fff !important;
}
.idp-online .bg-count2 .nav-tabs .nav-item.show .nav-link, .bg-count2 .nav-tabs .nav-link.active  {
    background-color: #1b365d !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center;
    padding: 15px 25px !important;
    border: 0;
    outline: unset;
    color: #fff;
}
.idp-online .bg-count2 .nav-tabs .nav-link  {
    background-color: #FFFFFF;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center;
    padding: 15px 10px 15px 13px !important;
    box-shadow: rgba(100, 100, 111, 0.11) 0px 2px 13px 0px;
    color: #170F49;
    margin-right: 7px;
}
.idp-online .form-group.drop-full.for-drop small {
    margin-top: 61px;
}
.idp-online .d-rvr-box {
    height: 153px;
    display: flex;
    align-items: start;
    justify-content: center;
}
.idp-online .d-rvr-box .text-start span {
    padding: 1px 6px;
    border-radius: 5px;
}
/*.d-rvr-box .col-10 .mb-0{
    height: 84px;
}*/
.idp-online .bg-count2 #faqAccordion .accordion .accordion-item  {
    border: 0;
    border-bottom: 1px solid #EFF0F6;
    outline: unset;
}
.idp-online .bg-count2 #faqAccordion .accordion .accordion-item .accordion-button::after  {
    color: #A0A3BD;
    opacity: 0.4;
}
.idp-online #faqAccordion .accordion-button:focus  {
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}
.idp-online #faqAccordion .accordion-button:not(.collapsed)  {
    color: #1b365d;
    background-color: #fff;
    border-bottom: 1px solid #EFF0F6;
    box-shadow: unset;
}
.idp-online #faqAccordion .accordion-item:first-of-type .accordion-button  {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.idp-online #faqAccordion .accordion-item:last-of-type .accordion-button.collapsed  {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.idp-online #faqAccordion .accordion-button  {
    font-weight: bold;
}
.idp-online #faqAccordion .accordion-button:not(.collapsed) .accordion-num {
    color: #fff;
    background-color: #1b365d;
}
.idp-online .con-up {
    position: relative;
}
.idp-online .sig-box {
    border-radius: 8px;
    border: 1px solid #EFF0F6;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px;
}
.idp-online .sig-abcd {
    position: absolute;
    border: 1px solid #EFF0F6;
    background-color: #fff !important;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #A5A3B9;
    top: 10px;
    left: 10px;
    padding-bottom: 2px;
}
.idp-online .sig-box.selected {
    border: 2px solid #1b365d;
}
.idp-online .sig-box.selected .sig-abcd {
    border: 1px solid #1b365d;
    background-color: #1b365d !important;
    color: #fff;
}
.idp-online .bg-count2.choose-plans .nav-tabs .nav-link  {
    padding: 7px 10px 10px 10px !important;
    width: 100%;
    margin-right:0 ;
}
.idp-online .f25 {
    font-size: 22px;
}
.idp-online .idp-destination .dropdown-toggle  {
    background-color: #E9FFF4 !important;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 5px 7px !important;
    padding: 15px 25px 15px 25px !important;
}
.idp-online .text-black {
    color:#000000 !important;
}
.idp-online .con-up .rounded-5.selected {
    border: 2px solid #1b365d;
    background-color: #E4F0FF !important;
}
.idp-online .con-up .rounded-5.bg-white {
    height: 266px;
}
.idp-online .c-box-shaddow {
    box-shadow: rgba(0, 0, 0, 0.09) -2px 1px 7px !important;
}
.idp-online .cards-plans .c-box-shaddow.selected {
    border: 2px solid #1b365d;
}
.idp-online .cards-plans .c-box-shaddow.selected h3 {
    color: #1b365d;
}
.idp-online .f20 {
    font-size: 17.6px;
}
.idp-online .f18 {
    font-size: 15.8px;
}
.idp-online .border-b-dot {
    border-color: #EFF0F6;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
}
.idp-online .card-details .border-b-dot:last-child {
    border-bottom: unset;
    padding-bottom: 12px !important;
}
.idp-online .details-order .card-details .border-b-dot:first-child {
    border-bottom: 1px solid #EFF0F6;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}
.idp-online .choose-plans .payments .c-box-shaddow.selected {
    border: 2px solid #1b365d;
}
.idp-online .choose-plans .payments .form-group {
    margin-top: 1rem;
}
.idp-online .bg-count2.choose-plans .payments .nav-tabs .nav-link  {
    height: 65px;
    justify-content: center;
}
.idp-online .f34 {
    font-size: 29.9px;
}
.idp-online .progress-br .col .center-content p {
    line-height: 0;
}
/*.border-danger {
    border-bottom: 1px solid #dc3545 !important;
    border-top: 1px solid #dc3545 !important;
    border-left: 1px solid #dc3545 !important;
    border-right: 1px solid #dc3545 !important;
}*/

.idp-online .nav-shadow {
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
.idp-online .navbar-toggler-icon  {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.idp-online .f21 {
    font-size: 18.5px;
}
.idp-online .f40 {
    font-size: 35.2px;
}
.idp-online .bg-blue-hand {
    background-image: url("../img/bg-get-p-blue.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.idp-online .navbar-toggler:focus  {
    outline: unset;
    box-shadow: unset;
}
button:focus:not(:focus-visible) {
    outline:
            0;
}
.idp-online .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle  {
    outline:
            unset !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}
.idp-online .form-control:focus  {
    outline:unset !important;
    box-shadow: unset !important;
}
.idp-online .process-step  {
    position: relative;
    /*  padding: 2rem 1rem;*/
    text-align: center;
    transition: all 0.3s ease;
}

.idp-online .process-step:hover  {
    transform: translateY(-5px);
}

.idp-online .step-icon  {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.14);
}

.idp-online .step-icon img  {
    width: 48px;
    height: 48px;
}

.idp-online .step-number  {
    color: #6f42c1;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.idp-online .step-title  {
    color: #6f42c1;
    font-weight: 700;
    margin-bottom: 1rem;
}

/*.step-description {
    color: #6c757d;
    font-size: 0.95rem;
}*/

.idp-online .connector  {
    display: none;
}

.idp-online .blog_view_all_button a, .idp-online .blog_view_all, .blog-submit input.button{
    background-color: #1b365d !important;
    border-radius: var(--bs-border-radius-pill) !important;
    outline: unset;
    padding: 14px 24px !important;
    text-decoration: none;
    border: 2px solid #1b365d;
    text-transform: unset !important;
}

.idp-online .title_blog, .idp-online .page-heading, .idp-online .title_cat, .idp-online .ets_title_block{
    text-transform: unset !important;
}

.idp-online .ets-blog-wrapper-detail{
    padding: 0 !important;
}


.idp-online .ets_block_archive, .idp-online .ets_comment_form_blog, .idp-online .ets_block_categories{
    display: none !important;
}

.idp-online .blog_view_all_button a:hover, .idp-online .blog_view_all:hover, .blog-submit input.button:hover{
    background-color: transparent !important;
    border: 2px solid #1b365d;
    color: #1b365d !important;
}

.idp-online .idp-destination .dropdown-toggle::after {
    display: none !important;
}

.idp-online .idp-destination .dropdown-toggle::before {
    content: "";
    background-image: url('../img/svg/arrow-down.svg');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.idp-online .idp-destination .dropdown-toggle.show::before {
    background-image: url('../img/svg/arrow-up.svg');
}

.idp-online .backend-content h2{
    font-size: 14.1px;
}

.idp-online .backend-content p{
    margin: 0 important;
}


/* For tablets in landscape mode (screen width between 768px and 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    /* Example styles for landscape tablets */

}

@media (max-width: 768px) {

}

@media (max-width: 1024px) {

}


@media (min-width: 768px) {
    .idp-online .connector  {
        display: block;
        position: absolute;
        top: -10%;
        right: -69%;
        width: 100%;
        z-index: -1;
        height: 31px;
        background: url("../img/connector1.png") no-repeat;
    }
    .idp-online .connector2  {
        display: block;
        position: absolute;
        top: 35%;
        right: -69%;
        width: 100%;
        z-index: -1;
        height: 31px;
        background: url("../img/connector2.png") no-repeat;
    }

    /*.connector::after {
        content: '';
        position: absolute;
        right: -5px;
        top: -7px;
        width: 0;
        height: 0;
        border-left: 10px solid #6f42c1;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }*/


}

@media (max-width: 480px) {
    .idp-online .blue-background  {
        height: auto;
        padding: 10px 0px 30px 0px;
        box-sizing: border-box;
    }

    .idp-online .blue-imgg  {
        max-width: 100%;
        height: 150px;
    }

    .idp-online .footer-links a .text-left,
    .footer-links .text-right  {
        text-align: center !important;
    }

    .idp-online .circle  {
        height: auto;
    }

    .idp-online .header  {
        width: 100%;
        height: 1000px;
        margin: 0px auto;
    }

    .idp-online .header-left,
    .header-right  {
        width: 100%;
        text-align: center;
        height: auto;
    }

    .idp-online .header-right  {
        width: 90%;
        height: 400px;
        margin: 0px auto;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

    }





    .idp-online .header-left p:nth-child(3),
    .header-left p:nth-child(4)  {
        font-size: 12px;
    }

    .idp-online .header-left p:nth-child(5),
    .header-left p:nth-child(6)  {

        letter-spacing: 2px;
        font-size: 22px;
        font-weight: bold;
    }

    .idp-online .header-left p:nth-child(3)  {
        line-height: 15px;
    }

    .idp-online .header-left p:nth-child(5)  {
        padding-top: 15px;
        box-sizing: border-box;
        line-height: 40px !important;
    }

    .idp-online .header-left p:nth-child(7)  {
        padding-top: 10px;
        box-sizing: border-box;

    }

    .idp-online .header-left p:nth-child(7),
    .idp-online .header-left p:nth-child(8)  {
        line-height: 18px !important;

    }

    .idp-online .header-left p:nth-child(9)  {

        line-height: 25px !important;
        padding-bottom: 20px;
        box-sizing: border-box;
    }




    .idp-online .img-1  {
        width: 55px;
        height: 33px;
        background-color: #FED800;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        margin-left: 10px;
    }

    .idp-online .img-2  {
        width: 110px;
        height: 30px;
        background-color: #1D1D1B;
        color: #FED800;
        margin-top: 2px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .idp-online .img-2 i  {
        font-size: 12px;
        height: 100%;
    }

    .idp-online .four  {
        font-size: 13.2px;
        margin-top: 5px;
    }

    .idp-online .five  {
        font-size: 12px;
        margin-top: 12px;
    }

    .idp-online .img-2 i  {
        margin-top: 8px;
    }


    .idp-online .custom-card-4  {
        margin-left: 10px;
    }


    .idp-online .custom-text  {
        height: 200px;
    }
}
@media (max-width: 768px) {

    .idp-online .bg-hero::before {
        top: 0;
        background-position: top;
        background-image: url("../img/hero-bg-mobile.png");
        left: 14%;
        width: 75%;
    }

    .idp-online .circle  {
        height: auto;
    }

    .idp-online .content-section  {
        flex-direction: column;
        text-align: center;
    }

    .idp-online .globe-img  {
        margin-top: 30px;
    }

    .idp-online .globe-img  {
        width: 160px;
        height: 150px;
        animation: rotateGlobe 6s linear infinite;
    }

    .idp-online .arrow  {
        display: none;
    }

    .idp-online .circle  {
        height: auto;
    }

    .idp-online .header  {
        width: 100%;
        height: 800px;
        margin: 0px auto;
    }
}
@media (max-width: 768px) {
    .idp-online .col-12-card  {
        padding-left: 5px;
        padding-right: 5px;
    }

    .idp-online .card-group  {
        flex-direction: column;
        align-items: center;
    }

    .idp-online .card  {
        margin: 10px 0;
        width: 83.33%;
    }

    .idp-online .uk-eta-visa .card{
        width: 100%;
        padding: 15px !important;
    }

    .idp-online .uk-eta-visa .card .card-img-top{
        display: none;
    }

    .idp-online .col-md-3-card  {
        margin-top: 20px;
        width: 83.33%;
    }

}
@media only screen and (max-width: 992px) {
    .idp-online .py-5 .container .row .col-lg-3 .card-shadow  {
        min-height: 250px;
    }
    .idp-online .step-section  {
        padding: 0 0;
    }

    /*.idp-online .green-sec .container .d-flex,.d-flex-col .d-flex {*/
    /*    flex-direction: column;*/
    /*}*/
    /*.idp-online .green-sec .container .d-flex div, .d-flex-col .d-flex div {*/
    /*    width: 100% !important;*/
    /*    text-align: center;*/
    /*    margin-bottom: 0;*/
    /*}*/
    .idp-online .py-5 .container .row .col-lg-3 .card-shadow {
        /*margin-bottom: 20px;*/
    }
    .idp-online .f40  {
        font-size: 27.3px;
    }
    .idp-online .f18  {
        font-size: 12.3px;
    }
    .idp-online .progress-br .col .center-content p  {
        line-height: 12px;
        height: 13px;
    }
    .idp-online .center-content  {
        top: -22px;
    }
    .idp-online .cards-plans .con-up  {
        margin-bottom: 0.8rem;
    }
}
@media only screen and (max-width: 767px) {

    .idp-online .nav-item{
        margin-top: 5px;
    }

    .idp-online .navbar-nav{
        align-items: start !important;
    }

    .idp-online #language-selector{
        margin-top: 5px;
    }

    .idp-online .navbar-nav .nav-item a .btn{
        margin-top: 8px;
    }

    .idp-online .f24  {
        font-size: 15.8px;
    }
    .idp-online .step-section  {
        padding: 0 0;
    }

    /*.idp-online .green-sec .container .d-flex,.d-flex-col .d-flex {*/
    /*    flex-direction: column;*/
    /*}*/
    /*.idp-online .green-sec .container .d-flex div, .d-flex-col .d-flex div {*/
    /*    width: 100% !important;*/
    /*    text-align: center;*/
    /*    margin-bottom: 20px;*/
    /*}*/
    .idp-online .py-5 .container .row .col-lg-3 .card-shadow {
        margin-bottom: 0;
    }
    .idp-online .f40  {
        font-size: 27.3px;
    }
    .idp-online .f18  {
        font-size: 12.3px;
    }
    .idp-online .center-content  {
        top: -31px;
    }
    .idp-online .choose-plans .d-flex .col-11 .position-relative {
        left: 8px !important;
    }
    .idp-online .next-btn .btn  {
        padding: 15.5px 30px !important;
        border-radius: 50rem !important;
    }
    .idp-online .center-content  {
        display: none;
    }
    .idp-online .bar-counter  {
        width: 33.8px;
        margin-bottom: 8px;
    }
    .idp-online .progress-br  {
        padding: 22px 26px 12px 28px;
    }
    .idp-online .jnt-main .fields .pe-1  {
        padding-right: 1rem !important;
    }
    .idp-online .jnt-main .fields .ps-1  {
        padding-left: 0.8rem !important;
    }
    .idp-online .progress-br .position-relative .row .col:last-child  {
        max-width: 12% !important;
    }
}


    .eta-status-checker-widget {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }

    .eta-sc12-container {
        background: #fff;
        border-radius: 12px;
        padding: 40px;
        box-shadow: 0 1px 4px rgba(0,0,0,.07), 0 4px 16px rgba(0,0,0,.05);
        border: 1px solid #e5e7eb;
    }

    .eta-sc12-title {
        font-size: 22.9px;
        font-weight: 700;
        color: #1b365d;
        margin-bottom: 10px;
        text-align: center;
        letter-spacing: -0.3px;
    }

    .eta-sc12-subtitle {
        font-size: 13.2px;
        color: #6b7280;
        margin-bottom: 28px;
        text-align: center;
        line-height: 1.6;
    }

    .eta-sc12-input-group {
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
    }

    .eta-sc12-email-input {
        flex: 1;
        padding: 13px 16px;
        border: 1px solid #d1d5db;
        border-radius: 8px;
        font-size: 13.2px;
        transition: border-color 0.2s, box-shadow 0.2s;
        font-family: inherit;
        background: #fff;
        color: #1b365d;
    }

    .eta-sc12-email-input::placeholder {
        color: #9ca3af;
    }

    .eta-sc12-email-input:focus {
        outline: none;
        border-color: #1b365d;
        box-shadow: 0 0 0 3px rgba(1, 33, 105, 0.08);
    }

    .eta-sc12-check-button {
        padding: 13px 28px;
        background: #1b365d;
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 13.2px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.2s;
        white-space: nowrap;
        font-family: inherit;
    }

    .eta-sc12-check-button:hover:not(:disabled) {
        background: #001a4d;
    }

    .eta-sc12-check-button:disabled {
        opacity: 0.55;
        cursor: not-allowed;
    }

    .eta-sc12-loading {
        display: none;
        text-align: center;
        padding: 36px;
    }

    .eta-sc12-loading.eta-sc12-show {
        display: block;
    }

    .eta-sc12-spinner {
        width: 36px;
        height: 36px;
        border: 3px solid #e5e7eb;
        border-top: 3px solid #1b365d;
        border-radius: 50%;
        animation: eta-sc12-spin 0.8s linear infinite;
        margin: 0 auto 14px;
    }

    @keyframes eta-sc12-spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    .eta-sc12-results {
        display: none;
        margin-top: 4px;
    }

    .eta-sc12-results.eta-sc12-show {
        display: block;
    }

    .eta-sc12-error {
        background: #fef2f2;
        border: 1px solid #fecaca;
        border-radius: 8px;
        padding: 16px 20px;
        text-align: center;
        color: #b91c1c;
        font-size: 12.3px;
    }

    .eta-sc12-no-orders {
        text-align: center;
        padding: 36px 20px;
        color: #6b7280;
        font-size: 13.2px;
    }

    .eta-sc12-order-card {
        border: 1px solid #e2e5ea;
        border-radius: 10px;
        padding: 0;
        margin-bottom: 16px;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    }

    .eta-sc12-order-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 22px;
        background: #fafbfc;
        border-bottom: 1px solid #eef0f3;
    }

    .eta-sc12-order-ref {
        font-size: 13.2px;
        font-weight: 600;
        color: #1b365d;
        letter-spacing: 0.2px;
    }

    .eta-sc12-order-date {
        font-size: 13px;
        color: #888;
    }

    .eta-sc12-order-body {
        padding: 18px 22px;
    }

    .eta-sc12-order-row {
        display: flex;
        gap: 16px;
        padding: 14px 16px;
        background: #f9fafb;
        border-radius: 8px;
        border: 1px solid #f0f0f0;
    }

    .eta-sc12-order-col {
        flex: 1;
    }

    .eta-sc12-col-label {
        font-size: 11px;
        color: #888;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 4px;
    }

    .eta-sc12-col-value {
        font-size: 12.3px;
        font-weight: 600;
        color: #1f2937;
    }

    .eta-sc12-status-desc {
        margin: 14px 0 0;
        padding: 12px 14px;
        background: #f5f7ff;
        border-radius: 6px;
        font-size: 13px;
        color: #444;
        line-height: 1.6;
    }

    .eta-sc12-resend-button {
        margin: 14px 0 0;
        padding: 9px 20px;
        background: #fff !important;
        color: #1b365d !important;
        border: 1px solid #d1d5db !important;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 500;
        cursor: pointer;
        transition: border-color 0.15s, background 0.15s;
        font-family: inherit;
    }

    .eta-sc12-resend-button:hover:not(:disabled) {
        border-color: #1b365d !important;
        background: #f8f9ff !important;
    }

    .eta-sc12-resend-button:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .eta-sc12-notification {
        position: fixed;
        top: 20px;
        right: 20px;
        min-width: 300px;
        max-width: 460px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
        z-index: 10000;
        opacity: 0;
        transform: translateX(360px);
        transition: opacity 0.25s, transform 0.25s;
    }

    .eta-sc12-notification-show {
        opacity: 1;
        transform: translateX(0);
    }

    .eta-sc12-notification-content {
        display: flex;
        align-items: flex-start;
        padding: 16px 18px;
        gap: 12px;
    }

    .eta-sc12-notification-content svg {
        flex-shrink: 0;
        margin-top: 2px;
    }

    .eta-sc12-notification-text {
        flex: 1;
        font-size: 12.3px;
        line-height: 1.55;
        color: #374151;
    }

    .eta-sc12-notification-close {
        background: none;
        border: none;
        font-size: 17.6px;
        line-height: 1;
        color: #9ca3af;
        cursor: pointer;
        padding: 0;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        transition: color 0.2s;
    }

    .eta-sc12-notification-close:hover {
        color: #374151;
    }

    .eta-sc12-notification-success svg {
        color: #16a34a;
    }

    .eta-sc12-notification-error svg {
        color: #dc2626;
    }

    .eta-sc12-notification-info svg {
        color: #2563eb;
    }

    @media (max-width: 768px) {
        .eta-sc12-container {
            padding: 24px 16px !important;
            border-radius: 10px;
        }

        .eta-sc12-title {
            font-size: 18.5px !important;
        }

        .eta-sc12-subtitle {
            font-size: 12.3px !important;
        }

        .eta-sc12-input-group {
            flex-direction: column;
        }

        .eta-sc12-notification {
            right: 10px;
            left: 10px;
            min-width: auto;
            max-width: none;
        }

        .eta-sc12-order-head {
            flex-direction: column;
            gap: 4px;
            align-items: flex-start;
            padding: 12px 16px !important;
        }

        .eta-sc12-order-body {
            padding: 14px 16px !important;
        }

        .eta-sc12-order-row {
            flex-direction: column;
            gap: 10px;
        }

        .eta-sc12-resend-button {
            width: 100% !important;
            text-align: center;
        }
    }

/* ==============================================
   HEADER REDESIGN — nav improvements
   ============================================== */

/* Main nav wrapper — subtle gray border */
.idp-online .header-main-nav {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

/* Nav links — dark, readable */
.idp-online .header-nav-link {
    color: #1e2545 !important;
    font-weight: 500 !important;
    font-size: 13.2px !important;
    letter-spacing: 0.1px;
    padding-bottom: 6px !important;
    position: relative;
    transition: color 0.2s ease !important;
    min-height: 44px;
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap;
}

.idp-online .header-nav-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    right: 50%;
    height: 2px;
    background: #1b365d;
    transition: left 0.25s ease, right 0.25s ease;
}

.idp-online .header-nav-link:hover,
.idp-online .header-nav-link.active {
    color: #1b365d !important;
}

.idp-online .header-nav-link:hover::after,
.idp-online .header-nav-link.active::after {
    left: 0;
    right: 0;
}

/* Language selector — compact flag + ISO */
.idp-online .lang-select-btn {
    border: 1px solid #e0e0e0 !important;
    background: transparent !important;
    color: #555 !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
    min-height: 44px;
    border-radius: 6px !important;
    font-weight: 500;
    transition: border-color 0.2s, color 0.2s, background 0.2s !important;
    box-shadow: none !important;
    gap: 6px;
}

.idp-online .lang-select-btn .lang-iso {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.idp-online .lang-select-btn:hover,
.idp-online .lang-select-btn.show {
    border-color: #1b365d !important;
    color: #1b365d !important;
    background: rgba(1, 33, 105, 0.04) !important;
}

.idp-online .lang-dropdown {
    min-width: 150px;
    padding: 6px 0;
    border: 1px solid #e8e8e8;
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
    border-radius: 8px;
}

.idp-online .lang-dropdown .dropdown-item {
    font-size: 13px;
    padding: 7px 14px;
    min-height: 44px;
    display: flex;
    align-items: center;
    color: #333;
    font-weight: 400;
}

.idp-online .lang-dropdown .dropdown-item.active,
.idp-online .lang-dropdown .dropdown-item:hover {
    background-color: rgba(1, 33, 105, 0.07);
    color: #1b365d;
}


/* Mobile nav */
@media (max-width: 1199px) {
    .idp-online .header-nav-link {
        font-size: 14.1px !important;
        padding: 10px 0 !important;
    }

    .idp-online .header-nav-link::after {
        display: none;
    }

    .idp-online .header-nav-link.active,
    .idp-online .header-nav-link:hover {
        color: #1b365d !important;
    }
}

/* ── Official notice bar ── */
.idp-online .official-notice-bar {
    background-color: #EEF4FF;
}
.idp-online .official-notice-bar p {
    font-size: 13px;
    color: #1e2545;
    line-height: 21px;
}
.idp-online .official-notice-icon {
    width: 32px;
    height: 32px;
    background: #1b365d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13.2px;
}

/* ── Feature card icons ── */
.idp-online .feature-icon-wrap {
    width: 64px;
    height: 64px;
    background: #EEF4FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.idp-online .feature-icon-wrap--white {
    background: rgba(255,255,255,0.20);
}

/* ── Steps — FA icons (replace images) ── */
.idp-online .step-fa-icon {
    font-size: 26.4px;
    color: #1b365d;
}
/* Fix off-brand purple step colors */
.idp-online .step-number {
    color: #1b365d !important;
    font-weight: 600;
    margin-bottom: 0.4rem;
}
.idp-online .step-title-color {
    color: #1b365d !important;
}

/* ── About — key stats grid ── */
.idp-online .eta-stat-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px 16px;
    text-align: center;
}
.idp-online .eta-stat-icon {
    font-size: 17.6px;
    color: #1b365d;
    margin-bottom: 8px;
}
.idp-online .eta-stat-num {
    font-size: 28.2px;
    font-weight: 700;
    color: #1b365d;
    line-height: 1;
}
.idp-online .eta-stat-label {
    font-size: 13px;
    color: #6b7280;
    margin-top: 4px;
}

/* ── Disclaimer — fee box ── */
.idp-online .disclaimer-fee-box {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px 24px;
}
.idp-online .disclaimer-fee-title {
    font-size: 12.3px;
    font-weight: 700;
    color: #1b365d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
}
.idp-online .disclaimer-fee-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: 12.3px;
    color: #374151;
}
.idp-online .disclaimer-fee-item:last-of-type {
    border-bottom: none;
}
.idp-online .disclaimer-fee-price {
    font-weight: 700;
    font-size: 15.8px;
    color: #1b365d;
}
.idp-online .feature-icon-fa {
    font-size: 22.9px;
    color: #1b365d;
}
.idp-online .feature-icon-fa--white {
    color: #fff;
}


/* ── Hero — minimalist ── */
.idp-online .hero-h1 {
    font-size: 38.7px;
    line-height: 1.15;
    color: #1b365d;
}
.idp-online .hero-desc {
    font-size: 15.8px;
    color: #4b5563;
    line-height: 1.75;
}
.idp-online .hero-form-card {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    padding: 32px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
}
.idp-online .hero-form-title {
    font-size: 15.8px;
    font-weight: 600;
    color: #1b365d;
    line-height: 1.3;
}
.idp-online .hero-form-label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 6px;
}
.idp-online .hero-input {
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    font-size: 13.2px !important;
    color: #111827 !important;
    background: #fafafa !important;
    transition: border-color 0.2s;
}
.idp-online .hero-input:focus {
    border-color: #1b365d !important;
    background: #fff !important;
}
.idp-online .hero-learn-more {
    font-size: 13px;
    color: #6b7280;
}
.idp-online .hero-learn-more:hover {
    color: #1b365d;
}
@media (max-width: 991px) {
    .idp-online .hero-h1 {
        font-size: 28.2px;
    }
    .idp-online .hero-form-card {
        padding: 24px;
    }
}

/* ── CMS page hero banner (visapply style) ── */
.idp-online .cms-page-hero {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 420px;
    display: flex;
    align-items: center;
}
.idp-online .cms-page-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(15, 23, 42, .85) 0%, rgba(27, 54, 93, .70) 100%);
}
.idp-online .cms-page-hero__inner {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 24px;
    width: 100%;
}
.idp-online .cms-page-hero__title {
    font-size: 42.2px;
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
    margin: 0 0 16px;
    letter-spacing: -0.02em;
    max-width: 700px;
}
.idp-online .cms-page-hero__subtitle {
    font-size: 14.1px;
    color: rgba(255, 255, 255, .85);
    line-height: 1.6;
    margin: 0;
    max-width: 480px;
}
@media (max-width: 1024px) {
    .idp-online .cms-page-hero__inner {
        padding: 48px 24px;
    }
    .idp-online .cms-page-hero__title {
        font-size: 33.4px;
    }
}
@media (max-width: 640px) {
    .idp-online .cms-page-hero {
        min-height: 320px;
    }
    .idp-online .cms-page-hero__title {
        font-size: 28.2px;
    }
    .idp-online .cms-page-hero__subtitle {
        font-size: 12.3px;
    }
}

/* ── CMS backend content typography ── */
/* Jen svislé odsazení: zkratka `padding: 48px 0 64px` nulovala vodorovné
   odsazení `.container`, takže na telefonu a iPadu začínal text 13 CMS
   stránek (VOP, Privacy, Cookie, Refund…) přímo na okraji obrazovky. */
.idp-online .backend-content {
    padding-top: 48px;
    padding-bottom: 64px;
    max-width: 860px;
    margin: 0 auto;
}
.idp-online .backend-content h1,
.idp-online .backend-content h2,
.idp-online .backend-content h3,
.idp-online .backend-content h4 {
    color: #1b365d;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}
.idp-online .backend-content h1:first-child,
.idp-online .backend-content h2:first-child,
.idp-online .backend-content h3:first-child {
    margin-top: 0;
}
.idp-online .backend-content h2 {
    font-size: 1.5rem;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}
.idp-online .backend-content h3 {
    font-size: 1.2rem;
}
.idp-online .backend-content p {
    color: #374151;
    line-height: 1.8;
    margin-bottom: 1.25rem;
    font-size: 1rem;
}
.idp-online .backend-content ul,
.idp-online .backend-content ol {
    padding-left: 1.5rem;
    margin-bottom: 1.25rem;
}
.idp-online .backend-content li {
    color: #374151;
    line-height: 1.75;
    margin-bottom: 0.4rem;
}
.idp-online .backend-content a {
    color: #1b365d;
    text-decoration: underline;
}
.idp-online .backend-content a:hover {
    color: #C8102E;
}
.idp-online .backend-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
}
.idp-online .backend-content th,
.idp-online .backend-content td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}
.idp-online .backend-content th {
    background: #f4f7fb;
    color: #1b365d;
    font-weight: 600;
    border-top: 2px solid #1b365d;
}
.idp-online .backend-content strong {
    color: #1e2545;
    font-weight: 600;
}

/* ── Trust strip ── */
.idp-online .trust-strip {
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    padding: 22px 0;
}
.idp-online .trust-strip-item {
    padding: 6px 0;
}
.idp-online .trust-strip-icon {
    font-size: 19.4px;
    color: #1b365d;
    display: block;
    margin-bottom: 6px;
}
.idp-online .trust-strip-label {
    font-size: 13px;
    font-weight: 700;
    color: #1e2545;
}
.idp-online .trust-strip-sub {
    font-size: 12px;
    color: #6b7280;
    margin-top: 2px;
}

/* ══════════════════════════════════════════════
   SUBPAGE DESIGN — Requirements & Countries
   ══════════════════════════════════════════════ */

/* ── Requirements page — section heading ── */
.idp-online .requirements-faq {
    max-width: 920px;
    margin: 0 auto;
}
.idp-online .requirements-faq > .mb-4 h2 {
    font-size: 22.9px;
    color: #1b365d;
    line-height: 1.3;
}
.idp-online .requirements-faq > .mb-4 p {
    color: #6b7280;
    font-size: 13.2px;
}

/* ── Requirements accordion — cleaner look ── */
.idp-online .requirements-faq #faqAccordion {
    border: none;
}
.idp-online .requirements-faq #faqAccordion .accordion-item {
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    margin-bottom: 12px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.idp-online .requirements-faq #faqAccordion .accordion-button {
    font-size: 14.1px !important;
    font-weight: 700 !important;
    color: #1b365d !important;
    background: #f8faff !important;
    padding: 18px 22px !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}
.idp-online .requirements-faq #faqAccordion .accordion-button.collapsed {
    border-bottom: none !important;
    background: #fff !important;
}
.idp-online .requirements-faq #faqAccordion .accordion-button:not(.collapsed) {
    background: #1b365d !important;
    color: #fff !important;
    box-shadow: none !important;
}
.idp-online .requirements-faq #faqAccordion .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}
.idp-online .requirements-faq #faqAccordion .accordion-body {
    padding: 24px 24px 28px;
    background: #fff;
}

/* ── Tip box (bg-license) — soft tint, no left bar ── */
.idp-online .bg-license {
    background: #EEF4FF !important;
    border-radius: 8px !important;
}

/* ── Important info box at bottom of requirements ── */
.idp-online .requirements-faq .row.align-items-center .bg-license {
    border-radius: 10px !important;
}

/* ── Countries page — flag items as cards ── */
.idp-online .who-need-eta .flag-country {
    background: #fff;
    border: 1px solid #e8ecf4;
    border-radius: 8px;
    padding: 7px 10px;
    margin-bottom: 8px;
    font-size: 12.3px;
    color: #1e2545;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.idp-online .who-need-eta .flag-country:hover {
    border-color: #1b365d;
    box-shadow: 0 2px 6px rgba(1,33,105,0.09);
}
.idp-online .who-need-eta .flag-country img {
    width: 22px;
    height: 15px;
    object-fit: cover;
    border-radius: 2px;
    border: 1px solid #e0e4ed;
    margin-right: 8px;
}
.idp-online .who-need-eta .flag-country a {
    color: #1b365d !important;
    display: flex;
    align-items: center;
}

/* ── Countries section heading ── */
.idp-online .who-need-eta > .mb-4 h2 {
    font-size: 21.1px;
    color: #1b365d;
}
.idp-online .who-need-eta > .mb-4 p {
    color: #6b7280;
    font-size: 12.3px;
}

/* ── Countries closing note ── */
.idp-online .who-need-eta > .f16.mb-0 {
    background: #f4f7fb;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    padding: 14px 18px;
    font-size: 12.3px !important;
}

/* ── FAQ page — nicer accordion ── */
.idp-online .section-content-faq #faqAccordion .accordion-item {
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    margin-bottom: 10px;
    overflow: hidden;
}
.idp-online .section-content-faq #faqAccordion .accordion-button {
    font-size: 13.2px !important;
    font-weight: 600 !important;
    color: #1e2545 !important;
    background: #fff !important;
    padding: 16px 20px !important;
    box-shadow: none !important;
    border-bottom: 1px solid #e5e7eb;
}
.idp-online .section-content-faq #faqAccordion .accordion-button.collapsed {
    border-bottom: none !important;
}
.idp-online .section-content-faq #faqAccordion .accordion-button:not(.collapsed) {
    color: #1b365d !important;
    background: #f0f5ff !important;
    box-shadow: none !important;
}
.idp-online .section-content-faq #faqAccordion .accordion-button:not(.collapsed)::after {
    filter: none;
}

/* ── FAQ accordion body — Q&A pairs ── */
.idp-online .section-content-faq .accordion-body {
    padding: 8px 24px 16px;
    background: #fff;
}
.idp-online .section-content-faq .accordion-body p.mb-0 {
    margin-top: 16px !important;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
    font-size: 12.3px;
    color: #1e2545;
}
.idp-online .section-content-faq .accordion-body p.mb-0:first-child {
    border-top: none;
    padding-top: 8px;
}
.idp-online .section-content-faq .accordion-body p.ml-2 {
    font-size: 12.3px;
    color: #6b7280;
    margin-bottom: 0;
    padding-left: 0;
    line-height: 1.65;
}

/* ── FAQ container max-width ── */
.idp-online .section-content-faq .container {
    max-width: 860px;
}

/* ══════════════════════════════════════════════
   BACKEND CMS PAGES (Travel Guidelines, About, etc.)
   Strip Google Docs inline styles + proper design
   ══════════════════════════════════════════════ */

/* Neutralize all inline span styles from Google Docs */
.idp-online .backend-content span[style] {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    color: inherit !important;
    background-color: transparent !important;
    font-size: inherit !important;
    white-space: normal !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    font-style: inherit !important;
    vertical-align: baseline !important;
}
/* Neutralize paragraph/heading inline margins from Google Docs */
.idp-online .backend-content p[style] {
    margin-top: 0 !important;
    margin-bottom: 1.1rem !important;
    line-height: 1.75 !important;
}
.idp-online .backend-content h3[style],
.idp-online .backend-content h2[style] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: inherit !important;
}
.idp-online .backend-content li[style] {
    line-height: 1.65 !important;
}

/* H3 section headers — flat, no decorative left bar */
.idp-online .backend-content h3 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1b365d !important;
    margin-top: 36px !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}
.idp-online .backend-content h3:first-of-type {
    margin-top: 8px !important;
}

/* Bullet lists — custom checkmarks */
.idp-online .backend-content ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 1.25rem;
}
.idp-online .backend-content ul li {
    position: relative;
    padding: 8px 0 8px 28px !important;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13.2px;
    color: #374151;
    line-height: 1.6 !important;
}
.idp-online .backend-content ul li:last-child {
    border-bottom: none;
}
.idp-online .backend-content ul li::before {
    content: "✓";
    position: absolute;
    left: 4px;
    top: 8px;
    color: #1b365d;
    font-weight: 700;
    font-size: 12.3px;
}
.idp-online .backend-content ul li span[style] {
    font-weight: inherit !important;
}

/* Intro paragraph (first p before any h3) — slightly larger */
.idp-online .backend-content > p:first-of-type {
    font-size: 14.1px;
    color: #374151;
    line-height: 1.8;
    padding: 16px 20px;
    background: #f9fafb;
    border-radius: 8px;
    margin-bottom: 24px !important;
}

/* CTA paragraph at bottom */
.idp-online .backend-content > p:last-of-type:not(:first-of-type) {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
    font-size: 13.2px;
    color: #6b7280;
}

/* ══════════════════════════════════════════════
   CONTACT PAGE
   ══════════════════════════════════════════════ */

/* Info bar */
.idp-online .page-contact .ct-info-bar {
    background: #f4f7fb;
    border-bottom: 1px solid #e0e0e0;
    padding: 28px 0;
}
.idp-online .page-contact .ct-info-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(1,33,105,0.07);
    height: 100%;
    border: 1px solid #e8ecf4;
}
.idp-online .page-contact .ct-info-icon {
    width: 48px;
    height: 48px;
    background: #eef4ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 17.6px;
    color: #1b365d;
}
/* Šedé popisky kontaktu: #9ca3af mělo na bílé 2,54:1, pod WCAG AA (4,5:1);
   #6b7280 má 4,8:1. Totéž u podtextů, poznámky pod formulářem a firmy. */
.idp-online .page-contact .ct-info-label {
    font-size: 11px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 700;
    margin-bottom: 3px;
}
.idp-online .page-contact .ct-info-value {
    font-size: 13.2px;
    font-weight: 700;
    color: #1b365d;
    line-height: 1.3;
}
.idp-online .page-contact .ct-info-sub {
    font-size: 12px;
    color: #6b7280;
    margin-top: 2px;
}

/* Main layout */
.idp-online .page-contact .ct-main {
    padding-top: 48px;
    padding-bottom: 60px;
}

/* Form card */
.idp-online .page-contact .ct-form-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 36px 40px;
    box-shadow: 0 4px 24px rgba(1,33,105,0.07);
}
@media (max-width: 767px) {
    .idp-online .page-contact .ct-form-card {
        padding: 24px 20px;
    }
}
.idp-online .page-contact .ct-form-header {
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
}
.idp-online .page-contact .ct-form-title {
    font-size: 19.4px;
    font-weight: 700;
    color: #1b365d;
    margin: 0 0 6px;
}
.idp-online .page-contact .ct-form-sub {
    font-size: 12.3px;
    color: #6b7280;
    margin: 0;
}

/* Form inputs */
.idp-online .page-contact .ct-form-card .form-label {
    font-weight: 600;
    color: #1e2545;
    font-size: 13px;
    margin-bottom: 6px;
}
.idp-online .page-contact .ct-form-card .form-control,
.idp-online .page-contact .ct-form-card .form-select {
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    padding: 11px 14px !important;
    font-size: 12.3px;
    color: #111827;
    background: #fafafa;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.idp-online .page-contact .ct-form-card .form-control:focus,
.idp-online .page-contact .ct-form-card .form-select:focus {
    border-color: #1b365d !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(1,33,105,0.08) !important;
    outline: none;
}

/* Submit button */
.idp-online .page-contact .ct-form-card button[name="submitMessage"] {
    background: #1b365d !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 20px !important;
    font-size: 13.2px !important;
    font-weight: 700 !important;
    width: 100%;
    cursor: pointer;
    letter-spacing: 0.3px;
    transition: background 0.2s;
}
.idp-online .page-contact .ct-form-card button[name="submitMessage"]:hover {
    background: #01318f !important;
}

/* Security note below form */
.idp-online .page-contact .ct-secure-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
    font-size: 12px;
    color: #6b7280;
}
.idp-online .page-contact .ct-secure-icon {
    font-size: 13px;
    color: #22c55e;
}

/* Company card */
.idp-online .page-contact .ct-company-card {
    margin-top: 20px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px 24px;
}
.idp-online .page-contact .ct-company-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #f1f5f9;
}
.idp-online .page-contact .ct-company-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.idp-online .page-contact .ct-company-row:first-child {
    padding-top: 0;
}
.idp-online .page-contact .ct-company-icon {
    font-size: 13.2px;
    color: #1b365d;
    margin-top: 2px;
    width: 16px;
    flex-shrink: 0;
}
.idp-online .page-contact .ct-company-label {
    font-size: 11px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.idp-online .page-contact .ct-company-value {
    font-size: 12.3px;
    color: #1e2545;
    font-weight: 500;
}

/* Right column FAQ */
.idp-online .page-contact .ct-faq-heading {
    font-size: 15.8px;
    font-weight: 700;
    color: #1b365d;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e5e7eb;
}
.idp-online .page-contact .ct-faq-item {
    padding: 14px 14px;
    margin-bottom: 10px;
    background: #f8faff;
    border-radius: 8px;
}
.idp-online .page-contact .ct-faq-q {
    font-weight: 700;
    color: #1e2545;
    font-size: 12.3px;
    margin-bottom: 5px;
}
.idp-online .page-contact .ct-faq-a {
    color: #6b7280;
    font-size: 13px;
    line-height: 1.55;
}
.idp-online .page-contact .ct-faq-link {
    color: #1b365d;
    font-weight: 600;
    text-decoration: underline;
}

/* Trust badges */
.idp-online .page-contact .ct-trust-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 20px 0;
}
.idp-online .page-contact .ct-trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}
.idp-online .page-contact .ct-trust-item i {
    font-size: 14.1px;
    color: #1b365d;
    flex-shrink: 0;
}

/* Disclaimer */
.idp-online .page-contact .ct-disclaimer {
    background: #1b365d;
    color: #fff;
    border-radius: 10px;
    padding: 20px 22px;
}
.idp-online .page-contact .ct-disclaimer-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
    margin-bottom: 8px;
}
.idp-online .page-contact .ct-disclaimer-text {
    font-size: 13px;
    line-height: 1.65;
    color: rgba(255,255,255,0.82);
    margin-bottom: 12px;
}
.idp-online .page-contact .ct-disclaimer-link {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255,255,255,0.65);
    text-decoration: none;
    transition: color 0.15s;
}
.idp-online .page-contact .ct-disclaimer-link:hover {
    color: #fff;
}

/* ── Pro orgány státní správy — stamp logo ── */
.page-cms-24 img[src*="bordelessmobility"] {
    display: block;
    margin: 24px auto;
    width: 160px !important;
    height: auto !important;
    opacity: 0.45;
    transform: rotate(-4deg);
    filter: grayscale(40%) contrast(0.9);
}

/* ── Payment modal: card field professional look ── */
.kurv-field-wrap {
    border: 1px solid #dfe3e8 !important;
    background: #fff !important;
    border-radius: 8px !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.kurv-field-wrap:focus-within {
    border-color: #93a3b8 !important;
    box-shadow: none !important;
}
.kurv-field-input {
    padding: 14px 8px 14px 0 !important;
}
.kurv-field-input iframe {
    border: none !important;
    outline: none !important;
}
.kurv-field-wrap iframe:focus,
.kurv-field-wrap iframe:active {
    outline: none !important;
    border: none !important;
}
.kurv-card-badges .fa-cc-amex {
    font-size: 17.6px !important;
    vertical-align: middle;
}

/* ── Payment modal: wallet buttons same height ── */
.pm-wallet-btn-wrap {
    height: 48px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}
/* Apple Pay: override inline CSS custom properties set by Collect.js */
.pm-apple-pay-btn {
    height: 48px !important;
}
.pm-apple-pay-btn apple-pay-button {
    --apple-pay-button-height: 48px !important;
    --apple-pay-button-border-radius: 8px !important;
    --apple-pay-button-width: 100% !important;
    --apple-pay-button-padding: 0 !important;
    --apple-pay-button-box-sizing: border-box !important;
}
/* Google Pay: match Apple Pay look */
.pm-google-pay-btn {
    height: 48px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
}
iframe.CollectJSGooglePayIFrame {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    width: 100% !important;
    border: none !important;
    border-radius: 8px !important;
    display: block !important;
}

/* ── Payment modal: card input iframe height ── */
iframe.CollectJSInlineIframe {
    height: 22px !important;
    border: none !important;
}

/* ── Payment modal: mobile ── */
@media (max-width: 520px) {
    .pm-card {
        justify-content: center !important;
    }
    .pm-wallet-btn-wrap {
        height: 44px !important;
    }
    .pm-apple-pay-btn {
        height: 44px !important;
    }
    .pm-apple-pay-btn apple-pay-button {
        --apple-pay-button-height: 44px !important;
        --apple-pay-button-border-radius: 8px !important;
    }
    .pm-google-pay-btn {
        height: 44px !important;
    }
    iframe.CollectJSGooglePayIFrame {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }
    .kurv-field-row {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }
}

/* ===================================================================
   Application form (CMS 13 / 23) — header service banner + slim footer
   =================================================================== */
.header-service-banner {
    background: #1b365d;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.header-service-banner__text {
    display: block;
    padding: 9px 0;
    color: #fff;
    font-size: 14.1px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-align: center;
}

.footer-form {
    background: #f3f4f6;
    border-top: 3px solid #1b365d;
    padding: 28px 0 24px;
    text-align: center;
}
/* Desktop: keep the footer content as a tidy centred column instead of
   stretching the logo/links/text across the full page width. */
@media (min-width: 768px) {
    .footer-form > .container {
        max-width: 640px;
    }
}
.footer-form__logo {
    height: 66px;
    width: auto;
    margin-bottom: 16px;
    border-radius: 6px;
    border: 1px solid #d8dce2;
    box-shadow: 0 2px 6px rgba(1, 33, 105, 0.12);
}
.footer-form__legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 22px;
    margin-bottom: 14px;
}
.footer-form__legal a {
    color: #1b365d;
    font-size: 12.3px;
    font-weight: 500;
    text-decoration: none;
}
.footer-form__legal a:hover {
    text-decoration: underline;
}
.footer-form__disclaimer {
    max-width: 680px;
    margin: 0 auto 10px;
    color: #6b7280;
    font-size: 12.5px;
    line-height: 1.55;
}
.footer-form__copy {
    color: #6b7280;
    font-size: 12.5px;
    margin: 0;
}
@media (max-width: 576px) {
    .header-service-banner__text { font-size: 12.3px; padding: 8px 0; }
    .footer-form__legal { gap: 6px 16px; }
    .footer-form__legal a { font-size: 13px; }
    .footer-form__logo { height: 54px; }
}

/* Mobile menu toggle — labelled "Menu" button (replaces bare hamburger) */
.idp-online .menu-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1.5px solid #1b365d;
    border-radius: 8px;
    background: #fff;
    color: #1b365d;
    font-size: 13.2px;
    font-weight: 600;
    line-height: 1;
}
/* Toggle is a mobile-only control (navbar-expand-lg) — the unconditional
   display:inline-flex above beat Bootstrap's default hide, so it leaked onto
   desktop. Hide it again at the lg breakpoint where the full nav is shown. */
@media (min-width: 1200px) {
    .idp-online .menu-toggle { display: none !important; }
}
.idp-online .menu-toggle__icon { font-size: 13.2px; }
.idp-online .menu-toggle:focus,
.idp-online .menu-toggle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(1, 33, 105, 0.20);
}
.idp-online .menu-toggle[aria-expanded="true"] {
    background: #1b365d;
    color: #fff;
}

/* Hero primary CTA — brand navy kept, just refined: solid fill, resting depth,
   subtle lift on hover (replaces the full-width transparent flip). */
.idp-online .hero-form-card .apply-now .blue-btn {
    background: #1b365d !important;
    border: none !important;
    box-shadow: 0 6px 16px rgba(1, 33, 105, 0.26);
    letter-spacing: 0.2px;
    transition: transform 0.12s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}
.idp-online .hero-form-card .apply-now .blue-btn:hover {
    background: #01184d !important;
    color: #fff !important;
    border: none !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(1, 33, 105, 0.34);
}
.idp-online .hero-form-card .apply-now .blue-btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(1, 33, 105, 0.30);
}

/* Header conversion CTA — strong solid navy, depth + arrow nudge on hover */
.idp-online .header-cta.blue-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #1b365d !important;
    border: 2px solid #1b365d !important;
    box-shadow: 0 4px 12px rgba(1, 33, 105, 0.22);
    transition: background-color .15s ease, box-shadow .15s ease, transform .12s ease;
}
.idp-online .header-cta.blue-btn:hover {
    background-color: #01184d !important;
    border-color: #01184d !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(1, 33, 105, 0.32);
}
.idp-online .header-cta__arrow { font-size: 12px; transition: transform .15s ease; }
.idp-online .header-cta:hover .header-cta__arrow { transform: translateX(3px); }
.idp-online .header-cta--sm { font-size: 12.3px; }

/* Benefit tagline next to the logo (desktop) */
.idp-online .header-tagline {
    align-items: center;
    margin-left: 14px;
    padding-left: 14px;
    border-left: 1px solid #d7dbe2;
    color: #5b6472;
    font-size: 11.9px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

/* ============================================================
   ETA design system — harmonised with the application form.
   Navy #1b365d brand, green #00703c primary action, DM Sans,
   clean white cards with a soft border. Appended last so it
   wins on cascade order; !important mirrors existing rules.
   ============================================================ */
.idp-online {
    --eta-navy: #1b365d;
    --eta-navy-deep: #12294a;
    --eta-green: #00703c;
    --eta-green-dark: #005a30;
    --eta-ink: #0b1220;
    --eta-muted: #64748b;
    --eta-border: #e5e7eb;
    --eta-surface: #ffffff;
    --eta-tint: #f4f7fb;
}

/* ── Primary action buttons → solid green pill (matches the form) ── */
.idp-online .blue-btn {
    background-color: var(--eta-green) !important;
    border: 2px solid var(--eta-green) !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(0, 112, 60, 0.26);
    transition: background-color .15s ease, border-color .15s ease, box-shadow .16s ease, transform .12s ease;
}
.idp-online .blue-btn:hover {
    background-color: var(--eta-green-dark) !important;
    border-color: var(--eta-green-dark) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0, 112, 60, 0.32);
}
.idp-online .blue-btn:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(0, 112, 60, 0.30);
}

/* Hero primary CTA — solid green fill, resting depth, lift on hover */
.idp-online .hero-form-card .apply-now .blue-btn {
    background: var(--eta-green) !important;
    border: none !important;
    box-shadow: 0 6px 16px rgba(0, 112, 60, 0.26);
    letter-spacing: 0.2px;
}
.idp-online .hero-form-card .apply-now .blue-btn:hover {
    background: var(--eta-green-dark) !important;
    color: #fff !important;
    border: none !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(0, 112, 60, 0.34);
}
.idp-online .hero-form-card .apply-now .blue-btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(0, 112, 60, 0.30);
}

/* Header conversion CTA — solid green, depth + arrow nudge on hover */
.idp-online .header-cta.blue-btn {
    background-color: var(--eta-green) !important;
    border: 2px solid var(--eta-green) !important;
    box-shadow: 0 4px 12px rgba(0, 112, 60, 0.22);
}
.idp-online .header-cta.blue-btn:hover {
    background-color: var(--eta-green-dark) !important;
    border-color: var(--eta-green-dark) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 112, 60, 0.32);
}

/* ── Brand navy → #1b365d (headings, accents) ── */
.idp-online .new-blue { color: var(--eta-navy) !important; }
.idp-online .hero-h1 { color: var(--eta-navy); }
.idp-online .hero-form-title { color: var(--eta-navy); }
.idp-online .hero-learn-more:hover { color: var(--eta-navy); }
.idp-online .hero-input:focus {
    border-color: var(--eta-green) !important;
    box-shadow: 0 0 0 3px rgba(0, 112, 60, 0.12);
}

/* ── Cards & surfaces → clean white, soft border (form look) ── */
.idp-online .hero-form-card {
    border-radius: 14px;
    border: 1px solid var(--eta-border);
    box-shadow: 0 8px 28px -12px rgba(16, 24, 40, 0.18);
}
.idp-online .card-shadow {
    border: 1px solid var(--eta-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 28px -14px rgba(16, 24, 40, 0.16) !important;
}
/* Neutral light tint replaces the old cold #f4f7fb blue wash */
.idp-online .bg-count2 { background-color: var(--eta-tint) !important; }

/* ============================================================================
   HOMEPAGE new-look — authoritative refresh over the ORIGINAL layout.
   Keeps the original structure, hero (round Union-Jack background) and images.
   Navy #1b365d + official green #00703c, calmer cards, firmer typography.
   Appended last → wins the cascade. Original hero background is NOT touched.
   ========================================================================== */
.idp-online{
  --nl-navy:#1b365d; --nl-navy-deep:#12294a;
  --nl-green:#00703c; --nl-green-dark:#005a30; --nl-green-tint:#e7f1ea;
  --nl-ink:#0b1220; --nl-muted:#586172;
  --nl-border:#dfe4ec; --nl-tint:#f4f6fa;
  --nl-radius:14px; --nl-shadow:0 8px 26px -16px rgba(16,24,40,.20);
  --nl-shadow-sm:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04);
}

/* ---- Firm, institutional headings ---- */
.idp-online .new-blue{color:var(--nl-navy) !important}
.idp-online .text-blue2{color:var(--nl-muted) !important}
.idp-online h2.new-blue,.idp-online .requirements-faq h2,
.idp-online .aaa-bg .py-5 h2,.idp-online .container.py-5 .text-center h2{
  font-size: 27.3px;font-weight:700;color:var(--nl-navy);letter-spacing:-.02em}

/* ---- Hero — polish only; ROUND FLAG BACKGROUND KEPT (bg-hero untouched) ---- */
.idp-online .hero-h1{font-size: 44px;font-weight:700;line-height:1.06;color:var(--nl-navy)}
.idp-online .hero-desc{font-size: 15.8px;color:#3d4759;line-height:1.7}
.idp-online .hero-form-card{border-radius:var(--nl-radius);border:1px solid var(--nl-border);
  box-shadow:0 18px 48px -28px rgba(16,24,40,.42);padding:30px}
.idp-online .hero-form-title{font-size: 15.8px;color:var(--nl-navy);font-weight:700}
.idp-online .hero-form-label{color:#33415c;font-weight:600}
.idp-online .hero-input{height:54px;border-radius:10px !important;border:1.5px solid #cbd2dd !important;
  background:#fbfcfe !important;font-size: 13.6px !important}
.idp-online .hero-input:focus{border-color:var(--nl-green) !important;box-shadow:0 0 0 3px rgba(0,112,60,.10)}
@media(min-width:992px){.idp-online .bg-hero .py-lg-5{padding-top:58px;padding-bottom:60px}}

/* ---- ETA vs Visa → clean official white cards ---- */
.idp-online .uk-eta-visa{margin-top:66px !important}
.idp-online .uk-eta-visa .card.bg-count2{
  background:#fff !important;border:1px solid var(--nl-border) !important;
  border-radius:var(--nl-radius);box-shadow:var(--nl-shadow);padding:34px 30px !important}
.idp-online .uk-eta-visa .col-lg-7 .card.bg-count2{border-top:3px solid var(--nl-green) !important}
.idp-online .uk-eta-visa .card .list-group-item{
  background:transparent !important;padding:11px 0 !important;font-size: 13.6px !important;
  color:#33415c !important;display:flex;align-items:flex-start;gap:11px;line-height:1.5}
.idp-online .uk-eta-visa .card .list-group-item .text-success{
  display:inline-grid;place-items:center;flex-shrink:0;width:21px;height:21px;margin-top:1px;
  background:var(--nl-green-tint);color:var(--nl-green) !important;border-radius:4px;font-size:12px;font-weight:700}
.idp-online .uk-eta-visa .card h3.new-blue{font-size: 18.5px;color:var(--nl-navy)}
.idp-online .uk-eta-visa .card img.card-img-top{width:28% !important;max-height:44% !important;opacity:.9}

/* ---- Feature cards — restrained ---- */
.idp-online .card-shadow{border:1px solid var(--nl-border) !important;border-radius:var(--nl-radius) !important;
  box-shadow:var(--nl-shadow-sm) !important;transition:border-color .16s ease,box-shadow .16s ease}
.idp-online .bg-white.card-shadow:hover{border-color:#c7d0de !important;box-shadow:var(--nl-shadow) !important}
.idp-online .feature-icon-wrap{width:54px;height:54px;border-radius:12px;background:var(--nl-tint)}
.idp-online .feature-icon-wrap--white{background:rgba(255,255,255,.14)}
.idp-online .feature-icon-fa{font-size: 20.2px;color:var(--nl-navy)}
.idp-online .feature-icon-fa--white{color:#fff}
.idp-online .bg-blue{background:var(--nl-navy) !important}
.idp-online .bg-blue.card-shadow{border-color:transparent !important}

/* ---- How it works — official numbered tiles ---- */
.idp-online .process-step .step-icon{width:64px;height:64px;border-radius:14px;background:var(--nl-navy);
  box-shadow:none;border:0}
.idp-online .step-fa-icon{color:#fff}
.idp-online .process-step:hover{transform:none}
.idp-online .step-number{color:var(--nl-green) !important;font-weight:700 !important;
  text-transform:uppercase;letter-spacing:.08em;font-size:12.5px !important}
.idp-online .step-title{font-size: 15.8px !important;color:var(--nl-navy) !important;font-weight:700}
.idp-online .connector,.idp-online .connector2{opacity:.45}

/* ---- Stat cards ---- */
.idp-online .eta-stat-card{border:1px solid var(--nl-border);border-radius:12px;padding:22px 18px;
  box-shadow:var(--nl-shadow-sm)}
.idp-online .eta-stat-icon{display:inline-grid;place-items:center;width:40px;height:40px;margin:0 auto 10px;
  border-radius:10px;background:var(--nl-tint);color:var(--nl-navy);font-size: 15.8px}
.idp-online .eta-stat-num{font-size: 27.3px;color:var(--nl-navy)}

/* ---- Requirements accordion ---- */
.idp-online #faqAccordion .accordion-item{border:1px solid var(--nl-border) !important;border-radius:12px !important;
  overflow:hidden;margin-bottom:12px;box-shadow:var(--nl-shadow-sm)}
.idp-online #faqAccordion .accordion-button{font-size: 14.5px !important;font-weight:600;color:var(--nl-navy);
  padding:20px 24px;background:#fff}
.idp-online #faqAccordion .accordion-button:not(.collapsed){background:var(--nl-tint);color:var(--nl-navy);box-shadow:none}

/* ---- Get-permit CTA band — solid navy authority ---- */
.idp-online .bg-blue-hand{background:var(--nl-navy) !important;background-image:none !important}
.idp-online .bg-blue-hand h2{color:#fff;font-weight:700}

/* ---- Disclaimer / fee box ---- */
.idp-online .disclaimer-fee-box{border-radius:var(--nl-radius);border:1px solid var(--nl-border);
  box-shadow:var(--nl-shadow);padding:26px}
.idp-online .disclaimer-fee-price{color:var(--nl-green)}

/* ============================================================================
   Authoritative site chrome — navy masthead + service bar + dark footer.
   Makes the whole site read as an official agency portal. Global.
   ========================================================================== */
/* ---- Masthead → navy ---- */
.idp-online .sticky-header,
.idp-online .header-main-nav{background:var(--nl-navy) !important}
.idp-online .nav-shadow{box-shadow:0 2px 12px rgba(9,14,26,.20) !important}
.idp-online .navbar-brand img{filter:brightness(0) invert(1)}
.idp-online .header-nav-link{color:#dbe4f1 !important;font-weight:500}
.idp-online .header-nav-link:hover,
.idp-online .header-nav-link.active{color:#fff !important}
.idp-online .header-tagline{color:#aebfd8 !important;border-left-color:rgba(255,255,255,.25) !important}
.idp-online .lang-select-btn{color:#fff !important;border:1px solid rgba(255,255,255,.30) !important;border-radius:6px}
.idp-online .lang-select-btn .lang-iso{color:#fff}
.idp-online .lang-select-btn::after{color:#fff}
.idp-online .menu-toggle{color:#fff !important;border:1px solid rgba(255,255,255,.32) !important}
.idp-online .menu-toggle__label,.idp-online .menu-toggle__icon{color:#fff !important}
/* collapsed mobile nav sits on navy → keep links light */
@media(max-width:1199px){.idp-online #navbarText{background:var(--nl-navy) !important}}

/* ---- Service bar under masthead ---- */
.idp-online .header-service-bar{background:var(--nl-navy-deep);border-top:1px solid rgba(255,255,255,.08)}
.idp-online .header-service-bar .container{display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding-top:9px;padding-bottom:9px}
.idp-online .hsb-service{color:#fff;font-size: 11.9px;font-weight:600;letter-spacing:.01em}
.idp-online .hsb-notice{color:#a7b6ce;font-size:12.5px}
@media(max-width:767px){.idp-online .hsb-notice{display:none}
  .idp-online .header-service-bar .container{justify-content:center}}

/* ---- Footer → dark navy, official ---- */
.idp-online .footer-links{background:var(--nl-navy-deep) !important;border-top:0 !important;box-shadow:none !important}
.idp-online .footer-links h3{color:#fff !important}
.idp-online .footer-links a{color:#aebbce !important}
.idp-online .footer-links a:hover{color:#fff !important}
.idp-online .footer-compliance{background:var(--nl-navy-deep);border-top:1px solid rgba(255,255,255,.12);
  color:#8a99b3;font-size:12.5px;line-height:1.7;padding:18px 0 22px}

/* ============================================================================
   ELEVATE — authoritative/institutional upgrade. Serif display headings,
   larger type scale, more whitespace, official UK "seal" watermark in hero,
   softer premium cards. Appended last → wins.
   ========================================================================== */
:root{--serif:"Source Serif 4",Georgia,"Times New Roman",serif}

/* ---- Serif display headings (gravitas) ---- */
.idp-online .hero-h1,
.idp-online .uk-eta-visa h2,.idp-online .uk-eta-visa h3,
.idp-online .container.py-5 .text-center h2,
.idp-online .requirements-faq h2,.idp-online .requirements-faq h3,
.idp-online .aaa-bg h2,.idp-online .step-title,
.idp-online .bg-blue-hand h2,.idp-online .disclaimer h3,
.idp-online .feature-icon-wrap + h3,.idp-online .card-shadow h3{
  font-family:var(--serif) !important;letter-spacing:0 !important;font-weight:600 !important}

/* ---- Type scale + rhythm ---- */
.idp-online .hero-h1{font-size: 47.5px !important;line-height:1.08 !important;font-weight:600 !important;
  letter-spacing:-.01em !important;color:var(--nl-navy)}
.idp-online .hero-desc{font-size: 16.7px;color:#3a475c;line-height:1.72;max-width:540px}
.idp-online h2.new-blue,.idp-online .requirements-faq h2,
.idp-online .aaa-bg .py-5 h2,.idp-online .container.py-5 .text-center h2{
  font-size: 31.7px !important;line-height:1.15 !important;font-weight:600}
.idp-online .uk-eta-visa .text-center p,.idp-online .container.py-5 .text-center p{font-size: 15.4px}
/* generous section rhythm */
.idp-online .uk-eta-visa{margin-top:80px !important}
.idp-online .container.py-5{padding-top:5.5rem !important;padding-bottom:5.5rem !important}
.idp-online .requirements-faq.py-5{padding-top:5.5rem !important;padding-bottom:5.5rem !important}

/* ---- Hero — large official UK "seal" watermark ---- */
.idp-online .bg-hero{padding-top:8px}
.idp-online .bg-hero::before{
  background-image:url("../img/hero-bg-2.jpg") !important;
  background-size:auto 168% !important;background-position:right -60px center !important;
  background-repeat:no-repeat !important;opacity:1 !important}
.idp-online .hero-form-card{box-shadow:0 24px 60px -30px rgba(16,24,40,.45)}

/* ---- Cards — softer, more premium ---- */
.idp-online .uk-eta-visa .card.bg-count2{border-radius:16px;padding:38px 34px !important;
  box-shadow:0 14px 40px -22px rgba(16,24,40,.22)}
.idp-online .card-shadow{border-radius:16px !important}
.idp-online .card-shadow h3{font-size: 16.7px}
.idp-online .eta-stat-card{border-radius:14px}
.idp-online .disclaimer-fee-box{border-radius:16px}

/* ---- Header — thin authority accent under masthead ---- */
.idp-online .header-service-bar{border-bottom:0}
.idp-online .hsb-service{font-size: 12.3px;letter-spacing:.02em}

/* ---- Steps — a touch more air ---- */
.idp-online .process-step{padding:0 10px}
.idp-online .step-title{font-size: 16.7px !important;margin-top:4px}

/* ---- Header text: slightly bolder + larger; service-bar centred (notice removed) ---- */
.idp-online .header-nav-link{font-weight:600 !important;font-size: 13.6px !important}
.idp-online .lang-select-btn{font-weight:600 !important;font-size: 12.8px !important}
.idp-online .header-service-bar .container{justify-content:center}
.idp-online .hsb-service{font-size: 12.8px;font-weight:600}

/* ---- Mobile menu (collapsed) → navy panel, readable light links ---- */
@media(max-width:1199px){
  .idp-online #navbarText{
    background:var(--nl-navy) !important;padding:6px 12px 14px;margin-top:8px;
    border-top:1px solid rgba(255,255,255,.12);border-radius:0 0 10px 10px}
  .idp-online #navbarText .navbar-nav{width:100%}
  .idp-online #navbarText .nav-item{border-bottom:1px solid rgba(255,255,255,.08);width:100%}
  .idp-online .header-nav-link{color:#fff !important;display:block;padding:12px 2px !important}
  .idp-online .header-nav-link:hover,.idp-online .header-nav-link.active{color:#fff !important}
  /* language dropdown → navy to match (no white glare) */
  .idp-online .lang-select-btn{color:#fff !important}
  .idp-online .lang-dropdown{background:var(--nl-navy-deep) !important;
    border:1px solid rgba(255,255,255,.16) !important;box-shadow:0 10px 24px rgba(0,0,0,.3) !important}
  .idp-online .lang-dropdown .dropdown-item{color:#dbe4f1 !important}
  .idp-online .lang-dropdown .dropdown-item.active,
  .idp-online .lang-dropdown .dropdown-item:hover{background:rgba(255,255,255,.10) !important;color:#fff !important}
}

/* ---- Consistent serif headings SITE-WIDE (exclude the SPA form) ---- */
.idp-online h1,.idp-online h2,.idp-online h3,
.idp-online .cms-page-hero__title{
  font-family:var(--serif) !important;letter-spacing:0 !important}
/* keep the application form (Nuxt SPA) on DM Sans for a clean functional UI */
.idp-online .license-app h1,.idp-online .license-app h2,
.idp-online .license-app h3,.idp-online .license-app h4{
  font-family:"Plus Jakarta Sans",sans-serif !important}

/* ============================================================================
   HERO — refined (keeps round UK seal background + email form card)
   ========================================================================== */
.idp-online .hero-copy{padding-right:12px}
.idp-online .hero-eyebrow{display:inline-block;font-family:"Plus Jakarta Sans",sans-serif;font-size:13px;
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nl-green);margin-bottom:16px}
.idp-online .hero-h1{margin-bottom:18px !important}
.idp-online .hero-desc{margin-bottom:0}
.idp-online .hero-points{display:flex;flex-direction:column;gap:13px;margin-top:26px !important}
.idp-online .hero-points li{display:flex;align-items:center;gap:12px;font-size: 14.1px;font-weight:500;color:#2a3446}
.idp-online .hero-points .ck{width:24px;height:24px;border-radius:50%;background:var(--nl-green-tint);
  display:grid;place-items:center;flex-shrink:0}
.idp-online .hero-points .ck svg{width:13px;height:13px;stroke:var(--nl-green);stroke-width:3}
/* form card polish + secure note */
.idp-online .hero-form-card{padding:32px}
.idp-online .hero-secure-note{display:flex;align-items:center;justify-content:center;gap:7px;
  margin-top:16px;padding-top:15px;border-top:1px solid var(--nl-border);
  font-size:12.5px;font-weight:500;color:var(--nl-muted)}
.idp-online .hero-secure-note svg{width:14px;height:14px;stroke:var(--nl-green);stroke-width:2;flex-shrink:0}
/* seal watermark: keep subtle behind the copy, right-anchored, non-clashing */
.idp-online .bg-hero::before{background-size:auto 150% !important;background-position:right -30px top 50% !important;
  opacity:.85 !important}
@media(max-width:991px){
  .idp-online .hero-points{margin-top:22px !important}
  .idp-online .bg-hero::before{background-size:auto 90% !important;background-position:right -80px top 10% !important;opacity:.5 !important}
}

/* ============================================================================
   ETA vs Visa — ETA card image LARGER, bottom-right, never over title/text.
   Text (list) constrained to the left; image gets the right-bottom zone.
   ========================================================================== */
.idp-online .uk-eta-visa .col-lg-7 .card{position:relative;overflow:hidden}
.idp-online .uk-eta-visa .col-lg-7 .card .list-group{max-width:58%}
.idp-online .uk-eta-visa .col-lg-7 .card img.card-img-top{
  width:44% !important;max-height:72% !important;right:12px !important;bottom:12px !important;
  top:auto !important;left:auto !important;opacity:1 !important;object-position:bottom right}
/* stack on narrow screens: image goes full-width under the text (no overlap) */
@media(max-width:767px){
  .idp-online .uk-eta-visa .col-lg-7 .card .list-group{max-width:100%}
  .idp-online .uk-eta-visa .col-lg-7 .card img.card-img-top{
    position:static !important;width:56% !important;max-height:none !important;
    margin:18px auto 0 !important;display:block}
}

/* ETA card image — even larger (text kept clear on the left) */
.idp-online .uk-eta-visa .col-lg-7 .card .list-group{max-width:52%}
.idp-online .uk-eta-visa .col-lg-7 .card img.card-img-top{
  width:52% !important;max-height:84% !important;right:8px !important;bottom:8px !important}
@media(max-width:767px){
  .idp-online .uk-eta-visa .col-lg-7 .card .list-group{max-width:100%}
  .idp-online .uk-eta-visa .col-lg-7 .card img.card-img-top{
    position:static !important;width:64% !important;max-height:none !important;margin:18px auto 0 !important}
}

/* ETA/Visa card titles — larger */
.idp-online .uk-eta-visa .card h3.new-blue{font-size: 23.8px !important;font-weight:600 !important}

/* ============================================================================
   Feature cards — redesigned: uniform, left-aligned, clean SVG icons.
   ========================================================================== */
.idp-online .ft-section{padding-top:1rem !important}
.idp-online .ft-card{background:#fff;border:1px solid var(--nl-border);border-radius:16px;
  padding:30px 26px;box-shadow:0 6px 22px -14px rgba(16,24,40,.16);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.idp-online .ft-card:hover{border-color:#c7d0de;box-shadow:0 16px 36px -18px rgba(16,24,40,.26);transform:translateY(-3px)}
.idp-online .ft-ic{width:56px;height:56px;border-radius:15px;background:var(--nl-tint);
  display:grid;place-items:center;margin-bottom:20px}
.idp-online .ft-ic svg{width:26px;height:26px;stroke:var(--nl-navy);fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.idp-online .ft-title{font-family:var(--serif);font-size: 17.6px;font-weight:600;color:var(--nl-navy);
  margin:0 0 10px;letter-spacing:0}
.idp-online .ft-desc{font-size: 12.8px;line-height:1.6;color:var(--nl-muted);margin:0}
/* dark focal card */
.idp-online .ft-card--dark{background:var(--nl-navy);border-color:transparent;display:flex;flex-direction:column}
.idp-online .ft-card--dark .ft-title{color:#fff}
.idp-online .ft-card--dark .ft-desc{color:#c3d0e4}
.idp-online .ft-ic--white{background:rgba(255,255,255,.12)}
.idp-online .ft-ic--white svg{stroke:#fff}
.idp-online .ft-cta{display:inline-flex;align-items:center;gap:8px;margin-top:auto;align-self:flex-start;
  background:#fff;color:var(--nl-navy);font-weight:600;font-size: 13.2px;padding:11px 22px;
  border-radius:999px;text-decoration:none;transition:background .14s ease}
.idp-online .ft-cta svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.4}
.idp-online .ft-cta:hover{background:#eaf0f8}
.idp-online .ft-card--dark .ft-desc{margin-bottom:20px}

/* ============================================================================
   "What is the UK ETA?" — framed image + eyebrow + serif title + green ticks
   ========================================================================== */
.idp-online .wie-section{padding:74px 0;background:var(--nl-tint)}
.idp-online .wie-img{border-radius:18px;overflow:hidden;border:1px solid var(--nl-border);
  box-shadow:0 22px 55px -26px rgba(16,24,40,.42)}
.idp-online .wie-img img{width:100%;height:100%;object-fit:cover;display:block}
.idp-online .wie-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nl-green);margin-bottom:14px}
.idp-online .wie-title{font-family:var(--serif) !important;font-size: 31.7px;font-weight:600;
  color:var(--nl-navy);margin-bottom:18px;line-height:1.14;letter-spacing:0}
.idp-online .wie-lead{font-size: 14.5px;line-height:1.72;color:#3a475c;margin-bottom:20px}
.idp-online .wie-list{list-style:none;padding:0;margin:0 0 20px;
  display:grid;grid-template-columns:1fr 1fr;gap:13px}
.idp-online .wie-list li{display:flex;align-items:center;gap:11px;font-size: 14.1px;font-weight:500;color:#2a3446}
.idp-online .wie-list .ck{width:24px;height:24px;border-radius:50%;background:var(--nl-green-tint);
  display:grid;place-items:center;flex-shrink:0}
.idp-online .wie-list .ck svg{width:13px;height:13px;stroke:var(--nl-green);stroke-width:3;fill:none}
@media(max-width:991px){
  .idp-online .wie-section{padding:54px 0}
  .idp-online .wie-list{grid-template-columns:1fr}
  .idp-online .wie-title{font-size: 25.5px}
}

/* ============================================================================
   How It Works — numbered process cards with connector line
   ========================================================================== */
.idp-online .hiw-section{padding:78px 0}
.idp-online .hiw-head{text-align:center;max-width:620px;margin:0 auto 48px}
.idp-online .hiw-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nl-green);margin-bottom:12px}
.idp-online .hiw-title{font-family:var(--serif) !important;font-size: 31.7px;font-weight:600;
  color:var(--nl-navy);line-height:1.15;letter-spacing:0;margin:0}
.idp-online .hiw-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.idp-online .hiw-grid::before{content:"";position:absolute;top:62px;left:17%;right:17%;height:2px;
  background:repeating-linear-gradient(90deg,var(--nl-border) 0 7px,transparent 7px 15px);z-index:0}
.idp-online .hiw-step-card{position:relative;z-index:1;background:#fff;border:1px solid var(--nl-border);
  border-radius:16px;padding:30px 28px 28px;box-shadow:0 6px 22px -14px rgba(16,24,40,.16)}
.idp-online .hiw-ic{width:64px;height:64px;border-radius:16px;background:var(--nl-navy);
  display:grid;place-items:center;margin-bottom:22px;box-shadow:0 14px 28px -12px rgba(27,54,93,.55)}
.idp-online .hiw-ic svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.idp-online .hiw-bignum{position:absolute;top:22px;right:26px;font-family:var(--serif);
  font-size: 51px;font-weight:600;color:#eef1f6;line-height:1;pointer-events:none}
.idp-online .hiw-steplabel{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--nl-green);margin-bottom:8px}
.idp-online .hiw-step-card h3{font-family:var(--serif) !important;font-size: 18.5px;font-weight:600;
  color:var(--nl-navy);margin-bottom:10px;letter-spacing:0}
.idp-online .hiw-step-card p{font-size: 13.2px;line-height:1.62;color:var(--nl-muted);margin:0}
@media(max-width:991px){
  .idp-online .hiw-section{padding:54px 0}
  .idp-online .hiw-grid{grid-template-columns:1fr;gap:18px}
  .idp-online .hiw-grid::before{display:none}
  .idp-online .hiw-title{font-size: 25.5px}
}

/* ============================================================================
   Stats section — intro + premium stat cards (big serif numbers, SVG icons)
   ========================================================================== */
.idp-online .stats-section{padding:76px 0}
.idp-online .stats-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nl-green);margin-bottom:16px}
.idp-online .stats-lead{font-size: 15px;line-height:1.75;color:#3a475c;margin-bottom:18px}
.idp-online .stats-lead b{color:var(--nl-navy);font-weight:600}
.idp-online .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.idp-online .stat-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--nl-border);
  border-radius:16px;padding:28px 26px;box-shadow:0 6px 22px -14px rgba(16,24,40,.16);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.idp-online .stat-card:hover{border-color:#c7d0de;box-shadow:0 16px 36px -18px rgba(16,24,40,.26);transform:translateY(-3px)}
.idp-online .stat-card .stat-ic{width:48px;height:48px;border-radius:13px;background:var(--nl-green-tint);
  display:grid;place-items:center;margin-bottom:18px}
.idp-online .stat-card .stat-ic svg{width:24px;height:24px;stroke:var(--nl-green);fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
.idp-online .stat-card .stat-num{font-family:var(--serif);font-size: 40.5px;font-weight:600;color:var(--nl-navy);
  line-height:1;letter-spacing:-.01em}
.idp-online .stat-card .stat-label{font-size:13px;color:var(--nl-muted);margin-top:8px;
  text-transform:uppercase;letter-spacing:.05em;font-weight:600}
@media(max-width:575px){
  .idp-online .stats-section{padding:52px 0}
  .idp-online .stats-grid{gap:14px}
  .idp-online .stat-card{padding:22px 20px}
  .idp-online .stat-card .stat-num{font-size: 33.4px}
}

/* ---- Feature card: icon + title inline → divider → description ---- */
.idp-online .ft-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:16px;
  border-bottom:1px solid var(--nl-border)}
.idp-online .ft-head .ft-ic{width:48px;height:48px;margin-bottom:0;flex-shrink:0}
.idp-online .ft-head .ft-ic svg{width:24px;height:24px}
.idp-online .ft-head .ft-title{margin:0 !important;font-size: 15.8px;line-height:1.25}
.idp-online .ft-card--dark .ft-head{border-bottom-color:rgba(255,255,255,.18)}

/* ---- Feature cards: centered composition ---- */
.idp-online .ft-card{text-align:center}
.idp-online .ft-head{justify-content:center}
.idp-online .ft-desc{text-align:center}
.idp-online .ft-card--dark{align-items:center;text-align:center}
.idp-online .ft-cta{align-self:center}

/* ============================================================================
   Requirements section — centered header, clean accordion, tips, photo frames
   ========================================================================== */
.idp-online .requirements-faq{padding:78px 15px !important}
.idp-online .req-head{text-align:center;max-width:660px;margin:0 auto 44px}
.idp-online .req-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nl-green);margin-bottom:12px}
.idp-online .req-title{font-family:var(--serif) !important;font-size: 31.7px;font-weight:600;
  color:var(--nl-navy);line-height:1.15;margin-bottom:12px;letter-spacing:0}
.idp-online .req-sub{font-size: 14.5px;color:var(--nl-muted);margin:0}
.idp-online #faqAccordion{max-width:920px;margin:0 auto}
.idp-online #faqAccordion .accordion-body{padding:6px 26px 26px !important;line-height:1.6}
.idp-online #faqAccordion .accordion-body h3,
.idp-online #faqAccordion .accordion-body h4{font-family:var(--serif) !important;color:var(--nl-navy);letter-spacing:0}
/* tip boxes */
.idp-online .bg-license{background:var(--nl-tint) !important;border:1px solid var(--nl-border);
border-radius:10px}
.idp-online .bg-license .text-blue{color:var(--nl-navy) !important}
/* photo example frames */
.idp-online .border-success{border:1px solid #bce3cd !important;border-radius:12px !important}
.idp-online .border-danger{border:1px solid #f0c9c5 !important;border-radius:12px !important}
@media(max-width:767px){.idp-online .req-title{font-size: 24.6px}}

/* ============================================================================
   Who Needs a UK ETA — centered header + clean country chips
   ========================================================================== */
.idp-online .who-need-eta{padding:78px 15px !important;max-width:1160px}
.idp-online .wne-head{text-align:center;max-width:680px;margin:0 auto 40px}
.idp-online .wne-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nl-green);margin-bottom:12px}
.idp-online .wne-title{font-family:var(--serif) !important;font-size: 31.7px;font-weight:600;
  color:var(--nl-navy);line-height:1.15;margin-bottom:12px;letter-spacing:0}
.idp-online .wne-sub{font-size: 14.5px;color:var(--nl-muted);margin:0}
/* country chips — subtle, hover reveals */
.idp-online .who-need-eta .flag-country{display:flex;align-items:center;gap:11px;padding:9px 12px;
  border:1px solid transparent !important;border-radius:9px !important;margin-bottom:3px;
  font-size: 12.8px;font-weight:500;color:#2a3446 !important;line-height:1.3;
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}
.idp-online .who-need-eta .flag-country:hover{background:#fff;border-color:var(--nl-border) !important;
  box-shadow:0 4px 14px -8px rgba(16,24,40,.2)}
.idp-online .who-need-eta .flag-country img{width:26px;height:18px;border-radius:3px;object-fit:cover;
  box-shadow:0 0 0 1px rgba(0,0,0,.07);flex-shrink:0}
.idp-online .who-need-eta .flag-country a{display:flex;align-items:center;gap:11px;color:inherit !important;
  text-decoration:none;font-weight:600}
.idp-online .who-need-eta .flag-country a:hover{color:var(--nl-navy) !important}
/* closing note centered */
.idp-online .who-need-eta > p{text-align:center;max-width:760px;margin:32px auto 0 !important;
  color:var(--nl-muted) !important;font-size: 13.2px}
@media(max-width:767px){.idp-online .wne-title{font-size: 24.6px}}

/* ============================================================================
   Get-permit CTA band — navy, passport image, serif title, prominent CTA
   ========================================================================== */
.idp-online .permit-band{position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--nl-navy) 0%,var(--nl-navy-deep) 100%);color:#fff}
.idp-online .permit-band::before{content:"";position:absolute;right:-90px;top:-90px;width:340px;height:340px;
  border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);pointer-events:none}
.idp-online .permit-inner{position:relative;z-index:1;display:flex;align-items:center;gap:54px;padding:66px 0}
.idp-online .permit-media{flex-shrink:0}
.idp-online .permit-media img{width:190px;height:auto;filter:drop-shadow(0 22px 44px rgba(0,0,0,.42))}
.idp-online .permit-copy{flex:1}
.idp-online .permit-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#6fd39b;margin-bottom:14px}
.idp-online .permit-title{font-family:var(--serif) !important;font-size: 33.4px;font-weight:600;color:#fff;
  line-height:1.12;letter-spacing:0;margin:0 0 12px;max-width:620px}
.idp-online .permit-sub{font-size: 15px;color:#c3d0e4;margin:0 0 28px;max-width:520px}
.idp-online .permit-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--nl-navy);
  font-weight:700;font-size: 15px;padding:15px 30px;border-radius:999px;text-decoration:none;
  box-shadow:0 14px 30px -12px rgba(0,0,0,.45);transition:transform .12s ease,box-shadow .16s ease}
.idp-online .permit-btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(0,0,0,.5);color:var(--nl-navy)}
.idp-online .permit-btn svg{width:18px;height:18px}
@media(max-width:767px){
  .idp-online .permit-inner{flex-direction:column;text-align:center;gap:26px;padding:50px 0}
  .idp-online .permit-media img{width:150px}
  .idp-online .permit-title{font-size: 25.5px}
  .idp-online .permit-sub{margin-left:auto;margin-right:auto}
}

/* permit CTA image → framed illustration card */
.idp-online .permit-media img{width:230px;border-radius:16px;
  box-shadow:0 24px 50px -18px rgba(0,0,0,.5);filter:none}
@media(max-width:767px){.idp-online .permit-media img{width:200px}}

/* ============================================================================
   Footer — authoritative redesign: centered white logo on top, dark navy
   ========================================================================== */
.idp-online .footer-links.site-footer-redesign{background:var(--nl-navy-deep) !important;
  padding:56px 0 42px !important;border-top:0 !important;box-shadow:none !important}
.idp-online .footer-brandtop{text-align:center}
.idp-online .footer-logo{display:inline-block;line-height:0}
.idp-online .footer-logo img{height:40px;width:auto;filter:brightness(0) invert(1);opacity:.96}
.idp-online .footer-brandtag{color:#8a99b3;font-size: 11.9px;margin:14px 0 0;letter-spacing:.01em}
.idp-online .footer-divider{max-width:1080px;height:1px;margin:28px auto 36px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16) 20%,rgba(255,255,255,.16) 80%,transparent)}
.idp-online .footer-cols{max-width:1000px;margin:0 auto}
.idp-online .footer-h{color:#fff !important;font-family:"Plus Jakarta Sans",sans-serif !important;font-size:13px !important;
  text-transform:uppercase;letter-spacing:.09em;font-weight:600 !important;margin-bottom:16px}
.idp-online .footer-a{display:block;color:#aebbce !important;font-size: 12.3px;text-decoration:none;
  padding:5px 0;transition:color .14s ease}
.idp-online .footer-a:hover{color:#fff !important}
/* compliance bar spacing */
.idp-online .footer-compliance{text-align:center;padding:20px 0 24px}

/* ============================================================================
   Important Disclaimer + fee card
   ========================================================================== */
.idp-online .disc-section{padding:76px 0;background:var(--nl-tint)}
.idp-online .disc-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nl-green);margin-bottom:12px}
.idp-online .disc-title{font-family:var(--serif) !important;font-size: 28.2px;font-weight:600;
  color:var(--nl-navy);line-height:1.15;letter-spacing:0;margin:0 0 20px}
.idp-online .disc-copy p{font-size: 13.6px;line-height:1.75;color:#3a475c;margin-bottom:18px}
/* fee card */
.idp-online .disc-fee-card{background:#fff;border:1px solid var(--nl-border);border-radius:16px;
  box-shadow:0 14px 40px -22px rgba(16,24,40,.28);overflow:hidden}
.idp-online .disc-fee-head{display:flex;align-items:center;gap:10px;background:var(--nl-navy);color:#fff;
  font-family:"Plus Jakarta Sans",sans-serif;font-size: 12.3px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  padding:18px 24px}
.idp-online .disc-fee-head svg{width:20px;height:20px;stroke:#fff}
.idp-online .disc-fee-row{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;
  border-bottom:1px solid var(--nl-border);font-size: 14.1px;color:#33415c}
.idp-online .disc-fee-row b{font-family:var(--serif);color:var(--nl-navy);font-size: 19.4px;font-weight:600}
.idp-online .disc-fee-note{padding:16px 24px 22px;margin:0;font-size:12.5px;color:var(--nl-muted);line-height:1.6}
@media(max-width:767px){.idp-online .disc-title{font-size: 23.8px}.idp-online .disc-section{padding:52px 0}}

/* ── Important Disclaimer — smaller, quieter, less graphical (scoped only here) ── */
.idp-online .disc-section{padding:56px 0}
.idp-online .disc-eyebrow{font-size:11px !important;font-weight:600 !important;letter-spacing:.1em;margin-bottom:10px}
.idp-online .disc-title{font-size: 19.4px !important;font-weight:500 !important;margin-bottom:14px}
.idp-online .disc-copy p{font-size: 12.3px !important;line-height:1.7;color:#4a5568}
.idp-online .disc-fee-card{box-shadow:none !important;border-radius:12px}
.idp-online .disc-fee-head{background:transparent !important;color:var(--nl-navy) !important;
  border-bottom:1px solid var(--nl-border);padding:16px 22px 12px;font-size:12.5px}
.idp-online .disc-fee-head svg{stroke:var(--nl-navy) !important;width:17px;height:17px}
.idp-online .disc-fee-row{font-size: 12.3px !important;padding:13px 22px}
.idp-online .disc-fee-row b{font-size: 15px !important;font-weight:500}
.idp-online .disc-fee-note{font-size:12px;padding:14px 22px 18px}

/* ── Header CTA → white button on navy (green stays for content actions) ── */
.idp-online .header-cta.blue-btn{
  background-color:#fff !important;border:2px solid #fff !important;color:var(--nl-navy) !important;
  box-shadow:0 2px 8px rgba(0,0,0,.18) !important}
.idp-online .header-cta.blue-btn:hover{
  background-color:#e9edf3 !important;border-color:#e9edf3 !important;color:var(--nl-navy) !important;
  transform:translateY(-1px)}
.idp-online .header-cta.blue-btn,.idp-online .header-cta.blue-btn *{color:var(--nl-navy) !important}
.idp-online .header-cta__arrow{color:var(--nl-navy) !important}

/* ============================================================================
   Application verification / status page (eta-sc12- widget + steps) — new look
   ========================================================================== */
.idp-online .eta-sc12-container{border-radius:16px !important;padding:40px 40px 36px !important;
  box-shadow:0 10px 30px -18px rgba(16,24,40,.22) !important;border-color:var(--nl-border) !important}
.idp-online .eta-sc12-eyebrow{display:block;text-align:center;font-size:12px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--nl-green);margin-bottom:12px}
.idp-online .eta-sc12-title{font-family:var(--serif) !important;font-weight:500 !important;
  font-size: 24.6px !important;letter-spacing:0 !important}
.idp-online .eta-sc12-email-input{padding:15px 16px !important;border-radius:10px !important;font-size: 13.6px !important}
.idp-online .eta-sc12-email-input:focus{border-color:var(--nl-green) !important;
  box-shadow:0 0 0 3px rgba(0,112,60,.12) !important}
.idp-online .eta-sc12-check-button{background:var(--nl-green) !important;border-radius:10px !important;
  padding:15px 30px !important;font-size: 13.6px !important}
.idp-online .eta-sc12-check-button:hover:not(:disabled){background:var(--nl-green-dark) !important}
/* 3-step row */
.idp-online .avs-step{padding:10px 8px}
.idp-online .avs-ic{width:58px;height:58px;border-radius:15px;background:var(--nl-tint);
  display:grid;place-items:center;margin:0 auto 16px}
.idp-online .avs-ic svg{width:26px;height:26px;stroke:var(--nl-navy);fill:none;stroke-width:1.6}
.idp-online .avs-step h5{font-family:var(--serif) !important;font-weight:500 !important;color:var(--nl-navy);
  font-size: 15px;margin-bottom:8px;letter-spacing:0}
.idp-online .avs-step p{font-size: 12.3px;color:var(--nl-muted);margin:0}

/* ============================================================================
   CMS SUBPAGES — polish (cms-page-hero already navy+serif via site-wide)
   ========================================================================== */
.idp-online .backend-content{max-width:820px;padding-top:52px;padding-bottom:66px}
.idp-online .backend-content h2{font-size:1.55rem;border-bottom:1px solid var(--nl-border);padding-bottom:10px;margin-top:2.4rem}
.idp-online .backend-content h3{font-size:1.2rem}
.idp-online .backend-content p{color:#374151;line-height:1.8;font-size: 14.1px}
.idp-online .backend-content a{color:#1d4e89;text-decoration:underline;text-underline-offset:2px}
.idp-online .backend-content a:hover{color:var(--nl-navy)}
.idp-online .backend-content ul li,.idp-online .backend-content ol li{margin-bottom:8px;line-height:1.7}

/* ============================================================================
   BLOG — card list, sidebar, single post (ets_blog) — match new design
   ========================================================================== */
.idp-online .ets-blog-wrapper-blog-list .page-heading,
.idp-online .ets-blog-wrapper-detail .page-heading{
  font-family:var(--serif) !important;font-weight:500 !important;color:var(--nl-navy) !important;
  font-size: 28.2px !important;letter-spacing:0 !important;margin-bottom:26px;padding:0;border:0}
/* list → cards grid */
.idp-online .ets-blog-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:26px}
.idp-online .ets-blog-list > li{margin:0;list-style:none}
.idp-online .ets-blog-list .post-wrapper{background:#fff;border:1px solid var(--nl-border);border-radius:14px;
  overflow:hidden;box-shadow:0 6px 22px -14px rgba(16,24,40,.14);height:100%;display:flex;flex-direction:column;
  transition:box-shadow .16s ease,transform .16s ease}
.idp-online .ets-blog-list .post-wrapper:hover{box-shadow:0 16px 36px -18px rgba(16,24,40,.24);transform:translateY(-3px)}
.idp-online .ets-blog-list .ets_item_img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--nl-tint)}
.idp-online .ets-blog-list .ets_item_img img{width:100%;height:100%;object-fit:cover;display:block}
.idp-online .ets-blog-list .ets-blog-wrapper-content{padding:0;display:flex;flex-direction:column;flex:1}
.idp-online .ets-blog-list .ets-blog-wrapper-content-main{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.idp-online .ets-blog-list .ets_title_block{font-family:var(--serif);font-size: 16.7px;line-height:1.3;font-weight:500;
  color:var(--nl-navy);display:block;margin-bottom:10px;text-decoration:none}
.idp-online .ets-blog-list .ets_title_block:hover{color:var(--nl-navy-deep)}
.idp-online .ets-blog-list .ets-blog-categories,
.idp-online .ets-blog-list .ets-blog-sidear-post-meta{font-size:12.5px;color:var(--nl-muted);margin-bottom:8px}
.idp-online .ets-blog-list .ets-blog-categories a{color:var(--nl-green);text-decoration:none;font-weight:600}
.idp-online .ets-blog-list .blog_description{font-size: 12.8px;color:var(--nl-muted);line-height:1.62;margin-bottom:14px}
.idp-online .ets-blog-list .read_more{margin-top:auto;align-self:flex-start;color:var(--nl-green);font-weight:600;
  font-size: 12.8px;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.idp-online .ets-blog-list .read_more:hover{color:var(--nl-green-dark);text-decoration:underline}
/* pagination */
.idp-online .blog-paggination{margin-top:34px}
.idp-online .blog-paggination a,.idp-online .blog-paggination span{display:inline-flex;align-items:center;
  justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--nl-border);
  border-radius:8px;color:var(--nl-navy);text-decoration:none;margin:0 3px;font-size: 12.3px;font-weight:600}
.idp-online .blog-paggination .active span,.idp-online .blog-paggination a:hover{background:var(--nl-navy);color:#fff;border-color:var(--nl-navy)}
/* sidebar */
.idp-online .ets_blog_sidebar > div,.idp-online .ets_blog_sidebar .block{background:#fff;border:1px solid var(--nl-border);
  border-radius:12px;padding:20px;margin-bottom:20px}
.idp-online .ets_blog_sidebar h3,.idp-online .ets_blog_sidebar .title_block,.idp-online .ets_blog_sidebar h4{
  font-family:var(--serif) !important;font-weight:500 !important;color:var(--nl-navy) !important;font-size: 15px !important;
  margin-bottom:14px;padding:0;border:0}
.idp-online .ets_blog_sidebar a{color:#33415c;text-decoration:none;font-size: 12.3px}
.idp-online .ets_blog_sidebar a:hover{color:var(--nl-navy)}
.idp-online .ets_blog_sidebar input[type=text],.idp-online .ets_blog_sidebar input[type=search]{
  width:100%;height:44px;border:1.5px solid #cbd2dd;border-radius:8px;padding:0 14px;font-size: 12.3px}
/* single post */
.idp-online .ets-blog-wrapper-detail{max-width:820px;margin:0 auto}
.idp-online .ets_image-single img{border-radius:14px;width:100%;height:auto;margin-bottom:8px}
.idp-online .ets-blog-wrapper-detail .post-details .blog_description,
.idp-online .ets-blog-wrapper-detail .blog_description{font-size: 14.5px;line-height:1.85;color:#374151}
.idp-online .ets-blog-wrapper-detail .blog_description h2,
.idp-online .ets-blog-wrapper-detail .blog_description h3{font-family:var(--serif) !important;font-weight:500;color:var(--nl-navy)}
.idp-online .ets-blog-wrapper-detail .post-date,.idp-online .ets-blog-wrapper-detail .author-block,
.idp-online .ets-blog-wrapper-detail .be-label{font-size: 11.9px;color:var(--nl-muted)}
.idp-online .ets-blog-related-posts .title_blog{font-family:var(--serif) !important;font-weight:500 !important;color:var(--nl-navy) !important;font-size: 19.4px}
@media(max-width:767px){.idp-online .ets-blog-list{grid-template-columns:1fr}}

/* ============================================================================
   FAQ page (accordion Q&A) + Contact page (form) — new look
   ========================================================================== */
/* FAQ answers */
.idp-online #faqAccordion .accordion-body p.mb-0{margin-top:16px}
.idp-online #faqAccordion .accordion-body p.mb-0:first-child{margin-top:0}
.idp-online #faqAccordion .accordion-body p strong{color:var(--nl-navy);font-family:"Plus Jakarta Sans",sans-serif;font-weight:600}
.idp-online #faqAccordion .accordion-body .ml-2{margin:6px 0 0 !important;padding:0;color:#374151;line-height:1.72;font-size: 13.2px}

/* Contact form card */
.idp-online .contact-content .bg-count2{background:#fff !important;border:1px solid var(--nl-border) !important;
  border-radius:16px !important;box-shadow:0 8px 26px -16px rgba(16,24,40,.18)}
.idp-online .contact-content .form-control{min-height:48px;border:1.5px solid #cbd2dd !important;
  border-radius:10px !important;padding:12px 14px !important;font-size: 13.2px !important;background:#fbfcfe}
.idp-online .contact-content textarea.form-control{min-height:150px}
.idp-online .contact-content .form-control:focus{border-color:var(--nl-green) !important;
  box-shadow:0 0 0 3px rgba(0,112,60,.10) !important;background:#fff}
.idp-online .contact-content .form-label,.idp-online .contact-content .text-blue2{font-weight:600 !important;
  color:#33415c !important;font-size: 12.3px}
.idp-online .contact-content .bg-dark-blue{background:var(--nl-green) !important;color:#fff !important;
  border:0 !important;border-radius:8px !important;padding:13px 32px !important;font-weight:600;box-shadow:0 2px 0 var(--nl-green-edge,#00351d)}
.idp-online .contact-content .bg-dark-blue:hover{background:var(--nl-green-dark) !important}
/* contact info column */
.idp-online .contact-content h3{font-family:var(--serif) !important;color:var(--nl-navy) !important;
  font-weight:500 !important;letter-spacing:.02em;font-size: 15.8px}
.idp-online .contact-content .fa{color:var(--nl-navy)}
.idp-online .contact-content .col-11 p{margin-bottom:4px;color:#374151;font-size: 13.2px}
.idp-online .contact-content .col-11 a{color:var(--nl-navy);font-weight:600}

/* ============================================================================
   BLOG — activate module redesign (#ets_blog_page wrapper added in blog.tpl)
   + brand tune: navy #1b365d titles (serif), green accents (not red).
   ========================================================================== */
#ets_blog_page .ets_title_block,
#ets_blog_page .page-heading,
#ets_blog_page .title_block,
#ets_blog_page .ets-blog-wrapper-detail h1,
#ets_blog_page .ets-blog-related-posts .title_blog{
  font-family:var(--serif) !important;color:#1b365d !important;font-weight:500 !important}
#ets_blog_page .ets_title_block:hover{color:#00703c !important}
#ets_blog_page .ets-blog-categories a{color:#00703c !important;font-weight:600 !important}
#ets_blog_page .ets-blog-categories a:hover{color:#005a30 !important}
#ets_blog_page .read_more{color:#00703c !important;font-weight:600 !important}
#ets_blog_page .read_more:hover{color:#005a30 !important}
#ets_blog_page .ets-blog-list .post-wrapper{border-color:#e4e8ef !important}
#ets_blog_page .blog-paggination .active span,
#ets_blog_page .blog-paggination a:hover{background:#1b365d !important;border-color:#1b365d !important;color:#fff !important}

/* Blog — remove "Latest posts" sidebar widget */
#ets_blog_page .ets_block_latest,
.idp-online .ets_blog_sidebar .ets_block_latest{display:none !important}

/* ============================================================================
   CMS PAGES — premium content typography (global) + bottom CTA band
   ========================================================================== */
/* Jen svisle — vodorovné odsazení drží `.container` (viz ř. s 48px výš). */
.idp-online .backend-content{max-width:800px;padding-top:56px;padding-bottom:60px;font-size: 14.5px}
.idp-online .backend-content > *:first-child{margin-top:0 !important}
.idp-online .backend-content h2{font-size:1.7rem !important;margin:2.6rem 0 1rem !important;border:0 !important;padding:0 !important}
.idp-online .backend-content h3{font-size:1.25rem;margin-top:2rem}
.idp-online .backend-content p{color:#374151;line-height:1.85;margin-bottom:1.1rem;font-size: 14.5px}
.idp-online .backend-content strong{color:var(--nl-navy)}
.idp-online .backend-content a{color:#1d4e89;text-decoration:underline;text-underline-offset:2px}
.idp-online .backend-content a:hover{color:var(--nl-navy)}
/* lists → green check bullets */
.idp-online .backend-content ul{list-style:none;margin:0 0 1.3rem;padding-left:0}
.idp-online .backend-content ul li{position:relative;padding-left:30px;margin-bottom:11px;line-height:1.7;color:#374151}
.idp-online .backend-content ul li::before{content:"";position:absolute;left:0;top:5px;width:17px;height:17px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300703c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.idp-online .backend-content ol{padding-left:20px;margin:0 0 1.3rem}
.idp-online .backend-content ol li{margin-bottom:10px;line-height:1.7;color:#374151;padding-left:6px}
/* images → framed */
.idp-online .backend-content img{max-width:100%;height:auto;border-radius:12px;margin:1.6rem auto;display:block;
  box-shadow:0 12px 34px -20px rgba(16,24,40,.32)}
/* tables */
.idp-online .backend-content table{width:100%;border-collapse:collapse;margin:1.6rem 0;
  border:1px solid var(--nl-border);border-radius:10px;overflow:hidden}
.idp-online .backend-content th{background:var(--nl-navy);color:#fff;padding:12px 16px;text-align:left;font-size: 12.3px;font-weight:600}
.idp-online .backend-content td{padding:12px 16px;border-top:1px solid var(--nl-border);font-size: 13.2px;color:#374151}
/* blockquote / callout */
.idp-online .backend-content blockquote{background:var(--nl-tint);border-radius:12px;padding:20px 24px;margin:1.6rem 0;
  color:#33415c;font-size: 14.1px}

/* ── CMS bottom CTA band ── */
.idp-online .cms-cta{background:var(--nl-navy)}
.idp-online .cms-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px 0}
.idp-online .cms-cta__copy h2{font-family:var(--serif) !important;color:#fff !important;font-size: 23.8px !important;
  margin:0 0 6px !important;font-weight:500 !important;border:0 !important;padding:0 !important;letter-spacing:0}
.idp-online .cms-cta__copy p{color:#c3d0e4;margin:0;font-size: 14.1px}
.idp-online .cms-cta__btn{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--nl-navy);
  font-weight:700;font-size: 14.1px;padding:14px 28px;border-radius:999px;text-decoration:none;flex-shrink:0}
.idp-online .cms-cta__btn:hover{background:#eaf0f8;color:var(--nl-navy);transform:translateY(-1px)}
.idp-online .cms-cta__btn svg{width:18px;height:18px}
@media(max-width:767px){.idp-online .cms-cta__inner{flex-direction:column;text-align:center;padding:38px 0}}

/* ============================================================================
   CMS hero → clean, compact, official navy (no tourist photo)
   ========================================================================== */
.idp-online .cms-page-hero{background:linear-gradient(135deg,#1b365d 0%,#12294a 100%) !important;
  background-image:linear-gradient(135deg,#1b365d 0%,#12294a 100%) !important;
  min-height:0 !important;position:relative;overflow:hidden}
.idp-online .cms-page-hero__overlay{display:none !important}
.idp-online .cms-page-hero::after{content:"";position:absolute;right:-30px;top:50%;transform:translateY(-50%);
  width:260px;height:260px;background:url("../img/hero-bg-2.jpg") center/contain no-repeat;opacity:.07;pointer-events:none}
.idp-online .cms-page-hero__inner{position:relative;z-index:1;padding:56px 24px !important;max-width:1160px;margin:0 auto}
.idp-online .cms-page-hero__title{font-size: 33.4px !important;margin:0 0 10px !important;font-weight:500 !important}
.idp-online .cms-page-hero__subtitle{font-size: 14.1px;max-width:660px;color:rgba(255,255,255,.82)}
@media(max-width:767px){
  .idp-online .cms-page-hero__inner{padding:40px 20px !important}
  .idp-online .cms-page-hero__title{font-size: 23.8px !important}
}

/* CMS hero — separate it from the navy header (was blending) */
.idp-online .cms-page-hero{
  background:radial-gradient(130% 120% at 50% -10%, #274d82 0%, #1b365d 42%, #12294a 100%) !important;
  background-image:radial-gradient(130% 120% at 50% -10%, #274d82 0%, #1b365d 42%, #12294a 100%) !important;
  border-top:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 14px 30px -22px rgba(0,0,0,.5)}

/* ============================================================================
   CMS hero — LIGHT variant: clean white page heading, navy serif title.
   Clear separation from the navy header (dark header → light hero → content).
   ========================================================================== */
.idp-online .cms-page-hero{
  background:#fff !important;background-image:none !important;
  border-top:0 !important;box-shadow:none !important;
  border-bottom:1px solid var(--nl-border) !important;min-height:0 !important}
.idp-online .cms-page-hero::after{display:none !important}
.idp-online .cms-page-hero__overlay{display:none !important}
.idp-online .cms-page-hero__inner{padding:46px 24px 42px !important}
.idp-online .cms-page-hero__title{color:var(--nl-navy) !important;font-size: 33.4px !important;
  font-weight:500 !important;margin:0 0 10px !important}
.idp-online .cms-page-hero__subtitle{color:var(--nl-muted) !important;font-size: 14.5px}
@media(max-width:767px){.idp-online .cms-page-hero__title{font-size: 23.8px !important}}

/* ============================================================================
   CMS hero — distinctly LIGHTER navy band → clearly separated from the header
   (dark header  →  lighter navy hero). Overrides all previous hero variants.
   ========================================================================== */
.idp-online .cms-page-hero{
  background:linear-gradient(180deg,#2d5389 0%,#22406d 100%) !important;
  background-image:linear-gradient(180deg,#2d5389 0%,#22406d 100%) !important;
  border-top:1px solid rgba(255,255,255,.22) !important;
  border-bottom:0 !important;box-shadow:none !important;min-height:0 !important}
.idp-online .cms-page-hero::after{display:none !important}
.idp-online .cms-page-hero__overlay{display:none !important}
.idp-online .cms-page-hero__inner{padding:50px 24px !important}
.idp-online .cms-page-hero__title{color:#fff !important;font-size: 33.4px !important;font-weight:500 !important;margin:0 0 10px !important}
.idp-online .cms-page-hero__subtitle{color:rgba(255,255,255,.85) !important;font-size: 14.5px}
@media(max-width:767px){.idp-online .cms-page-hero__title{font-size: 23.8px !important}}

/* ============================================================================
   CMS breadcrumb bar (light) BETWEEN navy header and navy hero → clear break.
   Hero restored to the clean navy the user liked.
   ========================================================================== */
.idp-online .cms-breadcrumb{background:#f4f6fa;border-bottom:1px solid var(--nl-border)}
.idp-online .cms-breadcrumb .container{padding-top:11px;padding-bottom:11px;font-size: 11.9px;color:var(--nl-muted)}
.idp-online .cms-breadcrumb a{color:var(--nl-navy);text-decoration:none;font-weight:600}
.idp-online .cms-breadcrumb a:hover{text-decoration:underline}
.idp-online .cms-breadcrumb__sep{margin:0 8px;color:#6b7280}
.idp-online .cms-breadcrumb__cur{color:var(--nl-muted)}

/* hero → clean navy (as liked), sits below the light breadcrumb (no blend) */
.idp-online .cms-page-hero{
  background:linear-gradient(135deg,#1b365d 0%,#12294a 100%) !important;
  background-image:linear-gradient(135deg,#1b365d 0%,#12294a 100%) !important;
  border-top:0 !important;border-bottom:0 !important;box-shadow:none !important;min-height:0 !important}
.idp-online .cms-page-hero::after{display:none !important}
.idp-online .cms-page-hero__overlay{display:none !important}
.idp-online .cms-page-hero__inner{padding:52px 24px !important}
.idp-online .cms-page-hero__title{color:#fff !important;font-size: 33.4px !important;font-weight:500 !important;margin:0 0 10px !important}
.idp-online .cms-page-hero__subtitle{color:rgba(255,255,255,.85) !important;font-size: 14.5px}
@media(max-width:767px){.idp-online .cms-page-hero__title{font-size: 23.8px !important}}


/* ============================================================================
   Content-page embedded design (.eta-reg) — align with site, fix broken button.
   (Global .eta-btn override removed: it forced white text on the navy panel's
    white button = white-on-white/invisible.)
   ========================================================================== */
.idp-online .eta-reg .eta-btn{background:var(--nl-green) !important;color:#fff !important;
  border-radius:999px !important;padding:14px 30px !important;font-weight:700 !important;
  box-shadow:0 6px 16px -6px rgba(0,112,60,.4) !important;text-decoration:none !important}
.idp-online .eta-reg .eta-btn:hover{background:var(--nl-green-dark) !important;color:#fff !important}
/* white button inside the navy CTA panel → navy text (visible), never white-on-white */
.idp-online .eta-reg .eta-cta .eta-btn{background:#fff !important;color:var(--nl-navy) !important;box-shadow:none !important}
.idp-online .eta-reg .eta-cta .eta-btn:hover{background:#eef2f7 !important;color:var(--nl-navy) !important}
/* serif headings */
.idp-online .eta-reg .eta-h1,.idp-online .eta-reg .eta-cta h2,.idp-online .eta-reg h2{
  font-family:var(--serif) !important;font-weight:500 !important}

/* ============================================================================
   Mobile header menu — BULLETPROOF navy panel + white links (was showing white)
   ========================================================================== */
@media(max-width:1199px){
  .idp-online .sticky-header,
  .idp-online .header-main-nav,
  .idp-online .navbar{background:var(--nl-navy) !important}
  .idp-online #navbarText,
  .idp-online #navbarText.show,
  .idp-online #navbarText.collapse,
  .idp-online #navbarText .navbar-nav,
  .idp-online #navbarText .nav-item{background:var(--nl-navy) !important}
  .idp-online #navbarText a,
  .idp-online #navbarText .nav-link,
  .idp-online #navbarText .header-nav-link,
  .idp-online #navbarText .lang-iso,
  .idp-online #navbarText .lang-select-btn,
  .idp-online #navbarText .lang-select-btn *{color:#fff !important}
}

/* ============================================================================
   Mobile "Menu" toggle — FIX white-on-white (closed state had white bg + my
   white text = invisible). Transparent bg on navy header, white text/border.
   ========================================================================== */
.idp-online .menu-toggle,
.idp-online .menu-toggle[aria-expanded="true"]{
  background:transparent !important;
  color:#fff !important;
  border:1.5px solid rgba(255,255,255,.45) !important}
.idp-online .menu-toggle__label,
.idp-online .menu-toggle__icon{color:#fff !important}

/* ============================================================================
   Prevent horizontal overflow on mobile (fixed header revealed white body bg
   to the right when the page could be panned sideways). Standard safe fix.
   ========================================================================== */
/* overflow-x:clip clips horizontal overflow WITHOUT creating a scroll container,
   so it does NOT break position:sticky (safe on the form pages too). */
html, body { overflow-x: clip; }
/* Fallback for older browsers without clip — hidden only on non-form pages so
   the SPA's position:sticky stays intact. */
body:not(.cms-id-13):not(.cms-id-23){ overflow-x: hidden; }
/* Fixed header must never exceed the viewport (was causing a navy strip on the right). */
.idp-online .sticky-header{ left:0; right:0; max-width:100%; }

/* ==========================================================================
   Hlavička a hlavní CTA zpět do podoby ze stagingu.
   Skin `.idp-online` přebarvil masthead na tmavou modř a hlavní tlačítka na
   zelenou. Starší návrh — bílá hlavička, tmavě modrý text, modrá tlačítka —
   působí čistěji, tak se k němu vracíme. Skin zůstává jinak beze změny,
   přebíjí se jen to, co se týká hlavičky a hlavní výzvy k akci.
   ========================================================================== */
.idp-online .sticky-header,
.idp-online .header-main-nav { background: #fff !important; }
.idp-online .nav-shadow { box-shadow: 0 1px 0 rgba(9, 14, 26, .08) !important; }
/* Logo bylo zesvětlené do běla kvůli tmavému podkladu — na bílé musí zpět. */
.idp-online .navbar-brand img { filter: none !important; }
.idp-online .header-nav-link { color: var(--nl-navy) !important; font-weight: 500; }
.idp-online .header-nav-link:hover,
.idp-online .header-nav-link.active { color: var(--nl-navy-deep) !important; }
.idp-online .header-tagline {
  color: #6b7280 !important;
  border-left-color: rgba(27, 54, 93, .18) !important;
}
.idp-online .lang-select-btn {
  color: var(--nl-navy) !important;
  border: 1px solid rgba(27, 54, 93, .22) !important;
}
.idp-online .lang-select-btn .lang-iso { color: var(--nl-navy) !important; }

/* Hlavní výzva k akci — tmavě modrá místo zelené, jako na stagingu.
   Nosnou třídou je `.blue-btn`; navzdory názvu ji skin obarvil na zelenou.
   Platí i pro „Apply Now" v kartách ETA/Visa — staging je má také modré. */
.idp-online .header-right-btn1,
.idp-online .blue-btn,
.idp-online .bg-hero .green-btn,
.idp-online .hero-form .green-btn {
  background: var(--nl-navy) !important;
  border-color: var(--nl-navy) !important;
  color: #fff !important;
}
.idp-online .header-right-btn1:hover,
.idp-online .blue-btn:hover,
.idp-online .bg-hero .green-btn:hover,
.idp-online .hero-form .green-btn:hover {
  background: var(--nl-navy-deep) !important;
  border-color: var(--nl-navy-deep) !important;
}

/* Tlačítko v hero kartě má vlastní, specifičtější pravidlo (`.hero-form-card
   .apply-now .blue-btn`), takže obecný přepis výš na něj nedosáhne. */
.idp-online .hero-form-card .apply-now .blue-btn {
  background: var(--nl-navy) !important;
  border-color: var(--nl-navy) !important;
}
.idp-online .hero-form-card .apply-now .blue-btn:hover,
.idp-online .hero-form-card .apply-now .blue-btn:active {
  background: var(--nl-navy-deep) !important;
  border-color: var(--nl-navy-deep) !important;
}

/* ============================================================================
   Hlavička v delších jazycích
   ----------------------------------------------------------------------------
   Naměřeno v prohlížeči (Chromium, titulka, 9 jazyků × 7 šířek):

     jazyk   tlačítko dostalo   chtělo   výsledek
     en      155 px             219 px   2 řádky (do 1366 px)
     de      126 px             235 px   3 řádky ve VŠECH šířkách
     fr/es/it/pl/sk                      3 řádky ve všech šířkách

   Tlačítko je ve flexu ten nejpoddajnější prvek, takže když se navigace
   v němčině roztáhne na 724 px (anglicky 577), sebere se místo právě jemu.
   Na 992 px chybělo v němčině 416 px — to se doladit nedá, proto se přepínací
   bod posunul na `xl`: pod 1200 px je burger, nad ním plná lišta.

   Druhá věc, která z měření vypadla: mezi 576 a 991 px nebylo v hlavičce
   vidět ŽÁDNÉ tlačítko. Malé bylo skryté (`d-sm-none`) a velké zavřené
   v burgeru — tablety a velké telefony na šířku neměly kam kliknout.
   ========================================================================= */

/* Tlačítko se nikdy nezalomí a nedá si vzít místo. */
.idp-online .header-cta {
    white-space: nowrap;
    flex-shrink: 0;
}

/* Navigace smí uhnout dřív než tlačítko. */
@media (min-width: 1200px) {
    .idp-online #navbarText .navbar-nav { min-width: 0; }
    .idp-online .header-nav-link { white-space: nowrap; }
    /* Užší rozestupy položek — v němčině to vrací ~40 px. */
    .idp-online .navbar-nav > .nav-item { padding-left: 6px; padding-right: 6px; }
}

/* Popisek u loga je ozdoba, ne obsah. Ukazuje se, až když zbyde místo —
   jinak bere 137–231 px právě těm prvkům, na kterých záleží.
   Kontejner má od 1400 px pevně 1200 px, takže místa s šířkou okna nepřibývá:
   s popiskem hlavička přetekla v de (165 px), pl (156), it (112), fr (89),
   es (78) a sk (69) a v de a pl ořízla okrajem okna hlavní výzvu. Vejde se
   jen v angličtině a češtině; mezera vpravo ho oddělí od první položky menu
   (v angličtině jen o kousek užší odsazení vlevo, jinak by výzva přečnívala
   o 5 px — naměřeno při 1536 px). */
.idp-online .header-tagline { display: none !important; }
@media (min-width: 1500px) {
    .idp-online.lang-en .header-tagline,
    .idp-online.lang-cs .header-tagline {
        display: inline-flex !important;
        margin-left: 10px;
        padding-left: 10px;
        margin-right: 10px;
    }
}

/* Malé tlačítko drží od nejužšího telefonu až po burgerový práh. */
.idp-online .header-cta--sm {
    font-size: 12.3px;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

/* Hlavička karty ETA / Vízum — nadpis a tlačítko vedle sebe.
   V delších jazycích si nadpis („Wiza do Wielkiej Brytanii") vzal místo
   a tlačítko „Złóż wniosek teraz" se zalomilo na tři řádky. Uhnout má
   nadpis, ne výzva k akci; když ani to nestačí, prvky se pod sebe srovnají. */
.idp-online .card-head {
    flex-wrap: wrap;
    gap: 10px;
}
.idp-online .card-head > a {
    flex: 0 0 auto;
}
.idp-online .card-head .btn {
    white-space: nowrap;
}
.idp-online .card-head > h3 {
    flex: 1 1 auto;
    min-width: 0;
}

/* ============================================================================
   Mobil: méně scrollování, větší cíle na dotyk
   ----------------------------------------------------------------------------
   Naměřeno na iPhonu 390x844: titulka byla 10 827 px = 12,8 obrazovky.
   Samotný seznam zemí („Who Needs a UK ETA?") zabral 2 286 px, tedy 2,7
   obrazovky, a je to devadesát řádků, které návštěvník proroluje cestou
   k dalšímu obsahu.

   Seznam se proto na malé obrazovce zkrátí a rozbalí se na klepnutí. Zůstává
   celý v HTML, takže se nic neztratí pro vyhledávače ani pro čtečky.
   ========================================================================= */

@media (max-width: 767.98px) {
    .idp-online .who-need-eta .row.mb-4 {
        position: relative;
        max-height: 460px;
        overflow: hidden;
        transition: max-height .25s ease;
    }
    .idp-online .who-need-eta .row.mb-4::after {
        content: "";
        position: absolute; left: 0; right: 0; bottom: 0; height: 90px;
        background: linear-gradient(to bottom, rgba(244,249,255,0), #F4F9FF);
        pointer-events: none;
    }
    .idp-online .who-need-eta .row.mb-4.je-rozbaleno {
        max-height: none;
    }
    .idp-online .who-need-eta .row.mb-4.je-rozbaleno::after { display: none; }

    .idp-online .wne-rozbalit {
        display: block;
        width: 100%;
        min-height: 44px;
        margin: 4px 0 8px;
        padding: 11px 18px;
        border: 1.5px solid #1b365d;
        border-radius: 999px;
        background: #fff;
        color: #1b365d;
        font-size: 15px;
        font-weight: 600;
    }
}
.idp-online .wne-rozbalit { display: none; }

/* Cíle na dotyk. Naměřeno: odkazy na země 18 px, „Learn more" 20 px,
   tlačítko „Apply" v hlavičce 38 px — doporučené minimum je 44 px.

   Hranice 1199,98 px, ne 991. Posouvala se podle měření, ne odhadem:
     991 px  → iPad na šířku (1024) měl 10 cílů pod hranicí
     1024 px → iPad Pro na šířku (1180) taky
   Dotykový displej má tablet stejně jako telefon; desktop začíná až
   nad 1200 px, což je stejná hranice jako u tabulek vízového portálu. */
@media (max-width: 1199.98px) {
    .idp-online .flag-country a,
    .idp-online .hero-learn-more {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
    .idp-online .header-cta--sm {
        min-height: 44px;
    }
    /* „Show details" v liště se souhlasem mělo 15 px. */
    .idp-online #eta-cookie-banner button,
    .idp-online #eta-cookie-banner a {
        min-height: 44px;
    }
}

/* `min-height` na řádkovém prvku nic nedělá — proto měl odkaz „Show details"
   v liště se souhlasem pořád 15 px, přestože pravidlo výš existovalo.
   Musí se k tomu přidat i `display`. Totéž u hlavního tlačítka na titulce:
   obal <a> byl `display:inline`, takže klikací plocha nesouhlasila
   s tím, co je vidět. */
@media (max-width: 1199.98px) {
    .idp-online #eta-cookie-banner a,
    .idp-online #eta-cookie-banner button,
    .idp-online .apply-now {
        display: inline-flex !important;
        align-items: center;
        min-height: 44px;
    }
}

/* Svislé mezery mezi sekcemi. `py-5` je 48 px nahoře i dole, což na
   telefonu znamená skoro obrazovku prázdna na deset sekcí. Na malé
   obrazovce se to krotí; od tabletu výš zůstává původní vzhled. */
@media (max-width: 767.98px) {
    .idp-online #content .py-5,
    .idp-online #content .wie-section,
    .idp-online #content .hiw-section,
    .idp-online #content .stats-section,
    .idp-online #content .disc-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

/* Samostatné akční odkazy potřebují na dotyk stejných 44 px jako tlačítka.
   Naměřeno: „Read more" na blogu 21 px (12x na stránce), telefonní číslo
   a „Learn more about us" na kontaktu 16 px.

   Odkazy UVNITŘ věty (`.ct-faq-link`) se schválně nezvětšují — pravidlo pro
   velikost cíle je z nich výslovně vyjímá a roztažení by rozhodilo řádkování. */
@media (max-width: 1199.98px) {
    .idp-online .blog-vice,
    .idp-online .ct-disclaimer-link,
    .idp-online .ct-company-value a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
}

/* Drobečková navigace na dotykové obrazovce.
   Odkaz „Home" měl 15 px — je to samostatná akce, ne odkaz uvnitř věty. */
@media (max-width: 1199.98px) {
    .idp-online .cms-breadcrumb a {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
    }
}

/* ============================================================================
   Hlavička na telefonu a tabletu — sjednocení s desktopem
   ----------------------------------------------------------------------------
   Do 22. 8. 2026 se na úzké obrazovce servíroval jiný soubor loga: bílý,
   s kratším nápisem „ETA UK" místo „GET ETA UK", na tmavě modrém pruhu.
   Desktop měl tmavé logo na bílém. Značka tak vypadala na každém zařízení
   jinak — jiná barva i jiné znění.

   Teď je logo jedno a lišta bílá všude. Rozbalený panel byl zesvětlen
   samostatně níž v souboru — hledej „Rozbalené mobilní menu".
   ========================================================================= */
.idp-online .site-logo {
    max-width: 200px;
    height: auto;
}

/* ----------------------------------------------------------------------------
   Hlavička na telefonu se vejde na jeden řádek

   Logo, tlačítko „Apply" a burger „Menu" jsou tři položky jednoho flexboxu.
   Ten se MUSÍ umět zalomit — rozbalené menu (`#navbarText`) má
   `flex-basis: 100%` a potřebuje vlastní řádek. Jenže dokud je menu zavřené,
   zalomení potká právě ty tři prvky: na telefonu 360 px zbývá v kontejneru
   336 px a francouzské „Faire une demande" (117 px) je i s logem (148 px)
   a burgerem (85 px) přetáhlo na 358 px. Logo zůstalo samo nahoře, obě
   tlačítka spadla pod něj.

   ⚠️ `flex-shrink` na to nestačí. Prohlížeč u `flex-wrap: wrap` nejdřív
   zalomí a teprve pak zmenšuje uvnitř řádku — ke smrštění loga se tedy
   nikdy nedostane. Musí se snížit skutečná šířka prvků.

   Rozpočet (nejdelší popisek je německé „Beantragen"):
       360 px → 336 k dispozici: logo 128 + tlačítko + 8 + burger 75
       320 px → 296 k dispozici: logo 100 + tlačítko + 8 + burger 71
   (Aktuální šířky tlačítka jsou u pravidla s verzálkami níž — mění se
    s písmem, takže je nemá smysl držet na dvou místech.)

   Popisek „Menu" u burgeru zůstává schválně — nahradil holý hamburger
   a jeho odstranění by byl krok zpět. Šetří se na odsazení, ne na obsahu.

   ⚠️ Šířka loga musí zůstat v PIXELECH. `max-width: min(128px, 100%)`
   vypadá bezpečněji, ale procento se při výpočtu vnitřní velikosti nemá
   podle čeho poměřit, takže si prohlížeč vezme přirozenou šířku obrázku
   (1032 px). Řádek pak „neunese" nic dalšího, obě tlačítka spadnou dolů
   a logo se roztáhne přes celou šířku — přesně ta chyba, která se tu
   opravuje. Ověřeno měřením v prohlížeči 24. 8. 2026.

   Druhá půlka řešení je v `apps/pages/translations.py` (`POPISKY_S_LIMITEM`):
   popisek tlačítka má rozpočet 12 znaků. */
@media (max-width: 1199.98px) {
    .idp-online .navbar-brand {
        min-width: 0;
        flex-shrink: 1;
    }
    .idp-online .header-cta-link,
    .idp-online .menu-toggle {
        flex-shrink: 0;
        white-space: nowrap;
    }
}

@media (max-width: 575.98px) {
    .idp-online .site-logo { max-width: 128px; }

    .idp-online .header-cta--sm {
        padding-left: .75rem !important;
        padding-right: .75rem !important;
    }
    .idp-online .menu-toggle {
        padding-left: 10px;
        padding-right: 10px;
        gap: 6px;
    }
}

/* Nejužší telefony (320–359 px). Značka ustoupí ještě o kus — pořád je
   čitelná a je to jediný prvek, který si to může dovolit. */
@media (max-width: 359.98px) {
    .idp-online .site-logo { max-width: 100px; }
    .idp-online .header-cta--sm {
        padding-left: .625rem !important;
        padding-right: .625rem !important;
    }
    .idp-online .menu-toggle {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (max-width: 1199.98px) {
    /* Lišta bílá jako na desktopu — přebíjí pravidlo, které ji celou
       obarvovalo na tmavě modrou. */
    .idp-online .sticky-header,
    .idp-online .header-main-nav,
    .idp-online .header-main-nav .navbar {
        background: #fff !important;
    }
    /* Logo se nesmí invertovat do běla — na bílém pozadí by zmizelo. */
    .idp-online .navbar-brand img { filter: none !important; }

    /* Ovládací prvky v liště zpět do tmavé, ať jsou na bílém vidět. */
    .idp-online .menu-toggle {
        background: #fff !important;
        color: var(--nl-navy) !important;
        border: 1.5px solid var(--nl-navy) !important;
    }
    .idp-online .menu-toggle__label,
    .idp-online .menu-toggle__icon { color: var(--nl-navy) !important; }
    /* Otevřený stav jen jemným tónem, ne plnou modrou: panel pod tlačítkem
       je světlý (#f4f6fa) a tmavý blok by nad ním trčel. Tón je stejný
       jako podbarvení položek menu při doteku, ať to drží pohromadě. */
    .idp-online .menu-toggle[aria-expanded="true"] {
        background: rgba(27, 54, 93, .07) !important;
    }
    .idp-online .header-cta--sm.blue-btn {
        background-color: var(--nl-navy) !important;
        border-color: var(--nl-navy) !important;
        color: #fff !important;
    }
    /* Šipka v malém tlačítku byla MODRÁ NA MODRÉ — kontrast 1.0 : 1,
       tedy dokonale neviditelná (změřeno 24. 8. 2026).

       Vinu nese dvojice pravidel u „Header CTA → white button on navy"
       (`.header-cta.blue-btn *` a `.header-cta__arrow`). Ty barví obsah
       tlačítka na navy, což je správně pro DESKTOP, kde je pilulka bílá.
       Jenže ani jedno není v media query, takže dopadlo i na telefon,
       kde je pilulka sama navy.

       Tady se to vrací na bílou. Musí to být přes `*`: `color` na
       tlačítku samo nestačí, protože ikona má vlastní pravidlo. */
    .idp-online .header-cta--sm.blue-btn,
    .idp-online .header-cta--sm.blue-btn * {
        color: #fff !important;
    }

    /* Malé tlačítko je bez šipky a s větším písmem.
       ------------------------------------------------------------------
       Šipka si na pilulce široké ~110 px brala 18,5 px (10,5 ikona
       + 8 mezera) a všechny je ukrajovala zprava: popisek stál 14 px od
       levého okraje, ale 32,5 px od pravého. Přesně tohle vypadá
       „necentrovaně" — vycentrovaná byla dvojice text+šipka, ne text.
       Bez ní má popisek 12 px z obou stran, tedy osu přesně uprostřed.

       Ušetřené místo padne na písmo: 12,3 px bylo menší než sousední
       „Menu" (13,2 px) a na tmavé pilulce se ztrácelo. Kontrast byl
       přitom v pořádku (12,12 : 1) — problém byla velikost, ne barva.

       Velké tlačítko na desktopu (`.header-cta` bez `--sm`) si šipku
       nechává: je 248 px široké, šipka je tam zřetelná a patří ke
       kompozici. Tohle pravidlo na něj nesahá.

       Rozpočet — DOMĚŘENO až s verzálkami níž, tohle jsou skutečná čísla
       (nejdelší popisek je německé „BEANTRAGEN"):
           360 px → 336 k dispozici: logo 128 + tlačítko 121,7 + 8 + burger 75 = 332,3  (rezerva 3,7)
           320 px → 296 k dispozici: logo 100 + tlačítko 115,1 + 8 + burger 71 = 294,1  (rezerva 2,3)
       Rezerva je tenká schválně — víc už z řádku nejde vymáčknout.
       Delší popisek se sem nevejde, proto je v `apps/pages/translations.py`
       strop `LIMIT_ZNAKU = 10` a test, který ho hlídá. */
    .idp-online .header-cta--sm .header-cta__arrow { display: none; }

    /* Verzálky a řez 800 — výzva k akci má být vidět na první pohled.
       ------------------------------------------------------------------
       13 px verzálkami působí VĚTŠÍM dojmem než 14 px s malými písmeny:
       oko měří výšku verzálek (~0,73 em = 9,5 px), ne střední výšku
       (~0,52 em = 7,3 px). Zároveň se to vejde do řádku, což 14 px
       verzálkami ne — verzálky stojí +18,7 % šířky (změřeno: německé
       „Beantragen" 79,8 px → „BEANTRAGEN" 94,7 px) a na 320px telefonu
       by řádek přetekl o 2,5 px.

       Řez 800 je zadarmo: Plus Jakarta Sans je variabilní font 200–800,
       rozdíl mezi 700 a 800 je 0,6 px šířky. Nad 800 už se nic nemění.

       Prostrkání verzálky potřebují, jinak se slepí do bloku.

       Arabština nemá velká písmena, `text-transform` je tam bez účinku —
       zůstane 13 px / 800, což je pořád silnější než původních 12,3 / 700. */
    .idp-online .header-cta--sm {
        font-size: 13px;
        font-weight: 800 !important;
        text-transform: uppercase;
        letter-spacing: .04em;
    }
}

/* Nejužší telefony (320–359 px): ubrat prostrkání.
   ---------------------------------------------------------------------
   ⚠️ Tenhle blok MUSÍ zůstat ZA blokem 1199.98px výš. Obě pravidla mají
   stejnou specifičnost, takže rozhoduje pořadí v souboru — když stál
   dřív, `.04em` z pozdějšího bloku ho přebilo a přepis se vůbec
   neprojevil (ověřeno měřením: 117,7 px před i po).

   Proč vůbec: německé „BEANTRAGEN" s .04em vyjde na 117,7 px a řádek
   na 320px telefonu přeteče o 0,7 px. S .02em zbývají 2 px rezervy
   a rozdíl není okem znát. Prostrkání je tu jediné, co se dá obětovat —
   logo i odsazení už jsou stažené na minimum.

   Půl pixelu dolů na velikosti navíc řeší stav, než dorazí webfont.
   Plus Jakarta Sans má `font-display: swap`, takže se první vykreslení
   sází náhradním systémovým písmem, které je širší: „BEANTRAGEN" v něm
   měří 118,3 px místo 115,1 a řádek se zalomil — burger spadl pod
   tlačítko a hlavička vyskočila ze 118 na 150 px, dokud písmo nedošlo.
   Preload v `base.html` to okno zkracuje, ale neodstraní (písmo může
   selhat úplně). S 12,5 px se do řádku vejde i náhradní písmo, takže
   hlavička drží za všech okolností. Rozdíl proti 13 px je okem
   nerozeznatelný, platí jen pod 360 px. */
@media (max-width: 359.98px) {
    .idp-online .header-cta--sm {
        letter-spacing: .02em;
        font-size: 12.5px;
    }
}

/* ============================================================================
   Cookie lišta na telefonu
   ----------------------------------------------------------------------------
   Na širokém displeji je to plovoucí karta v pravém dolním rohu. Na telefonu
   se z ní stává spodní panel na plnou šířku: 360px karta s odsazením
   24px kolem dokola ukusovala z už tak úzké obrazovky a rohy visely
   nad obsahem.

   Tlačítka jdou pod sebe. Dvojice „Accept all" / „Decline analytics" vedle
   sebe se vešla do angličtiny, ale v němčině a polštině se popisky lámaly
   na dva řádky a řada přestala být zarovnaná.

   Pravidla musí být `!important` — původní styly jsou psané inline
   v šabloně, a ty přebijí jakýkoliv selektor.
   ========================================================================= */
@media (max-width: 575.98px) {
    #eta-cookie-banner {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: auto !important;
        max-width: none !important;
        border-radius: 16px 16px 0 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        /* Odsazení dole respektuje gesto-lištu na iPhonu. */
        padding: 18px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
        /* Delší překlady nesmí panel roztáhnout přes celou obrazovku. */
        max-height: 78vh;
        overflow-y: auto;
    }

    .eta-cookie-akce { flex-direction: column !important; }

    /* Plocha na dotek podle WCAG 2.5.8 — inline `padding:9px 0`
       dávalo jen ~35 px. */
    #eta-cookie-banner button {
        min-height: 44px !important;
        margin-top: 8px !important;
    }
    .eta-cookie-akce { gap: 0 !important; }
}

/* Popisky v cookie liště na střed.
   Tlačítka jsou globálním pravidlem `display:flex`, a ve flex kontejneru
   se `text-align:center` na textový uzel neuplatní — popisek se lepil
   na levý okraj. Na širokém displeji to nebylo vidět, protože tlačítka
   byla úzká a text je vyplnil; po roztažení na plnou šířku ano. */
#eta-cookie-banner button {
    justify-content: center;
    align-items: center;
}

/* ============================================================================
   Rozbalené mobilní menu — světlý panel
   ----------------------------------------------------------------------------
   Panel zůstal jako jediný prvek hlavičky tmavý (blok na ř. 3735 a další).
   Ležel 9 px nad service barem #12294a a měl skoro shodnou modrou — dvě
   plochy vedle sebe splývaly v jednu. Fyzicky se nepřekrývaly; změřeno na
   28 kombinacích šířek 360–1199 a jazyků EN/DE/PL/AR. Šlo čistě o barvu.

   Panel NENÍ čistě bílý, ale jemně tónovaný #f4f6fa. Bílý panel pod bílou
   lištou by problém jen posunul o patro výš — předěl by nesla jediná linka
   #dfe4ec s kontrastem 1,28:1, tedy hůř než dosavadní bílá na modré. Tón
   odděluje panel od lišty nad ním i od tmavého pruhu pod ním.

   Práh 1199.98 px odpovídá bootstrapímu navbar-expand-xl, kde se navigace
   sbaluje do burgeru. Původní bloky mají 1199px, takže v pásmu mezi nimi
   nefungovala jejich rozvržovací pravidla — proto je tu nesu znovu.
   ========================================================================= */
@media (max-width: 1199.98px) {

    .idp-online #navbarText,
    .idp-online #navbarText.show,
    .idp-online #navbarText.collapse,
    .idp-online #navbarText.collapsing {
        background: #f4f6fa !important;
        padding: 6px 12px 14px;
        margin-top: 8px;
        border-top: 1px solid rgba(27, 54, 93, .18);
        border-radius: 0 0 10px 10px;
    }

    .idp-online #navbarText .navbar-nav,
    .idp-online #navbarText .nav-item {
        background: transparent !important;
        width: 100%;
    }

    /* Oddělovače: bílá rgba(255,255,255,.08) je na světlém neviditelná. */
    .idp-online #navbarText .nav-item {
        border-bottom: 1px solid rgba(27, 54, 93, .20);
    }
    .idp-online #navbarText .nav-item:last-child { border-bottom: 0; }

    /* Text tmavě modrý — kontrast na #f4f6fa je 11,3:1.
       `!important` je nutné, ř. 3741 tlačí color:#fff !important. */
    .idp-online #navbarText a,
    .idp-online #navbarText .nav-link,
    .idp-online #navbarText .header-nav-link,
    .idp-online #navbarText .lang-iso,
    .idp-online #navbarText .lang-select-btn,
    .idp-online #navbarText .lang-select-btn * {
        color: var(--nl-navy) !important;
    }

    /* Odkaz musí zabrat celý řádek, jinak by podbarvení při doteku obalilo
       jen text. Na ř. 3741 je sice `display:block`, ale bez !important, a
       prohrává s `display:inline-flex !important` na ř. 2192 — proto flex
       na plnou šířku, ať zůstane zarovnání obsahu. Podtrhávací ::after je
       animace pro vodorovnou navigaci, ve sbaleném menu nemá smysl. */
    .idp-online #navbarText .header-nav-link {
        display: flex !important;
        align-items: center;
        width: 100%;
        padding: 12px 10px !important;
    }
    .idp-online #navbarText .header-nav-link::after { display: none; }

    /* Dotyk a stisk. Záměrně BEZ [aria-current="page"] a bez .active:
       šablona ten atribut vypisuje natvrdo na odkazu „Application Status"
       (header.html ř. 44, žádné {% if %}), takže by se zvýrazňoval na každé
       stránce webu. Dnes to nikomu nevadí, protože na něj žádné pravidlo
       necílí — a to tak musí zůstat, dokud se šablona neopraví. */
    .idp-online #navbarText .header-nav-link:hover,
    .idp-online #navbarText .header-nav-link:active {
        color: var(--nl-navy-deep) !important;
        background: rgba(27, 54, 93, .07);
        border-radius: 6px;
    }

    /* Vlajky jsou <img> bez rámečku (header.html ř. 73 a 80). Na tmavém je
       vymezoval podklad; na světlém by se bílé plochy slily s panelem —
       nejhůř polská, která je z horní poloviny celá bílá. Prstenec přes
       box-shadow, ne border: border by při width:18px posunul obsah. */
    .idp-online #navbarText #language-selector img {
        box-shadow: 0 0 0 1px rgba(27, 54, 93, .45);
    }

    /* Přepínač jazyka. Rámeček rgba(27,54,93,.22) měl na modré kontrast
       1,00:1 — byl matematicky neviditelný. WCAG 1.4.11 chce u hranice
       ovládacího prvku 3:1, alfa .55 dává 3,2:1. Šipka je pseudoelement
       kreslený z currentColor, na který selektor s `*` nedosáhne. */
    .idp-online #navbarText .lang-select-btn {
        border: 1px solid rgba(27, 54, 93, .55) !important;
    }
    .idp-online #navbarText .lang-select-btn::after { color: var(--nl-navy); }
    .idp-online #navbarText .lang-select-btn:hover,
    .idp-online #navbarText .lang-select-btn.show {
        background: rgba(27, 54, 93, .06) !important;
        border-color: var(--nl-navy) !important;
    }

    /* Rozbalená nabídka devíti jazyků přetéká z panelu ven a visí nad
       obsahem stránky, ne nad panelem. Stín proto zesílit, ne ztlumit, a
       doplnit ho o prstenec bez svislého posunu — samotný `0 12px` nad
       horní hranou nekreslí nic. */
    .idp-online #navbarText .lang-dropdown {
        background: #fff !important;
        border: 1px solid rgba(27, 54, 93, .22) !important;
        box-shadow: 0 0 0 1px rgba(27, 54, 93, .06),
                    0 12px 32px rgba(16, 24, 40, .28) !important;
    }
    .idp-online #navbarText .lang-dropdown .dropdown-item {
        color: var(--nl-navy) !important;
    }
    /* Přebíjí i pravidlo bez prefixu .idp-online (ř. 860), které dávalo
       plnou navy s bílým textem — ve světlé nabídce cizorodý blok. */
    .idp-online #navbarText .lang-dropdown .dropdown-item:hover,
    .idp-online #navbarText .lang-dropdown .dropdown-item:focus,
    .idp-online #navbarText .lang-dropdown .dropdown-item.active,
    .idp-online #navbarText .lang-dropdown .dropdown-item:active {
        background: rgba(27, 54, 93, .08) !important;
        color: var(--nl-navy-deep) !important;
    }

    /* Fokus z klávesnice. Bootstrapí modrý stín měl na modré 1,27:1 —
       při procházení tabulátorem prakticky neviditelný. */
    .idp-online #navbarText .header-nav-link:focus-visible,
    .idp-online #navbarText .lang-select-btn:focus-visible,
    .idp-online #navbarText .lang-dropdown .dropdown-item:focus-visible {
        outline: 2px solid var(--nl-navy) !important;
        outline-offset: 2px;
        box-shadow: none;
        border-radius: 6px;
    }
}

/* ============================================================================
   Spotřebitelské upozornění v patičce
   ----------------------------------------------------------------------------
   Dřív to byla jedna souvislá věta slepená s copyrightem přes `&nbsp;`.
   Text je teď delší a v němčině má 150 znaků, takže se na telefonu láme
   na čtyři řádky — a copyright by zůstal viset osamocený na konci
   poslední z nich, uprostřed. Proto jsou z toho dva prvky: na široké
   obrazovce vedle sebe, na telefonu pod sebou.

   `max-width` v jednotkách `ch` drží řádek v čitelné délce i na velkém
   monitoru; bez něj by se věta roztáhla přes celou šířku kontejneru.
   ========================================================================= */
.idp-online .footer-compliance .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap: 2px 12px;
}

.idp-online .footer-compliance__notice {
    max-width: 72ch;
    /* Zabrání osamocenému slovu na posledním řádku. Prohlížeč, který to
       neumí, prostě zalomí jako dřív. */
    text-wrap: pretty;
}

@media (max-width: 767.98px) {
    .idp-online .footer-compliance .container { gap: 8px; }
    .idp-online .footer-compliance__notice,
    .idp-online .footer-compliance__copy { flex: 0 0 100%; }
}

/* ---- Important Disclaimer: operator + regulated adviser (NavigateUK, IAA) ----
   Port z produkce (commit eda7a68e, 31. 10. 2026): partials/iaa_disclaimer.html
   na About Us / Visa to England / vízovém formuláři, řádek v obou patičkách,
   blok s registrací v disclaimeru titulky a Requirements. */
.iaa-disclaimer{padding:32px 0}
.iaa-disclaimer__box{padding:22px 26px;border:1px solid #e2e8f0;border-left:4px solid #1b365d;border-radius:12px;background:#f8fafc;color:#334155}
html[dir="rtl"] .iaa-disclaimer__box{border-left:1px solid #e2e8f0;border-right:4px solid #1b365d}
.iaa-disclaimer .iaa-disclaimer__title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:17px !important;line-height:1.4;font-weight:700;color:#1b365d;font-family:inherit !important}
.iaa-disclaimer__text{margin:0 0 10px;font-size:14px;line-height:1.6}
.iaa-disclaimer__facts{display:flex;flex-wrap:wrap;gap:8px 32px;margin:14px 0}
.iaa-disclaimer__fact dt{font-size:12px;font-weight:600;color:#64748b}
.iaa-disclaimer__fact dd{margin:2px 0 0;font-size:14px;font-weight:600;color:#111827;overflow-wrap:anywhere}
.iaa-disclaimer a,.disc-iaa a{color:#1b365d;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.iaa-disclaimer__official{margin:0;padding-top:12px;border-top:1px solid #e2e8f0;font-size:14px;line-height:1.6}
.disc-iaa{padding-top:14px;border-top:1px solid var(--nl-border,#e2e8f0)}
.footer-iaa{margin-top:6px;opacity:.85}
/* V Django patičce je `.footer-compliance .container` flex (viz výš) —
   řádek s IAA musí dostat vlastní řádek pod prohlášením a copyrightem. */
.idp-online .footer-compliance .footer-iaa{flex:0 0 100%;text-align:center}
@media (max-width:767px){
  .iaa-disclaimer__box{padding:18px 16px}
  .iaa-disclaimer__facts{flex-direction:column}
}

/* ---- Arabština (RTL): písmo Cairo, pole formulářů, směr a šipky ----
   PrestaShop pro RTL jazyky načítá Cairo z Google Fonts a `rtl.css`. Ten se
   1:1 nepřebírá — `row-reverse` by rozbil novou hlavičku, kterou `dir="rtl"`
   zrcadlí sám. Cairo je hostované tady (podmnožina arabského písma Google
   Fonts v31, SIL Open Font License 1.1) a díky `unicode-range` se stáhne jen
   tam, kde je arabský text; latinku dál kreslí písmo webu. */
@font-face{font-family:"Cairo";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("../fonts/cairo-arabic-400-700.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
/* Táž arabská podmnožina i jako část rodin webu: pravidla, která nastavují
   „Plus Jakarta Sans", „Source Serif 4" nebo „DM Sans" přímo (odpovědi FAQ,
   popisky, SPA), by jinak arabštinu kreslila systémovým písmem. Váhy musí
   sedět s hlavní deklarací rodiny, jinak ji prohlížeč nesloží. */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;
  src:url("../fonts/cairo-arabic-400-700.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500 700;font-display:swap;
  src:url("../fonts/cairo-arabic-400-700.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"DM Sans";font-display:swap;
  src:url("../fonts/cairo-arabic-400-700.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
html[dir="rtl"]{--serif:"Cairo","Source Serif 4",Georgia,"Times New Roman",serif}
html[dir="rtl"] body,html[dir="rtl"] button,html[dir="rtl"] input,
html[dir="rtl"] select,html[dir="rtl"] textarea{
  font-family:"Cairo","Plus Jakarta Sans",-apple-system,"Segoe UI",Roboto,sans-serif !important}
html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea{text-align:right}
/* `app-entry.css` formulářové SPA nastavuje `html, body {direction: ltr}` pro
   celou stránku, takže se na arabském formuláři sázela LTR i lišta pod
   hlavičkou (prohozené pořadí slov kolem „ETA") a patička. SPA samotná
   zůstává LTR jako na produkci. */
html[dir="rtl"] #header,html[dir="rtl"] #footer{direction:rtl}
/* Šipky „dál" a oddělovač drobečků míří v RTL doleva; šipka akordeonu na
   opačný okraj než text, ne přilepená k němu. */
html[dir="rtl"] .header-cta__arrow,html[dir="rtl"] .rtl-sipka,
html[dir="rtl"] .cms-breadcrumb__sep{display:inline-block;transform:scaleX(-1)}
html[dir="rtl"] .idp-online .header-cta:hover .header-cta__arrow{transform:scaleX(-1) translateX(3px)}
html[dir="rtl"] .accordion-button::after,
html[dir="rtl"] .idp-online #faqAccordion .accordion-button::after{float:left;margin-left:0;margin-right:auto}
html[dir="rtl"] .idp-online .faq-button{text-align:right}

/* ---- Chybové stránky 404 a 500 (templates/404.html, 500.html) ---- */
.idp-online .error-page{max-width:720px;padding:72px 16px 96px;text-align:center}
.idp-online .error-page__code{margin:0 0 12px;font-family:var(--serif);font-size:88px;font-weight:600;line-height:1;color:var(--nl-navy,#1b365d)}
.idp-online .error-page .error-page__title{margin:0 0 12px;font-size:28px;font-weight:700;line-height:1.3;color:var(--nl-navy,#1b365d)}
.idp-online .error-page__text{margin:0;color:#4b5563}
.idp-online .error-page__action{margin:28px 0 0}
.idp-online .error-page__header{background:#fff}
@media (max-width:767px){
  .idp-online .error-page{padding:48px 16px 64px}
  .idp-online .error-page__code{font-size:64px}
  .idp-online .error-page .error-page__title{font-size:22px}
}

/* ============================================================================
   Opravy z QA vzhledu (5. 11. 2026, qa-report/design-desktop.md a -mobile.md)
   ========================================================================== */

/* Kotvy pod lepivou hlavičkou: cíl odkazu (`#account-subscription` ve VOP,
   na který vede políčko souhlasu s předplatným) končil pod hlavičkou
   a zákazník viděl sekci od půlky věty bez nadpisu. Přesnou výšku hlavičky
   doplní skript v `partials/header.html`; tohle je hodnota před jeho během. */
html{scroll-padding-top:130px}

/* Odkaz „Skip to main content" po fokusu z klávesnice: dřív holý modrý text
   Bootstrapu, který posunul celou stránku o 24 px. Teď plovoucí štítek nad
   hlavičkou bez posunu obsahu. */
.idp-online .skip-to-content:focus,.idp-online .skip-to-content:focus-visible{
  position:fixed !important;top:8px;inset-inline-start:8px;z-index:100000;
  padding:10px 16px !important;background:#fff;color:var(--nl-navy,#1b365d);
  border:2px solid var(--nl-navy,#1b365d);border-radius:8px;font-weight:700;text-decoration:none}

/* Nabídka jazyků: položka pod myší měla stejný podklad jako aktivní jazyk,
   takže to vypadalo, že jsou vybrané dva. */
.idp-online .lang-dropdown .dropdown-item.active{font-weight:700}
#language-selector .lang-dropdown .dropdown-item:hover:not(.active){background-color:rgba(1,33,105,.07);color:var(--nl-navy,#1b365d)}

/* Patička: `.footer-links a {display:inline-flex}` přebíjelo `.footer-a
   {display:block}`, odkazy tekly za sebou a četly se jako jeden text
   („Access Your Application FAQ"). */
.idp-online .footer-links .footer-a{display:flex;width:fit-content}

/* Telefon na šířku: rozbalené menu je vyšší než okno a hlavička je pevná,
   takže se k výběru jazyka nedalo doscrollovat (0 z 9 jazyků v okně). */
@media (max-width:1199.98px){
  .idp-online #navbarText.show,.idp-online #navbarText.collapsing{
    max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);
    overflow-y:auto;overscroll-behavior:contain}
}
/* … a hlavička tam zabírala třetinu výšky. Servisní pruh pod ní je jen
   informační, v nízkém okně ho schovat. */
@media (max-height:500px) and (orientation:landscape){
  .idp-online .header-service-bar,.idp-online .header-service-banner{display:none}
}

/* Cookie lišta na širším displeji (od 576 px) je karta bez stropu výšky:
   po „Show details" na telefonu na šířku byl její horní okraj nad oknem
   a začátek textu, ke kterému se dává souhlas, nešel přečíst. */
@media (min-width:576px){
  #eta-cookie-banner{max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto}
}

/* Tabulky v obsahu CMS (srovnání na About us) jsou na malém telefonu širší
   než obrazovka; `overflow-x: clip` je usekl. Posouvají se do strany. */
@media (max-width:767.98px){
  .idp-online .backend-content table{display:block;max-width:100%;overflow-x:auto}
}

/* Pole mimo formulářovou SPA pod 16 px: iOS při ťuknutí přiblíží stránku. */
@media (max-width:767.98px){
  .idp-online input:not([type="checkbox"]):not([type="radio"]):not(.license-app input),
  .idp-online select:not(.license-app select),
  .idp-online textarea:not(.license-app textarea){font-size:16px !important}
}

/* Číslované kroky (QR předávka v portálu dokladů, „How it works" na ETA
   Watch) ztrácely čísla kvůli globálnímu `ol, ul {list-style: none}`. */
.dp-qr-steps,.dp-asub-steps,.ew-how ol{list-style:decimal}

/* IAA (regulovaný poradce) ve štíhlé patičce formuláře: průhlednost
   srážela kontrast pod 4,5:1. */
.footer-form .footer-iaa{opacity:1}

/* Tisk: bez pevné hlavičky s výzvou, cookie lišty, tmavých pásů a patičky,
   které Chrome tiskl na každou stranu. */
@media print{
  .sticky-header,#header,#eta-cookie-banner,.footer-container,.cms-cta,.skip-to-content{display:none !important}
  body{padding-top:0 !important}
  .idp-online .cms-page-hero{min-height:0;background:none !important}
  .idp-online .cms-page-hero__overlay{display:none}
  .idp-online .cms-page-hero__title,.idp-online .cms-page-hero__subtitle{color:#000 !important}
  .idp-online .cms-page-hero__inner{padding:0 0 16px}
}