/**
 * DKBS Plugin — Global CSS Fixes
 *
 * Fix 1 (DKSU-190): Text left-alignment in new text module on Innovationslegat page.
 * Fix 2 (DKSU-190): FAQ/accordion answer text: darker color + support for bullet points and line breaks.
 * Fix 3 (DKSU-190 + DKSU-182): Timeline/icon-list: remove orphan gray bar at the bottom of the module.
 */

/* ─────────────────────────────────────────────────────────────────────────────
   Fix 1 — Text left-alignment in text-editor widget
   The Elementor text-editor widget can inherit center-alignment from the kit.
   This ensures content within those widgets is left-aligned by default.
   ──────────────────────────────────────────────────────────────────────────── */
.elementor-widget-text-editor .elementor-widget-container {
    text-align: left;
}
.elementor-widget-text-editor .elementor-widget-container p,
.elementor-widget-text-editor .elementor-widget-container li {
    text-align: left;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Fix 2 — FAQ / Accordion: darker text color + line breaks + bullet points
   Targets both Elementor Pro native accordion and DCE accordion.
   ──────────────────────────────────────────────────────────────────────────── */

/* Elementor Pro native accordion */
.elementor-widget-accordion .elementor-tab-content {
    color: #333333;
    white-space: pre-line;
}
.elementor-widget-accordion .elementor-tab-content ul,
.elementor-widget-accordion .elementor-tab-content ol {
    padding-left: 1.5em;
    list-style: disc;
    margin: 0.5em 0;
}
.elementor-widget-accordion .elementor-tab-content ul li {
    list-style: disc;
    margin-bottom: 4px;
}

/* Elementor Pro toggle widget */
.elementor-widget-toggle .elementor-tab-content {
    color: #333333;
    white-space: pre-line;
}
.elementor-widget-toggle .elementor-tab-content ul,
.elementor-widget-toggle .elementor-tab-content ol {
    padding-left: 1.5em;
    list-style: disc;
    margin: 0.5em 0;
}

/* DCE accordion (dce-acf-repeater accordion format) */
.acc-content {
    color: #333333;
}
.acc-content p,
.acc-content p.repeater-item {
    color: #333333;
    white-space: pre-line;
}
.acc-content ul,
.acc-content ol {
    padding-left: 1.5em;
    list-style: disc;
    margin: 0.5em 0;
}

/* Repeater item paragraphs (FAQ answers before acc-content class is applied by JS) */
li.item > div > p.repeater-item {
    color: #333333;
    white-space: pre-line;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Fix 3 — Spacing after #how-to-guide section on Innovationslegat page
   The timeline template (#how-to-guide) has padding-bottom:0 on its outer
   container and the following section has padding-top:0 — no gap between them.
   Add top spacing to whatever section follows #how-to-guide.
   ──────────────────────────────────────────────────────────────────────────── */
.page-id-59563 .scroll-div + .e-con-boxed {
    margin-top: 56px !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Fix 4 — Timeline horizontal scrollbar on Windows browsers
   .scroll-div has overflow-x:auto from Elementor. Windows browsers always show
   visible scrollbars (unlike Mac overlay scrollbars), causing a scrollbar to
   appear on desktop even when content fits. Hide it on desktop only.
   Mobile keeps overflow-x:auto so the timeline can scroll horizontally.
   ──────────────────────────────────────────────────────────────────────────── */
/* Hide scrollbar visually on all viewports but keep scroll functionality intact */
.scroll-div {
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE/Edge legacy */
}
.scroll-div::-webkit-scrollbar {
    display: none !important; /* Chrome/Safari/Edge */
}