.adria-service-account,
.adria-support-center,
.adria-order-support-cta {
    --adria-service-blue: #0042ec;
    --adria-service-ink: #121212;
    --adria-service-muted: #5d6673;
    --adria-service-line: #dbe3ee;
    --adria-service-soft: #f7f9fc;
    color: var(--adria-service-ink);
}

.adria-service-eyebrow {
    margin: 0 0 7px;
    color: var(--adria-service-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.adria-service-account__header,
.adria-order-support-cta,
.adria-service-form-heading,
.adria-service-case-detail__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.adria-service-account__header {
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--adria-service-line);
}

.adria-service-account__header h2,
.adria-service-case-detail h3,
.adria-service-claim-form h3,
.adria-service-order-picker h3 {
    margin: 0 0 8px;
    color: var(--adria-service-ink);
    font-family: Manrope, sans-serif;
    line-height: 1.08;
}

.adria-service-account__header p,
.adria-service-form-heading p,
.adria-service-order-picker > p {
    max-width: 680px;
    margin: 0;
    color: var(--adria-service-muted);
}

.adria-service-account__header-actions,
.adria-service-case-detail__actions,
.adria-service-payment-help > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.adria-service-account .button,
.adria-support-center .button,
.adria-order-support-cta .button {
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid var(--adria-service-blue);
    border-radius: 7px;
    background: #fff;
    color: var(--adria-service-blue);
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
}

.adria-service-account .button.alt,
.adria-support-center .button,
.adria-service-submit {
    background: var(--adria-service-blue);
    color: #fff;
}

.adria-service-account .button:hover,
.adria-service-account .button:focus-visible,
.adria-support-center .button:hover,
.adria-support-center .button:focus-visible,
.adria-order-support-cta .button:hover,
.adria-order-support-cta .button:focus-visible {
    border-color: #121212;
    background: #121212;
    color: #fff;
}

.adria-service-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 15px;
}

.adria-service-section-heading h3 {
    margin: 0;
}

.adria-service-case-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.adria-service-case-card,
.adria-service-empty,
.adria-service-payment-help,
.adria-service-case-detail,
.adria-service-claim-form,
.adria-service-order-list article {
    border: 1px solid var(--adria-service-line);
    border-radius: 8px;
    background: #fff;
}

.adria-service-case-card {
    padding: 18px;
}

.adria-service-case-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 22px;
    color: var(--adria-service-muted);
    font-size: 12px;
    font-weight: 750;
}

.adria-service-case-card h3 {
    margin: 0 0 7px;
    font-size: 19px;
}

.adria-service-case-card p {
    margin: 0 0 18px;
    color: var(--adria-service-muted);
}

.adria-service-case-card > a,
.adria-service-section-heading a,
.adria-service-form-heading a {
    color: var(--adria-service-blue);
    font-weight: 800;
}

.adria-service-status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 5px 9px;
    border: 1px solid #b9cffd;
    border-radius: 999px;
    background: #eef4ff;
    color: #0039c9;
    font-size: 12px;
    font-weight: 800;
}

.adria-service-empty,
.adria-service-payment-help {
    padding: 24px;
    background: var(--adria-service-soft);
}

.adria-service-empty h3,
.adria-service-payment-help h3 {
    margin: 0 0 8px;
}

.adria-service-payment-help p:not(.adria-service-eyebrow) {
    max-width: 720px;
    margin: 0 0 18px;
    color: var(--adria-service-muted);
}

.adria-service-order-list {
    display: grid;
    gap: 10px;
    margin-top: 20px;
}

.adria-service-order-list article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
}

.adria-service-order-list article div {
    display: grid;
    gap: 3px;
}

.adria-service-order-list article span {
    color: var(--adria-service-muted);
    font-size: 13px;
}

.adria-service-claim-form,
.adria-service-case-detail {
    padding: clamp(18px, 3vw, 30px);
}

.adria-service-form-heading {
    margin-bottom: 26px;
}

.adria-service-fieldset {
    min-width: 0;
    margin: 0;
    padding: 24px 0;
    border: 0;
    border-top: 1px solid var(--adria-service-line);
}

.adria-service-fieldset legend {
    margin-bottom: 14px;
    padding: 0;
    color: var(--adria-service-ink);
    font-family: Manrope, sans-serif;
    font-size: 18px;
    font-weight: 800;
}

.adria-service-fieldset > p {
    margin: -6px 0 14px;
    color: var(--adria-service-muted);
    font-size: 14px;
}

