/* ============================================================
   odot.css — bilingual about/partners page (template-odot.php).
   1:1 with Figma 6179:134 (HE) + 6179:159 (EN) — same layout for
   both languages, only direction differs.
   ============================================================ */

.darom-odot-page {
    background: var(--c-white);
    color: var(--c-ink-soft);
    padding-top: 32px;
    padding-bottom: 80px;
}

/* Show only the active-language section. Default: HE. */
.darom-odot-page .darom-odot-content { display: none; }
.darom-odot-page[data-lang="he"] .darom-odot-content--he { display: block; }
.darom-odot-page[data-lang="en"] .darom-odot-content--en { display: block; }

.darom-odot-toggle-wrap {
    display: flex;
    justify-content: flex-start;       /* RTL flex-start = right edge */
    margin-bottom: 32px;
}
.darom-odot-toggle {
    display: inline-flex;
    border: 1px solid var(--c-line);
    border-radius: 9999px;
    padding: 4px;
    gap: 4px;
    background: var(--c-white);
}
.darom-odot-toggle-btn {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    color: var(--c-ink-soft);
    border: 0;
    border-radius: 9999px;
    padding: 8px 18px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
.darom-odot-toggle-btn[aria-selected="true"] {
    background: var(--c-ink);
    color: var(--c-white);
}
.darom-odot-toggle-btn:focus-visible {
    outline: 2px solid var(--c-purple);
    outline-offset: 2px;
}

.darom-odot-inner {
    max-width: 720px;
    margin: 0 auto;
}

.darom-odot-hero { margin-bottom: 32px; }
.darom-odot-title {
    margin: 0 0 12px;
    font-size: var(--t-h2, 54px);
    line-height: var(--t-h2-lh, 50px);
    font-weight: 500;
    letter-spacing: -1px;
    color: var(--c-purple);
}
.darom-odot-reg {
    margin: 0;
    font-size: var(--t-h6, 22px);
    line-height: var(--t-h6-lh, 28px);
    color: var(--c-ink-soft);
}

.darom-odot-intro {
    margin-bottom: 48px;
    font-size: 14px;
    line-height: 22px;
}
.darom-odot-intro p { margin: 0 0 20px; }
.darom-odot-intro p:last-child { margin-bottom: 0; }

.darom-odot-section {
    margin-bottom: 48px;
}
.darom-odot-section h2 {
    margin: 0 0 16px;
    font-size: var(--t-h4, 36px);
    line-height: var(--t-h4-lh, 40px);
    font-weight: 500;
    color: var(--c-purple);
    letter-spacing: -1px;
}
.darom-odot-section p {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 22px;
    color: var(--c-ink-soft);
}
.darom-odot-section p:last-child { margin-bottom: 0; }
.darom-odot-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.darom-odot-section ul li {
    position: relative;
    padding-inline-start: 16px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
    color: var(--c-ink-soft);
}
.darom-odot-section ul li::before {
    content: "•";
    position: absolute;
    inset-inline-start: 0;
    color: var(--c-purple);
    font-weight: 700;
}

.darom-odot-contact {
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}
.darom-odot-contact li {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
}
.darom-odot-contact a {
    color: var(--c-purple);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.darom-odot-contact a:hover { text-decoration: none; }

/* ---------------- Back-to-schedule CTA ---------------- */

.darom-odot-back {
    padding: 32px 0 8px;
}
.darom-odot-back-inner {
    display: flex;
    justify-content: center;
}
.darom-odot-back-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-width: 320px;
    height: 56px;
    padding: 16px 48px;
    background: transparent;
    color: var(--c-ink);
    border: 1px solid var(--c-line);
    border-radius: 9999px;
    text-decoration: none;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -1px;
    transition: opacity .15s ease, background .15s ease;
}
.darom-odot-back-btn:hover {
    background: var(--c-mist);
    opacity: .9;
}
.darom-odot-back-btn:focus-visible {
    outline: 2px solid var(--c-purple);
    outline-offset: 2px;
}

/* Hide the inactive language label, mirror the arrow when LTR-English is showing. */
.darom-odot-back-label { display: none; }
.darom-odot-page[data-lang="he"] .darom-odot-back-label--he { display: inline; }
.darom-odot-page[data-lang="en"] .darom-odot-back-label--en { display: inline; }
.darom-odot-page[data-lang="en"] .darom-odot-back-arrow { transform: scaleX(-1); }

@media (max-width: 760px) {
    .darom-odot-page { padding-top: 16px; padding-bottom: 48px; }
    .darom-odot-title { font-size: 30px; line-height: 34px; }
    .darom-odot-reg { font-size: 16px; line-height: 22px; }
    .darom-odot-section h2 { font-size: 24px; line-height: 28px; }
    .darom-odot-section { margin-bottom: 32px; }

    .darom-odot-back { padding: 20px 0 8px; }
    .darom-odot-back-btn {
        width: 100%;
        min-width: 0;
        height: 48px;
        padding: 12px 24px;
        font-size: 16px;
        gap: 10px;
    }
    .darom-odot-back-btn svg { width: 20px; height: 20px; }
}