/* =====================================================
   TABLE OF CONTENTS - style.css
   -----------------------------------------------------
   1. Font Face ....................... (line 1)
   2. CSS Variables ................... (line 7)
   3. Typography ...................... (line 21)
   4. Base Elements ................... (line 41)
   5. Color Utilities ................. (line 74)
   6. Background Utilities ............ (line 115)
   7. Layout Utilities ................ (line 131)
   8. Navigation ...................... (line 143)
   9. Buttons ......................... (line 195)
  10. Dropdown ....................... (line 237)
  11. Hero Section ................... (line 256)
  12. Video Player ................... (line 310)
  13. About Section .................. (line 370)
  14. Service Section ................ (line 435)
  15. Business Section ............... (line 461)
  16. Choose Section ................. (line 489)
  17. Testimonial Section ............ (line 499)
  18. Destination Section ............ (line 522)
  19. Blog Section ................... (line 558)
  20. Accordion ...................... (line 609)
  21. Get Started Section ............ (line 672)
  22. Company Values ................. (line 677)
  23. Maps ........................... (line 688)
  24. Career Section ................. (line 722)
  25. 404 Page ....................... (line 732)
  26. Single Post .................... (line 754)
  27. Comments ....................... (line 786)
  28. Footer ......................... (line 793)
  29. Animations ..................... (line 843)
  30. Popup Messages ................. (line 909)
  31. Responsive/Media Queries ....... (line 940)
====================================================== */

/* ===== FONT FACE ===== */
@font-face {
    font-family: 'exo-2';
    src: url(../fonts/exo-2.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ===== CSS VARIABLES ===== */
:root {
    --text-color-1: #47464D;
    --text-color-2: #A6A5AA;
    --heading-color: #201c30;
    --color-main: #29166F;
    --color-darker: #1A0E47;
    --color-lighter: #4A2BA8;
    --color-subtle: #FF9203;
    --color-border: #BEBCC7;
    --color-accent: #F4F4F4;
    --color-error:#E22D2D;
    --color-warning: #E2D52D;
    --color-info: #2663cf;
    --color-success: #20bd3c;
    --font-1:"exo-2";
}

/* ===== TYPOGRAPHY ===== */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-1);
    font-weight: 700;
    line-height: 1.2em;
}

h1 { font-size: 70px; }
h2 { font-size: 50px; letter-spacing: -1.3px; }
h3 { font-size: 36px; letter-spacing: -1.1px; }
h4 { font-size: 29px; letter-spacing: -0.8px; }
h5 { font-size: 23px; letter-spacing: -0.8px; }
h6 { font-size: 16px; letter-spacing: -0.6px; }

p, .small-text, .text-subtitle, .nav-link, .dropdown-item, .hero-input, 
.bus-detail-input, .footer-input, .comment-input, .post-meta-text {
    font-family: var(--font-1);
}

p { 
    font-size: 16px;
    color: var(--text-color-1);
}

.small-text {
    font-size: 13px;
    font-weight: 500;
    color: white;
}

