/* senda-site/css/senda.css — what Senda adds to the shared design system (tokens.css, base.css, synaps.css).
   Lives here, not in _shared/, so a change to Senda's look redeploys only senda.dexo.ch (dexo#163). */

body.site-senda {
    --color-accent:       #A01C4F;   /* alpenrose; white on it is 7.6:1 */
    --color-accent-light: #C2336B;
    --color-accent-bg:    #FAEAF0;
}

.senda-supports { list-style: none; display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; margin: 0 0 var(--space-md); padding: 0; }
.senda-supports li { font-size: 0.9rem; color: var(--color-ink); padding-left: 1.2rem; position: relative; }
.senda-supports li::before { content: '✓'; position: absolute; left: 0; color: var(--color-accent); font-weight: 600; }
.senda-price-cue { font-size: 1rem; font-weight: 600; color: var(--color-ink); margin-bottom: var(--space-sm); }

.senda-what { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-md); }
.senda-tag { display: inline-block; font-size: 0.65rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--color-white); background: var(--color-accent); padding: 0.12rem 0.45rem; border-radius: 4px; vertical-align: 0.08em; }

.senda-table-wrap { overflow-x: auto; margin-bottom: var(--space-md); border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-white); }
.senda-table { width: 100%; border-collapse: collapse; font-size: 0.86rem; min-width: 640px; }
.senda-table caption { text-align: left; padding: 0.9rem 1rem 0.5rem; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: var(--color-accent); }
.senda-table th, .senda-table td { text-align: left; vertical-align: top; padding: 0.6rem 1rem; border-top: 1px solid var(--color-surface-warm); line-height: 1.45; color: var(--color-ink-light); }
.senda-table thead th { color: var(--color-ink); font-weight: 600; border-top: 1px solid var(--color-border); }
.senda-table tbody th { width: 22%; color: var(--color-ink); font-weight: 500; }
.senda-table td { width: 26%; }

.senda-steps { list-style: none; counter-reset: step; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-md); margin: 0; padding: 0; }
.senda-steps li { counter-increment: step; background: var(--color-white); border: 1px solid var(--color-border); border-radius: 12px; padding: var(--space-md); }
.senda-steps li::before { content: counter(step); display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: var(--color-accent); color: var(--color-white); font-size: 0.85rem; font-weight: 600; margin-bottom: 0.7rem; }
.senda-steps h3 { font-size: 1.02rem; margin-bottom: 0.35rem; }
.senda-steps p { font-size: 0.92rem; line-height: 1.6; color: var(--color-ink-light); }

.senda-faq { max-width: 720px; }
.senda-faq details { border-bottom: 1px solid var(--color-border); padding: 0.85rem 0; }
.senda-faq summary { cursor: pointer; font-weight: 500; color: var(--color-ink); }
.senda-faq summary:focus-visible, .senda-table-wrap:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.senda-faq p { margin-top: 0.5rem; font-size: 0.92rem; line-height: 1.65; color: var(--color-ink-light); }

@media (max-width: 768px) {
    .senda-what, .senda-steps { grid-template-columns: 1fr; }
}

/* The 'a Dexo product' line links back to the company site (decision 499). */
.contact-entity a { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; }
.contact-entity a:hover, .contact-entity a:focus-visible { opacity: 0.75; }