/* CF Theme - Custom Fixes for Horizontal Scroll Issues */

/* Fix: Prevent horizontal overflow caused by Bootstrap row negative margins */
body {
    overflow-x: hidden !important;
}

html {
    overflow-x: hidden !important;
}

/* Alternative fix: Ensure swiper containers don't cause overflow */
.js-section-slider {
    max-width: 100%;
}

/* Fix: Navigation buttons positioning - reduce distance from edges */
.navAbsolute.-type-2 {
    left: -40px !important;
    right: -40px !important;
}

/* Fix: Title truncation to 2 lines for category page cards */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    max-height: 2.6em; /* 2 lines * 1.3 line-height */
}

/* Fix: Update line-height for pageHero title */
.pageHero.-type-1 .pageHero__title {
    line-height: 1.1 !important;
    font-size: 68px;
}

/* Fix: Blogpost iframe responsive styling */
.blogpost iframe {
    width: 100%;
}

.blogpost .is-type-video iframe {
    aspect-ratio: 16 / 9;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}

/* Fix: Blogpost spacing for h3 and ul */
.blogpost h3, .blogpost ul {
    margin-bottom: 20px;
}

/* Fix: Blogpost link styling */
.blogpost a {
    color: #0a58ca;
    text-decoration: underline;
}

.blogpost a:hover {
    color: #7aa095;
    text-decoration: none;
}