.text-subtitle {
    font-size: 15px;
    font-weight: 700;
    color: var(--heading-color);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ===== BASE ELEMENTS ===== */
button, .btn-subtle, .btn-dark, .btn-main, .btn-white, .footer-btn, .bus-button {
    font-family: var(--font-1);
    font-weight: 600;
    border: none;
    border-radius: 5px;
    padding: 12px 20px;
    transition: all 0.3s ease;
}

a, .footer-link, .destination-link {
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
}

img, .hero-img, .about-img, .service-img, .choose-img, .testimonial-img, 
.destination-img, .blog-img, .img-blog-post {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

ul, .footer-links {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

li, .footer-links li {
    padding: 0;
    margin: 0;
}

/* ===== COLOR UTILITIES ===== */
.c-text-1 { color: var(--text-color-1) !important; }
.c-text-2 { color: var(--text-color-2) !important; }
.c-heading { color: var(--heading-color); }
.c-main { color: var(--color-main); }
.c-darker { color: var(--color-darker); }
.c-lighter { color: var(--color-lighter); }
.c-subtle { color: var(--color-subtle); }
.c-border { color: var(--color-border); }
.c-error { color: var(--color-error); }
.c-warning { color: var(--color-warning); }
.c-info { color: var(--color-info); }
.c-success { color: var(--color-success); }
.c-accent { color: var(--color-accent); }
.c-white { color: white !important; }
.c-black { color: black !important; }

/* ===== BACKGROUND UTILITIES ===== */
.bg-text-1 { background-color: var(--text-color-1); }
.bg-text-2 { background-color: var(--text-color-2); }
.bg-heading { background-color: var(--heading-color); }
.bg-main { background-color: var(--color-main); }
.bg-darker { background-color: var(--color-darker); }
.bg-lighter { background-color: var(--color-lighter); }
.bg-subtle { background-color: var(--color-subtle); }
.bg-border { background-color: var(--color-border); }
.bg-error { background-color: var(--color-error); }
.bg-warning { background-color: var(--color-warning); }
.bg-info { background-color: var(--color-info); }
.bg-success { background-color: var(--color-success); }
.bg-accent { background-color: var(--color-accent); }
.bg-white { background-color: white !important; }

/* ===== LAYOUT UTILITIES ===== */
.navbar-size, .page-size, .get-started-size {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.page-size, .get-started-size {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* ===== NAVIGATION ===== */
.nav-link {
    font-size: 15px;
    color: var(--text-color-1) !important;
}

.dropdown-item {
    color: var(--text-color-2) !important;
}

.nav-link:hover, .nav-link.active {
    color: var(--color-main) !important;
}

.navbar-toggler, .dropdown-menu, .dropdown-toggle-wrapper {
    border: none;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: none;
    box-shadow: none;
}

.navbar-toggler .custom-toggler-icon {
    width: 40px;
    height: 32px;
    background: var(--color-main);
    color: white !important;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: end;
}

.navbar-toggler .bar {
    display: block;
    height: 2px;
    width: 100%;
    background-color: white;
}

.navbar-toggler .bar-1,
.navbar-toggler .bar-3 {
    align-self: flex-end;
}

.navbar-img {
    max-width: 200px;
}

/* ===== BUTTONS ===== */
.btn-subtle {
    background-color: var(--color-subtle);
    color: white;
    letter-spacing: 0.5px;
}

.btn-subtle:hover {
    background-color: var(--color-main);
}

.btn-dark {
    background-color: var(--heading-color);
    color: white;
}

.btn-dark:hover {
    background-color: var(--color-subtle);
}

.btn-main {
    background-color: var(--color-main);
    color: white;
    letter-spacing: 0.5px;
}

.btn-main:hover {
    background-color: white;
    color: var(--heading-color);
}

.btn-white {
    background-color: white;
    color: var(--heading-color);
    letter-spacing: 0.5px;
}

.btn-white:hover {
    background-color: var(--color-subtle);
    color: white;
}

/* ===== DROPDOWN ===== */
.dropdown-menu {
    background-color: var(--heading-color);
}

.dropdown-item:hover {
    color: var(--color-subtle) !important;
    background-color: var(--heading-color);
}

.dropdown-toggle {
    box-shadow: none !important;
    color: var(--text-color-1);
}

.dropdown-toggle::after {
    border: none !important;
}

/* ===== HERO SECTION ===== */
.bg-hero, .bg-banner {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-hero::before,
.bg-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../img/bg-hero.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.5;
    z-index: -1;
}

.hero-img {
    max-width: 800px;
    height: auto;
}

.hero-card, .bus-card, .testimonial-card, .company-value-card {
    background-color: white;
    padding: 32px;
    border-radius: 20px;
}

.hero-input, .bus-detail-input, .footer-input, .comment-input {
    width: 100%;
    border: none;
    background-color: var(--color-accent);
    color: var(--text-color-1);
    padding: 15px 24px;
    border-radius: 5px;
    font-size: 15px;
}

.bus-detail-input {
    background-color: white !important;
}

.hero-input:focus,
.bus-detail-input:focus {
    outline: none;
    box-shadow: none;
    background-color: white;
}

/* ===== VIDEO PLAYER ===== */
.video-wrapper {
    position: relative;
    width: 100%;
}

.hero-video {
    width: 100%;
    border-radius: 20px;
    display: block;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 64px;
    color: var(--color-main);
    opacity: 0.9;
    cursor: pointer;
    transition: opacity 0.3s;
}

.play-button:hover {
    opacity: 1;
}

.play-button.hidden {
    display: none;
}

.video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-modal video {
    width: 80%;
    max-width: 900px;
}

.video-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 32px;
    color: white;
    cursor: pointer;
}

/* ===== ABOUT SECTION ===== */
.about-img {
    max-height: 800px;
    border-radius: 20px;
}

.about-card, .choose-card,
.single-post-card, .single-post-card-2, .single-post-card-3, .single-post-card-4 {
    background-color: var(--heading-color);
    padding: 32px;
    border-radius: 20px;
}

.single-post-card, .single-post-card-2 {
    background-color: var(--color-accent);
}

.destination-card {
    background-color: var(--heading-color);
    padding: 24px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 1; 
}

.blog-card {
    background-color: var(--heading-color);
    padding: 24px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#quote {
    width: 50%;
    position: absolute;
    bottom: -80px;
    left: -15px;
}

.about-team-wrapper {
    position: relative;
}

.about-team-card {
    width: 90%;
    background-color: var(--heading-color);
    padding: 24px;
    border-radius: 20px;
    position: absolute;
    bottom: -70px;
    left: 5%;
}

.border-radius {
    border-radius: 20px;
}

.m-minus {
    margin-top: -8px;
}

.about-padding {
    padding-bottom: 100px !important;
}

/* ===== SERVICE SECTION ===== */
.service-card {
    padding: 40px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: var(--heading-color);
    padding: 32px;
}

.service-img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.service-detail-card, .bus-detail-card {
    padding: 32px;
    border-radius: 20px;
    background-color: var(--color-accent);
}

.service-detail-card-dark, .bus-detail-card-dark, .comment-card {
    background-color: var(--heading-color);
    padding: 24px;
    border-radius: 20px;
}

/* ===== BUSINESS SECTION ===== */
.bus-detail-list, .bus-detail-line {
    border-bottom: 1px solid var(--text-color-1);
}

.bus-detail-line {
    border: none;
}

.bus-detail-contact-card {
    padding: 64px;
}

.bus-detail-contact-card {
    background-color: var(--color-accent) !important;
}

.bus-button {
    width: 100%;
    background-color: var(--color-main) !important;
    color: var(--text-color-2);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    padding: 8px 16px 12px 16px;
}

/* ===== CHOOSE SECTION ===== */
.choose-card {
    padding: 42px;
}

.fs-50 { font-size: 50px; }

.choose-align { text-align: right; }
.choose-align-2 { text-align: left; }

/* ===== TESTIMONIAL SECTION ===== */
.testimonial-img {
    max-height: 850px;
    border-radius: 20px;
}

.testimonial-client-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--heading-color);
}

.testimonial-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.testimonial-client-label {
    font-size: 13px;
    color: var(--color-subtle);
}

/* ===== DESTINATION SECTION ===== */
.destination-col1,
.destination-col2,
.destination-col3,
.destination-col4 {
    border-radius: 20px;
}

.destination-col1:hover .destination-img,
.destination-col2:hover .destination-img,
.destination-col3:hover .destination-img,
.destination-col4:hover .destination-img {
    transform: translateY(-10px);
}

.destination-img-wrapper {
    background-color: var(--heading-color);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.destination-img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transition: transform 0.3s ease;
    background-color: var(--heading-color);
}

.destination-link {
    color: var(--color-subtle);
}

.destination-link:hover {
    color: white;
}

/* ===== BLOG SECTION ===== */
.blog-img-wrapper {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    cursor: pointer;
}

.blog-img-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease;
    opacity: 0;
    z-index: 10;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.blog-img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1;
}

.blog-img-wrapper:hover .blog-img,
.blog-col1:hover .blog-img,
.blog-col2:hover .blog-img,
.blog-col3:hover .blog-img,
.blog-col4:hover .blog-img,
.blog-col5:hover .blog-img,
.blog-col6:hover .blog-img {
    transform: scale(1.05) rotate(2deg);
}

.blog-img-wrapper:hover::before {
    opacity: 1;
}

.blog-meta {
    color: var(--text-color-2);
    font-size: 16px;
}

/* ===== ACCORDION ===== */
.accordion,
.accordion-button,
.accordion-item,
.accordion-header,
.accordion-body {
    border: none !important;
    box-shadow: none !important;
}

.accordion-button {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.6px;
    color: var(--text-color-1);
    background-color: var(--color-accent);
}

.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../icon/xmark-solid.svg");
    background-size: auto;
    background-position: center;
}