.adria-service-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.adria-service-choice-grid label {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 10px 13px;
    border: 1px solid var(--adria-service-line);
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
}

.adria-service-choice-grid label:has(input:checked) {
    border-color: var(--adria-service-blue);
    background: #f3f7ff;
}

.adria-service-choice-grid input,
.adria-service-confirmation input,
.adria-service-item input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--adria-service-blue);
}

.adria-service-item-list {
    display: grid;
    gap: 9px;
}

.adria-service-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    gap: 18px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid var(--adria-service-line);
    border-radius: 7px;
}

.adria-service-item.is-selected {
    border-color: var(--adria-service-blue);
    background: #f8faff;
}

.adria-service-item > label:first-child {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.adria-service-item > label:first-child span {
    display: grid;
    gap: 2px;
}

.adria-service-item small,
.adria-service-field small,
.adria-service-file-field small {
    color: var(--adria-service-muted);
    font-size: 12px;
    line-height: 1.45;
}

.adria-service-item__quantity,
.adria-service-field,
.adria-service-file-field {
    display: grid;
    gap: 7px;
    color: var(--adria-service-ink);
    font-size: 13px;
    font-weight: 750;
}

.adria-service-claim-form input[type="number"],
.adria-service-claim-form select,
.adria-service-claim-form textarea,
.adria-service-claim-form input[type="file"] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #becada;
    border-radius: 7px;
    background: #fff;
    color: var(--adria-service-ink);
}

.adria-service-claim-form textarea {
    min-height: 142px;
    resize: vertical;
}

.adria-service-field + .adria-service-field {
    margin-top: 18px;
}

.adria-service-storage-notice,
.adria-service-privacy-note {
    padding: 12px 14px;
    border-left: 3px solid var(--adria-service-blue);
    background: var(--adria-service-soft);
    color: var(--adria-service-muted);
    font-size: 13px;
}

.adria-service-confirmation {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 4px 0 18px;
    color: var(--adria-service-muted);
    font-size: 13px;
    line-height: 1.5;
}

.adria-service-case-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 24px 0;
    background: var(--adria-service-line);
}

.adria-service-case-facts div {
    display: grid;
    gap: 5px;
    padding: 14px;
    background: var(--adria-service-soft);
}

.adria-service-case-facts dt {
    color: var(--adria-service-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.adria-service-case-facts dd {
    margin: 0;
    font-weight: 750;
}

.adria-service-case-description,
.adria-service-case-items,
.adria-service-case-files {
    padding: 20px 0;
    border-top: 1px solid var(--adria-service-line);
}

.adria-service-case-description h4,
.adria-service-case-items h4,
.adria-service-case-files h4 {
    margin: 0 0 10px;
}

.adria-service-case-description p {
    margin: 0;
    color: #303844;
}

.adria-service-case-items ul,
.adria-service-case-files ul {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.adria-service-case-items li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 12px;
    background: var(--adria-service-soft);
}

.adria-service-case-detail__actions {
    margin: 22px 0 14px;
}

.adria-order-support-cta {
    margin: 24px 0;
    padding: 20px;
    border: 1px solid #ced9e8;
    border-radius: 8px;
    background: #f7f9fc;
}

.adria-order-support-cta h2 {
    margin: 0 0 6px;
    font-size: 20px;
}

.adria-order-support-cta p:not(.adria-service-eyebrow) {
    max-width: 650px;
    margin: 0;
    color: var(--adria-service-muted);
}

.adria-support-center {
    background: #fff;
}

.adria-support-center__hero,
.adria-support-center__routes,
.adria-support-center__shortcuts {
    width: min(1160px, calc(100% - 36px));
    margin-inline: auto;
}

.adria-support-center__hero {
    padding: clamp(72px, 10vw, 132px) 0 54px;
}

.adria-support-center__hero h1 {
    max-width: 760px;
    margin: 0 0 16px;
    font-family: Manrope, sans-serif;
    font-size: clamp(44px, 7vw, 86px);
    line-height: .98;
    letter-spacing: -.045em;
}

.adria-support-center__hero p:not(.adria-service-eyebrow) {
    max-width: 680px;
    margin: 0;
    color: var(--adria-service-muted);
    font-size: clamp(17px, 2vw, 21px);
}

.adria-support-center__routes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--adria-service-line);
    border-bottom: 1px solid var(--adria-service-line);
}

.adria-support-center__routes article {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 330px;
    padding: 30px;
    border-right: 1px solid var(--adria-service-line);
}

.adria-support-center__routes article:last-child {
    border-right: 0;
}

