@import url("elca.generated.css");
@import url("elca-forms.css");

/* Custom ELCA Portals CSS */
body {
    background-color: #fbfaf9;
    line-height: 1.3;
}

a:not(.btn) {
    text-underline-offset: 0.15rem;
    &:hover {
        color: var(--_primitives---colors--crimson-700);
    }
}

.prose {
    --tw-prose-pre-code: var(--tw-prose-body);
    --tw-prose-pre-bg: #f3f3f5;
    line-height: 1.3; 
    
    p {
        margin: 0;
    }

    p+p {
        margin-top: 1.25em;
    }

    img.float-left {
        margin-right: 2rem;
    }
    
    img.float-right {
        margin-left: 2rem;
    }

    hr {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }
}

.topbar {
    display: flex;
}

.topbar, footer {
    background-color: #77726a;
    color: #fff;
}

.bg-parchment-100 {
    background-color: #f3f0eb;
}

.btn-primary:not(.btn-outline),
.btn:hover {
    --btn-fg: var(--color-white);
}

/* Accordion styles */
.elca-accordion-arrow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-left: 1rem;
    background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5" stroke="%2377726a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center center no-repeat;
    background-size: 1.5rem 1.5rem;
    transition: transform 0.2s;
}
.elca-accordion-item[open] .elca-accordion-arrow {
    transform: rotate(180deg);
}
.elca-accordion-divider {
    border-top: 1px solid #e0ddd7;
}
/* end Accordion styles */

/* Alert overrides */
.alert {
    box-shadow: none;
    border-color: color-mix(in oklab, var(--alert-color) 70%, var(--color-neutral));
}
.alert-info {
    --alert-color: var(--bs-primary-bg-subtle);
}
.alert-success {
    --alert-color: var(--bs-success-bg-subtle);
}
.alert-warning {
    --alert-color: var(--bs-warning-bg-subtle);
}
.alert-error {
    --alert-color: var(--bs-danger-bg-subtle);
}
/* end Alert overrides */

.menu-horizontal>li:last-child>details>ul {
    right: 0;
}