.accordion-button.collapsed::after {
    background-image: url("../icon/chevron-down-solid.svg");
    background-size: auto;
    background-position: center;
}

.accordion-button:not(.collapsed) {
    color: white;
    background-color: var(--color-main) !important;
}

.accordion-button:hover {
    background-color: #e9ecef;
}

.accordion-button:active {
    background-color: transparent !important;
}

.accordion-body {
    background-color: white !important;
}

.accordion-item {
    margin-bottom: 10px;
    border-radius: 0px !important;
}

.accordion-header,
.accordion-body,
.accordion-button {
    border-radius: 0px !important;
}

/* ===== GET STARTED SECTION ===== */
.get-started-card {
    padding: 64px;
}

/* ===== COMPANY VALUES ===== */
.fs-24 { font-size: 24px; }

.company-value-circle {
    width: 48px;
    height: 48px;
    background-color: var(--color-main);
    padding: 12px;
    border-radius: 50%;
}

/* ===== MAPS ===== */
.maps-wrapper {
    position: relative;
    width: 100%;
    height: 388px;
    border-radius: 20px;
    overflow: hidden;
}

.maps-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10;
    transition: background-color 0.3s ease;
}

.maps-overlay:hover {
    background-color: transparent;
}

.maps {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 1;
    pointer-events: auto;
}

