/*
 * Deswave's own overrides, loaded after the theme. Keep this small: the look
 * comes from the ported theme CSS, this only bridges what the Laravel side
 * renders differently from WordPress.
 */

/* Blog::contentWithTableOfContents() (a starter trait) puts a numbered
   badge before every h2; the Deswave post design has none. */
.blog__detail-content .section > .num {
    display: none;
}

/* Page FAQs (web.partials.page-faqs) sit on a light background, but the live
   customizer CSS (site-custom.css) makes every .accordion-item p white for
   the dark service-page accordions, so the answers were invisible everywhere
   except /faqs (which live fixed with .page-id-1315). */
.page-faqs .accordion-item p { color: var(--black-3, #555) !important; }
.dark .page-faqs .accordion-item p { color: var(--white, #fff) !important; }

/* Testimonial carousel arrows. Live (site-custom.css) put "previous" on the
   right with a → icon and "next" on its left with a ← icon, so each arrow
   moved the slider the opposite way to what it showed. Swapped: ← on the
   left goes back, → on the right goes forward. */
.testimonial_sliders .swiper .layoutengine-swiper-button-prev { right: 80px !important; }
.testimonial_sliders .swiper .layoutengine-swiper-button-next { right: 0 !important; }
.testimonial_sliders .swiper .layoutengine-swiper-button-prev:after {
    content: url(../media/2024/01/Icon-awesome-long-arrow-alt-right.png) !important;
}
.testimonial_sliders .swiper .layoutengine-swiper-button-next:after {
    content: url(../media/2024/01/Icon-awesome-long-arrow-alt-right-1.png) !important;
}

/* Back-to-top arrow sits to the left of the ChatFleek launcher, which is a
   75px iframe fixed 16px from the bottom right. 101px = 16 + 75 + a 10px gap;
   28px centres the 50px arrow on the launcher. Every theme breakpoint moves
   the arrow, so this holds at all widths. */
html body .scroll-top {
    right: 101px;
    bottom: 28px;
}