.adria-support-center__routes article > span {
    color: var(--adria-service-blue);
    font-size: 12px;
    font-weight: 850;
}

.adria-support-center__routes h2 {
    margin: 52px 0 12px;
    font-size: clamp(23px, 2.2vw, 32px);
}

.adria-support-center__routes p {
    margin: 0 0 24px;
    color: var(--adria-service-muted);
}

.adria-support-center__routes .button {
    margin-top: auto;
}

.adria-support-center__shortcuts {
    display: flex;
    justify-content: center;
    gap: 28px;
    padding: 34px 0 80px;
}

.adria-support-center__shortcuts a {
    color: var(--adria-service-ink);
    font-weight: 800;
}

.adria-support-center--case .adria-case-conversation {
    width: min(920px, calc(100% - 36px));
    margin-inline: auto;
    margin-bottom: 80px;
}

.adria-case-conversation {
    margin-top: 24px;
    padding: clamp(18px, 3vw, 30px);
    border: 1px solid var(--adria-service-line);
    border-radius: 8px;
    background: #fff;
}

.adria-case-conversation > header {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--adria-service-line);
}

.adria-case-conversation > header h3 {
    margin: 0 0 8px;
    font-family: Manrope, sans-serif;
    font-size: clamp(24px, 3vw, 34px);
}

.adria-case-conversation > header p:last-child,
.adria-case-conversation__empty,
.adria-case-conversation__reply > p {
    margin: 0;
    color: var(--adria-service-muted);
}

.adria-case-conversation__thread {
    display: grid;
    gap: 14px;
    margin: 24px 0;
    padding: 0;
    list-style: none;
}

.adria-case-message {
    width: min(680px, 92%);
    padding: 15px 17px;
    border: 1px solid var(--adria-service-line);
    border-radius: 8px;
    background: var(--adria-service-soft);
}

.adria-case-message--customer {
    justify-self: end;
    border-color: #b9cffd;
    background: #eef4ff;
}

.adria-case-message > div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: var(--adria-service-muted);
    font-size: 12px;
}

.adria-case-message h4 {
    margin: 11px 0 6px;
    font-size: 15px;
}

.adria-case-message p {
    margin: 9px 0 0;
    color: #303844;
    overflow-wrap: anywhere;
}

.adria-case-conversation__reply {
    display: grid;
    gap: 12px;
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid var(--adria-service-line);
}

.adria-case-conversation__reply label {
    display: grid;
    gap: 8px;
    font-weight: 800;
}

.adria-case-conversation__reply textarea {
    width: 100%;
    min-height: 132px;
    padding: 11px 12px;
    border: 1px solid #becada;
    border-radius: 7px;
    resize: vertical;
}

.adria-case-conversation__reply .button {
    justify-self: start;
}

@media (max-width: 760px) {
    body.adria-site.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--adria-claims {
        order: 3;
    }

    body.adria-site.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--edit-account {
        order: 4;
    }

    body.adria-site.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--adria-credits {
        order: 5;
    }

    body.adria-site.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--adria-referrals {
        order: 6;
    }

    body.adria-site.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--edit-address {
        order: 7;
    }

    .adria-service-account__header,
    .adria-order-support-cta,
    .adria-service-form-heading,
    .adria-service-case-detail__header {
        display: grid;
        gap: 15px;
    }

    .adria-service-account__header-actions,
    .adria-service-case-detail__actions {
        width: 100%;
    }

    .adria-service-account__header-actions .button,
    .adria-service-case-detail__actions .button {
        flex: 1 1 auto;
        text-align: center;
    }

    .adria-service-case-list,
    .adria-service-choice-grid,
    .adria-service-case-facts,
    .adria-support-center__routes {
        grid-template-columns: 1fr;
    }

    .adria-service-item {
        grid-template-columns: 1fr;
    }

    .adria-service-order-list article {
        align-items: stretch;
        flex-direction: column;
    }

    .adria-service-order-list .button {
        text-align: center;
    }

    .adria-support-center__routes article {
        min-height: 260px;
        border-right: 0;
        border-bottom: 1px solid var(--adria-service-line);
    }

    .adria-support-center__routes article:last-child {
        border-bottom: 0;
    }

    .adria-support-center__routes h2 {
        margin-top: 34px;
    }

    .adria-support-center__shortcuts {
        align-items: center;
        flex-direction: column;
        gap: 14px;
    }

    .adria-case-message {
        width: 100%;
    }

    .adria-case-message > div {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .adria-service-account *,
    .adria-support-center * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}