/* ############################################################### */
/* 1. Fix mobile off-canvas submenu toggles on all levels */
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > .nav-header,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > a {
    position: relative;
    display: block;
    padding-right: 44px; /* space for the toggle icon */
}

.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > .nav-header > .menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > a > .menu-toggler {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    padding: 12px 14px;
    cursor: pointer;
}

/* ############################################################### */
/* 2. Roundtrips grid: flip on hover, show name */
.com-content-category-blog .article {
    position: relative;
    overflow: hidden;
    perspective: 900px;
}

.com-content-category-blog .article-intro-image {
    float: none;
    width: 100%;
}

.com-content-category-blog .article-intro-image img {
    display: block;
    width: 100%;
    transition: transform .6s ease, opacity .6s ease;
}

/* title = back of the card */
.com-content-category-blog .article-header {
    position: absolute;
    inset: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    background: rgba(0, 0, 0, .65);
    opacity: 0;
    transform: rotateY(90deg);
    transition: transform .6s ease, opacity .6s ease;
    pointer-events: none; /* clicks reach the linked image below */
}

.com-content-category-blog .article-header h2 {
    margin: 0;
}

.com-content-category-blog .article-header a {
    color: #fff;
    pointer-events: auto; /* title text stays clickable */
}

/* hover: image flips away, name flips in */
.com-content-category-blog .article:hover .article-intro-image img {
    transform: rotateY(-90deg);
    opacity: 0;
}

.com-content-category-blog .article:hover .article-header {
    transform: rotateY(0);
    opacity: 1;
}

/* roundtrip name visible on the dark overlay (overrides template link color) */
.com-content-category-blog .article-list .article .article-header h2 a,
.com-content-category-blog .article-list .article .article-header h2 a:hover,
.com-content-category-blog .article-list .article .article-header h2 a:focus {
    color: #fff !important;
}

/* hide full text in the roundtrips grid */
.com-content-category-blog .article-introtext {
    display: none;
}

/* ############################################################### */
/* 3. Roundtrips tiles: NO frame, edge-to-edge images */
.com-content-category-blog .article-list .article {
    padding: 0;
    border: none;
}

.com-content-category-blog .article-list .article .article-intro-image {
    margin: 0;
    border-bottom: none;
}

/* spacing between the tiles */
.com-content-category-blog .article-list {
    --gap: 0.6em;
}

.com-content-category-blog .article-list .article {
    margin-bottom: 12px;
}

/* ############################################################### */
/* 4. Hot Image Slider: hide black bar + number icons */
div#header_hotslider div#slide-holder div#slide-controls {
    display: none !important;
}