/* ===== CAREER SECTION ===== */
.career-card {
    padding: 32px;
    border-radius: 20px;
    background-color: var(--color-accent);
}

.border-right-career {
    border-right: 3px solid var(--color-border);
}

/* ===== 404 PAGE ===== */
.size-404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.text-404 {
    font-size: 172px;
    color: var(--color-main);
    font-weight: 900;
    text-align: center;
    margin-top: -32px;
}

.sub-text-404 {
    width: 40%;
    text-align: center;
}

/* ===== SINGLE POST ===== */
.icon-post-terms {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-main);
    border-radius: 50%;
    color: var(--color-main);
    background-color: transparent;
    font-size: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.icon-post-terms:hover {
    color: var(--color-subtle);
    background-color: var(--color-main);
    border: 1px solid var(--color-main);
}

.img-blog-post {
    border-radius: 10px;
}

.post-meta-text {
    font-size: 12px;
    color: var(--text-color-1);
    font-family: var(--font-2);
}

/* ===== COMMENTS ===== */
.comment-label {
    font-size: 14px;
    color: white;
    font-weight: 600;
}

/* ===== FOOTER ===== */
.footer-logo {
    object-fit: contain;
    width: auto;
    height: 56px;
}

.footer-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    color: var(--color-subtle);
    background-color: transparent;
    font-size: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.footer-icon:hover {
    color: var(--color-main);
    background-color: white;
}

.footer-link {
    color: var(--text-color-2);
}

.footer-link:hover {
    color: var(--color-subtle);
}

.footer-links {
    margin-top: 24px;
}

.footer-btn {
    width: 100%;
    background-color: var(--color-main);
    color: white;
    letter-spacing: 0.5px;
}

.footer-btn:hover {
    background-color: var(--color-subtle);
}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(220px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-220px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-220px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(220px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fade-in-up,
.fade-in-down,
.fade-in-left,
.fade-in-right {
    opacity: 0;
    transform: translate(0, 0);
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
}

.fade-in-up { animation-name: fadeInUp; }
.fade-in-down { animation-name: fadeInDown; }
.fade-in-left { animation-name: fadeInLeft; }
.fade-in-right { animation-name: fadeInRight; }

.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }
.delay-4 { animation-delay: 0.8s; }

/* ===== POPUP MESSAGES ===== */
.popup-message,
.popup-message-2,
.popup-message-3 {
    display: none;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.popup-message {
    max-width: 400px;
    background-color: var(--color-accent);
    color: var(--heading-color);
}

.popup-message-2 {
    background-color: var(--color-accent);
    color: var(--heading-color);
}

.popup-message-3 {
    background-color: white;
    color: var(--heading-color);
}

/* ===== RESPONSIVE DESIGN ===== */
@media screen and (max-width: 992px) {
    h1 { font-size: 60px; }
    h2 { font-size: 40px; }
    h3 { font-size: 28px; }
    h4 { font-size: 24px; }
    h5 { font-size: 22px; }
    h6 { font-size: 16px; }

    .navbar-size,
    .page-size {
        width: 100%;
        padding-left: 32px;
        padding-right: 32px;
    }

    .page-size {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .nav-link,
    .dropdown-item {
        font-size: 12px;
    }

    .dropdown-menu {
        border-radius: 0px;
    }

    .dropdown-toggle-wrapper {
        border: none;
        border-radius: 10px;
        padding: 1px 12px;
    }

    #quote {
        width: 60%;
        bottom: 28px;
        left: 50px;
    }

    .service-card {
        padding: 32px;
    }

    .choose-align {
        text-align: left;
    }

    .fs-56 {
        font-size: 40px;
    }

    .get-started-card {
        padding: 32px;
    }

    .bus-detail-card {
        padding: 24px;
    }

    .text-404 {
        font-size: 102px;
        margin-top: 0px;
    }

    .sub-text-404 {
        width: 70%;
    }

    .size-404 {
        height: 50vh;
        padding-left: 32px;
        padding-right: 32px;
    }

    .navbar-img {
        max-width: 160px;
    }
}

@media screen and (max-width: 575px) {
    h1 { font-size: 40px; }
    h2 { font-size: 32px; }
    h3 { font-size: 24px; }
    h4 { font-size: 22px; }
    h5 { font-size: 18px; }
    h6 { font-size: 16px; font-weight: 500; }

    .navbar-size,
    .page-size {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer-logo {
        width: 180px;
        height: 30px;
    }

    .navbar-img {
        max-width: 140px;
    }

    #quote {
        width: 80%;
        bottom: 28px;
        left: 10%;
    }

    .service-card,
    .bus-card {
        padding: 16px;
    }

    .testimonial-card {
        padding: 24px;
    }

    .destination-card {
        padding: 16px;
    }

    .fs-56 {
        font-size: 32px;
    }

    .bus-detail-contact-card,
    .service-detail-card,
    .service-detail-card-dark,
    .comment-card {
        padding: 24px;
    }

    .border-right-career {
        border-right: 0px solid var(--color-border);
    }

    .text-404 {
        font-size: 68px;
    }

    .sub-text-404 {
        width: 100%;
    }

    .size-404 {
        height: 75vh;
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* ==========================================================================
   Fokuso matomumas klaviatūra — CHECKLIST C13 (2026-10-13)
   --------------------------------------------------------------------------
   Bootstrap 5 šiems komponentams PATS nuima kontūrą ir fokusą rodo šešėliu:
     .nav-link:focus-visible   { outline:0; box-shadow:… }
     .accordion-button:focus   { outline:0; box-shadow:var(--bs-accordion-btn-focus-box-shadow) }
     .navbar-toggler:focus     { outline:0; box-shadow:… }
   O aukščiau šiame faile esančios taisyklės tą šešėlį naikina
   (`.dropdown-toggle`, `.accordion*`, `.accordion-button:focus`
   — `box-shadow: none !important`). Rezultatas buvo `outline:none` IR
   `box-shadow:none` ⇒ fokusuojant klaviatūra nesimatė NIEKO (išmatuota
   pikseliais: 0 pakitusių pikselių ties 4 meniu išskleidimais, DUK akordeonu
   ir „Atidaryti meniu").

   Grąžiname KONTŪRĄ, ne šešėlį, kad nesugrąžintume dizaino atsisakytų šešėlių.
   Juosta dviguba: balta prie elemento + tamsi išorėje. Vienos spalvos žiedas
   čia netinka, nes `--color-subtle` (#FF9203) ant balto fono duoda tik 2,24:1,
   o `--heading-color` (#201c30) yra lygiai ta pati spalva kaip tamsios
   sekcijos fonas — t. y. kiekviena atskirai kažkur būtų nematoma.
   ========================================================================== */
.navbar-toggler:focus-visible,
.nav-link:focus-visible,
.dropdown-toggle:focus-visible,
.dropdown-item:focus-visible,
.accordion-item .accordion-button:focus-visible,
.accordion-button:focus-visible,
.moletuap-autoplay-toggle:focus-visible {
    outline: 2px solid var(--heading-color) !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #fff !important;
}

/* ==========================================================================
   Karuselės pauzės/leidimo mygtukas — CHECKLIST C12 (2026-10-13)
   Ikona braižoma CSS, nes temos Font Awesome poaibyje `fa-pause` / `fa-play`
   glifų nėra. Dydis 44×44 px — WCAG 2.5.8 ir CHECKLIST D8 riba.
   ========================================================================== */
/* Swiper 11 savo CSS pozicionuoja `.swiper`, o ši žymėjimo dalis naudoja senąjį
   `.swiper-container`, todėl bibliotekos `position: relative` NIEKADA nebuvo pritaikytas
   (išmatuota: `position: static`, pozicionuoto protėvio nėra, absoliučių vaikų 0).
   Be šių eilučių pauzės mygtukas kibtų prie viso dokumento, ne prie karuselės.
   Išvardyti VISI trys konteineriai — CSS klasė `.swiper-container` NEATITINKA
   `bus-detail-swiper-container` (tai ne poeilutės atitiktis); dėl to pirmas pataisymas
   veikė tik pradiniame, o Setros galerijoje mygtukas liko kabėti ne vietoje. */
.swiper-container,
.more-testimonial-swiper-container,
.bus-detail-swiper-container {
    position: relative;
}

.moletuap-autoplay-toggle {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 10;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    background: rgba(32, 28, 48, 0.72);
    cursor: pointer;
}

.moletuap-autoplay-toggle::before,
.moletuap-autoplay-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}

/* Pauzės ženklas — dvi juostelės. */
.moletuap-autoplay-toggle::before {
    left: 16px;
    width: 4px;
    height: 14px;
}

.moletuap-autoplay-toggle::after {
    right: 16px;
    width: 4px;
    height: 14px;
}

/* Pristabdžius — trikampis „leisti“ (viena juostelė paslepiama, antra tampa trikampiu). */
.moletuap-autoplay-toggle.is-paused::before {
    display: none;
}

.moletuap-autoplay-toggle.is-paused::after {
    right: 15px;
    width: 0;
    height: 0;
    background: transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #fff;
}

.moletuap-autoplay-toggle:hover {
    background: rgba(32, 28, 48, 0.9);
}

/* ==========================================================================
   Antraštės logotipas (2026-10-13)
   `the_custom_logo()` spausdina paveikslėlį natūraliu dydžiu. Ankstesnis temos
   ženklas buvo GULSČIAS (345×64 SVG), o kliento logotipas — STATUS (417×515),
   todėl be ribojimo antraštė @390 px išaugo iki 379 px (44,9 % ekrano), o
   CHECKLIST D2 riba yra ~120 px. Ribojame aukštį, plotį paliekame automatinį.
   ========================================================================== */
.navbar .custom-logo,
.navbar img.custom-logo {
    height: 48px;
    width: auto;
    max-width: 100%;
}

@media (min-width: 992px) {
    .navbar .custom-logo,
    .navbar img.custom-logo {
        height: 64px;
    }
}

.custom-logo-link {

    display: inline-block;

    line-height: 0;

}


/* ==========================================================================
   Nuorodos teksto bloko viduje — CHECKLIST C1 (2026-10-14)
   axe `link-in-text-block`: nuoroda pastraipos viduje negali skirtis TIK spalva.
   Pvz. „> Visi autobusai" — balta nuoroda pilkame tekste ant tamsaus fono.
   ========================================================================== */
p.c-text-2 > a,
p.c-text-1 > a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ==========================================================================
   Naujienų kortelės fokuso žiedas — CHECKLIST C13 (2026-10-14)
   --------------------------------------------------------------------------
   Kortelės pavadinimo nuoroda yra `.stretched-link`: tikroji paspaudžiama sritis
   yra VISA kortelė (`::after` išsitiesia iki `.col.position-relative`), o ne tekstas.
   Todėl ir fokuso žiedas brėžiamas ant tos pačios dėžutės, kad indikatorius
   atitiktų paspaudžiamą sritį. Tekstinį žiedą nuimame, kad nebūtų dviejų
   indikatorių vienam elementui.

   ⚠ Žiedas brėžiamas ant `::before`, NE ant `::after`, nors geometrija ta pati.
   Priežastis išmatuota (nepriklausoma peržiūra 2026-10-14): `::after` YRA
   paspaudžiamas elementas, tad `border-radius` ant jo apvalina ir HIT-TESTĄ —
   fokusuotos kortelės kampuose 3 px gilyn `elementFromPoint` grąžindavo
   `DIV.col`, ne nuorodą, t. y. paspaudžiama sritis susitraukdavo iki
   indikatoriaus (atvirkščiai nei šio pataisymo tikslas). `::before` +
   `pointer-events: none` piešia tą patį žiedą nekeisdamas hit-testo.

   Kodėl ne globaliai visiems `.stretched-link`: paslaugų ir autobusų kortelėse
   ta pati klasė yra ant MYGTUKO („Plačiau", „Užsakyti"), kuris turi savo dėžutę ir
   žiedą jau rodo (išmatuota: 622–684 pakitę pikseliai). Klasė čia išvardyta
   pilnai (`.blog-card-link`), nes CSS klasė nėra poeilutė — `blog-col`
   NEATITINKA `blog-col1`.

   Juosta dviguba. Tamsioji (`--heading-color`) neša indikatorių: po žiedu yra
   sekcijos `.bg-accent` fonas `rgb(244,244,244)` (išmatuota, ne spėta), ir ant jo
   ji duoda 15,03:1 visame perimetre. `--color-subtle` (#FF9203) ant to paties
   fono duotų tik 2,04:1 ⇒ po 3:1 ribos (WCAG 1.4.11), todėl oranžinė čia netinka.
   Balta 2 px juosta reikalinga TIK viršuje ir apačioje, kur tamsi kortelės
   plokštė prieina prie pat žiedo (16,53:1) — be jos tamsus žiedas susilietų su
   kortele. Kairėje ir dešinėje ji gula ant to paties pilko fono (1,10:1) ir
   nieko neskiria; ten indikatorių neša tamsioji juosta. (Peržiūra 2026-10-14
   pagrįstai nurodė, kad ankstesnis komentaras šią dalį vaizdavo per plačiai.)
   Geometrija: balta 0–2 px už kortelės, tamsi 2–4 px.
   ========================================================================== */
.blog-card-link:focus-visible {
    outline: none;
}

.blog-card-link:focus-visible::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    outline: 2px solid var(--heading-color);
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 20px;
}