/*
 * Torenga Premium Campaign Atelier 1.0.0
 * Editoriales Kampagnen-Theme für Online-Marketer.
 */

:root {
    --campaign-coral: var(--template-primary, #E45B4F);
    --campaign-coral-hover: #C9463C;
    --campaign-coral-soft: #FFF0ED;
    --campaign-plum: var(--template-secondary, #2A1833);
    --campaign-plum-soft: #3B2447;
    --campaign-teal: #176B67;
    --campaign-teal-soft: #E8F4F2;
    --campaign-sand: #F4E7D7;
    --campaign-paper: #FFFDF9;
    --campaign-paper-deep: #F7F1E9;
    --campaign-surface: #FFFFFF;
    --campaign-text: #302A31;
    --campaign-muted: #756D75;
    --campaign-border: #E6DDD3;
    --campaign-border-dark: #CFC2B5;
    --campaign-success: #2A7B57;
    --campaign-danger: #B8322B;
    --campaign-warning: #B7791F;
    --campaign-shadow: 0 20px 50px rgba(42, 24, 51, .10);
    --campaign-shadow-soft: 0 8px 22px rgba(42, 24, 51, .07);

    --color-primary: var(--campaign-coral);
    --color-primary-hover: var(--campaign-coral-hover);
    --color-text: var(--campaign-text);
    --color-text-muted: var(--campaign-muted);
    --color-heading: var(--campaign-plum);
    --color-background: var(--campaign-paper-deep);
    --color-surface: var(--campaign-surface);
    --color-border: var(--campaign-border);
    --shadow-small: var(--campaign-shadow-soft);
    --shadow: var(--campaign-shadow);

    --members-bg: var(--campaign-paper-deep);
    --members-surface: var(--campaign-surface);
    --members-surface-soft: var(--campaign-paper);
    --members-border: var(--campaign-border);
    --members-border-strong: var(--campaign-border-dark);
    --members-text: var(--campaign-text);
    --members-muted: var(--campaign-muted);
    --members-primary: var(--campaign-coral);
    --members-primary-hover: var(--campaign-coral-hover);
    --members-shadow: var(--campaign-shadow);
    --members-radius: 6px;
}

html,
body {
    font-family: var(--template-font, "Segoe UI", system-ui, sans-serif);
    background: var(--campaign-paper-deep);
}

.container,
.content-container,
.members-topbar__inner,
.members-footer__inner,
.members-main {
    width: min(calc(100% - 2rem), var(--template-container-width, 1240px));
    max-width: var(--template-container-width, 1240px);
    margin-inline: auto;
}

/* =========================================================
   Grundfläche
   ========================================================= */

body,
.site,
.site-main,
body.members-body,
.members-shell,
.members-shell--app {
    color: var(--campaign-text);
    background:
        radial-gradient(circle at 0% 0%, rgba(228, 91, 79, .08), transparent 320px),
        linear-gradient(180deg, #FFFDF9 0%, var(--campaign-paper-deep) 100%);
}

.site-content,
.members-main {
    background: transparent;
}

.site-content {
    padding-block: 3.75rem 5rem;
}

.members-main {
    padding-block: 48px 64px;
}

/* =========================================================
   Typografie
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.members-title,
.members-auth-card h1,
.members-product h1,
.members-section-heading h2,
.members-card h2,
.members-downloads h2,
.members-empty h2 {
    color: var(--campaign-plum);
    font-weight: 800;
    letter-spacing: -.035em;
}

h1,
.page-title,
.members-title {
    line-height: 1.03;
    letter-spacing: -.055em;
}

.page-description,
.text-muted,
.members-lead,
.members-muted,
.members-card__description,
.members-form-help,
.members-product__meta,
.members-downloads__intro,
.members-recommendations__notice {
    color: var(--campaign-muted);
}

a,
.members-auth-links a,
.members-text-link,
.members-breadcrumb a,
.members-stat-card a,
.members-section-heading a,
.members-mini-products em {
    color: var(--campaign-coral);
    text-underline-offset: 3px;
}

a:hover,
.members-auth-links a:hover,
.members-text-link:hover,
.members-breadcrumb a:hover {
    color: var(--campaign-coral-hover);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(228, 91, 79, .20);
    outline-offset: 3px;
}

/* =========================================================
   Header und Navigation
   ========================================================= */

.site-header,
.members-topbar {
    background:
        linear-gradient(90deg, var(--campaign-plum) 0 36%, #34203F 36% 100%);
    border: 0;
    box-shadow: 0 10px 30px rgba(42, 24, 51, .18);
}

.site-header-inner,
.members-topbar__inner {
    min-height: 82px;
}

.site-title,
.site-title a,
.site-brand-link,
.members-brand,
.members-brand__text,
.members-user__name {
    color: #FFFFFF;
}

.site-navigation-link,
.members-nav__link {
    color: rgba(255, 255, 255, .78);
    background: transparent;
    border-radius: 0;
    font-weight: 700;
    border-bottom: 3px solid transparent;
}

.site-navigation-link:hover,
.site-navigation-link:focus-visible,
.members-nav__link:hover,
.members-nav__link:focus-visible {
    color: #FFFFFF;
    background: rgba(255, 255, 255, .05);
    border-bottom-color: rgba(255, 255, 255, .30);
}

.site-navigation-link.is-active,
.site-navigation-item.is-active .site-navigation-link,
.members-nav__link.is-active {
    color: #FFFFFF;
    background: transparent;
    border-bottom-color: var(--campaign-coral);
    box-shadow: none;
}

.members-brand__mark {
    color: #FFFFFF;
    background: var(--campaign-coral);
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(228, 91, 79, .28);
}

.members-user {
    border-left-color: rgba(255, 255, 255, .16);
}

.members-user__avatar {
    color: #FFFFFF;
    background: rgba(255, 255, 255, .10);
}

.members-menu-toggle {
    color: #FFFFFF;
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .20);
}

/* =========================================================
   Seitenfläche / Editorial Canvas
   ========================================================= */

.page,
.site-content > .content-container > .page,
.content-container > .page {
    background:
        linear-gradient(90deg, var(--campaign-sand) 0 10px, transparent 10px),
        var(--campaign-paper);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: clamp(1.5rem, 4vw, 3.75rem);
}

/* =========================================================
   Campaign-Hero und Karten
   ========================================================= */

.members-dashboard-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(135deg, var(--campaign-plum) 0%, var(--campaign-plum-soft) 100%);
    color: #FFFFFF;
    border: 0;
    border-radius: 22px 6px 22px 6px;
    box-shadow: var(--campaign-shadow);
}

.members-dashboard-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    width: 260px;
    height: 260px;
    right: -90px;
    top: -110px;
    border-radius: 50%;
    background: rgba(228, 91, 79, .28);
}

.members-dashboard-hero > * {
    position: relative;
    z-index: 1;
}

.members-dashboard-hero .members-actions,
.members-dashboard-hero .members-hero__actions,
.members-dashboard-hero .members-dashboard-actions {
    position: relative;
    z-index: 2;
}

.members-dashboard-hero .members-title,
.members-dashboard-hero h1,
.members-dashboard-hero h2 {
    color: #FFFFFF;
}

.members-dashboard-hero .members-lead,
.members-dashboard-hero p {
    color: rgba(255, 255, 255, .76);
}

.card,
blockquote,
table,
.members-card,
.members-stat-card,
.members-count,
.members-panel,
.members-product,
.members-downloads,
.members-recommendations,
.members-auth-card,
.members-course-header,
.members-continue-card,
.members-course-nav,
.members-lesson,
.members-new-content a,
.members-mini-products,
.members-activity-list,
.members-product-hero,
.members-course-progress-card,
.members-recommendation-item,
.members-download-item,
.members-empty,
.members-profile-image {
    color: var(--campaign-text);
    background: var(--campaign-surface);
    border: 1px solid var(--campaign-border);
    border-radius: 6px;
    box-shadow: var(--campaign-shadow-soft);
}

.members-card,
.members-product-card,
.members-stat-card {
    border-top: 5px solid var(--campaign-plum);
}

.members-card:nth-child(3n + 2),
.members-product-card:nth-child(3n + 2),
.members-stat-card:nth-child(3n + 2) {
    border-top-color: var(--campaign-coral);
}

.members-card:nth-child(3n),
.members-product-card:nth-child(3n),
.members-stat-card:nth-child(3n) {
    border-top-color: var(--campaign-teal);
}

.members-card:hover,
.members-product-card:hover,
.members-new-content a:hover,
.members-mini-products > a:hover,
.members-activity-list > a:hover {
    transform: translateY(-4px);
    box-shadow: var(--campaign-shadow);
}

.members-card__icon,
.members-activity-icon,
.members-empty__icon {
    color: #FFFFFF;
    background: var(--campaign-plum);
    border-radius: 50%;
}

blockquote {
    border-left: 6px solid var(--campaign-coral);
    background: var(--campaign-coral-soft);
}

/* =========================================================
   Buttons
   ========================================================= */

:root {
    --campaign-button-height: 46px;
    --campaign-button-radius: 999px;
    --campaign-button-shadow: 0 9px 22px rgba(42, 24, 51, .12);
    --campaign-button-shadow-hover: 0 14px 30px rgba(42, 24, 51, .18);
}

.button,
.btn,
.members-button,
input[type="submit"],
input[type="button"],
button[type="submit"],
button[type="button"],
.members-download-link,
.members-password-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: var(--campaign-button-height);
    padding: .72rem 1.25rem;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--campaign-button-radius);
    font: inherit;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: var(--campaign-button-shadow);
    transition:
        color .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.button-primary,
.btn-primary,
.members-button:not(.members-button--secondary),
input[type="submit"]:not(.button-danger):not(.btn-danger),
button[type="submit"]:not(.button-danger):not(.btn-danger),
button[type="button"].button-primary,
button[type="button"].btn-primary {
    color: #FFFFFF;
    background: linear-gradient(135deg, #F06C60, var(--campaign-coral));
    border-color: var(--campaign-coral);
    box-shadow: 0 10px 24px rgba(228, 91, 79, .24);
}

.button-primary:hover,
.button-primary:focus-visible,
.btn-primary:hover,
.btn-primary:focus-visible,
.members-button:not(.members-button--secondary):hover,
.members-button:not(.members-button--secondary):focus-visible,
input[type="submit"]:not(.button-danger):not(.btn-danger):hover,
input[type="submit"]:not(.button-danger):not(.btn-danger):focus-visible,
button[type="submit"]:not(.button-danger):not(.btn-danger):hover,
button[type="submit"]:not(.button-danger):not(.btn-danger):focus-visible,
button[type="button"].button-primary:hover,
button[type="button"].button-primary:focus-visible,
button[type="button"].btn-primary:hover,
button[type="button"].btn-primary:focus-visible {
    color: #FFFFFF;
    background: linear-gradient(135deg, var(--campaign-coral), var(--campaign-coral-hover));
    border-color: var(--campaign-coral-hover);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(228, 91, 79, .30);
}

.button:not(.button-primary):not(.button-danger):not(.button-success):not(.button-warning),
.btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning),
.button-secondary,
.btn-secondary,
.members-button--secondary {
    color: var(--campaign-plum);
    background: #FFFFFF;
    border-color: var(--campaign-plum);
}

.button:not(.button-primary):not(.button-danger):not(.button-success):not(.button-warning):hover,
.button:not(.button-primary):not(.button-danger):not(.button-success):not(.button-warning):focus-visible,
.btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning):hover,
.btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning):focus-visible,
.button-secondary:hover,
.button-secondary:focus-visible,
.btn-secondary:hover,
.btn-secondary:focus-visible,
.members-button--secondary:hover,
.members-button--secondary:focus-visible {
    color: #FFFFFF;
    background: var(--campaign-plum);
    border-color: var(--campaign-plum);
    transform: translateY(-2px);
    box-shadow: var(--campaign-button-shadow-hover);
}

.button-ghost,
.btn-ghost,
.members-button--ghost,
.members-password-toggle {
    color: var(--campaign-plum);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.button-ghost:hover,
.button-ghost:focus-visible,
.btn-ghost:hover,
.btn-ghost:focus-visible,
.members-button--ghost:hover,
.members-button--ghost:focus-visible,
.members-password-toggle:hover,
.members-password-toggle:focus-visible {
    color: var(--campaign-coral-hover);
    background: var(--campaign-coral-soft);
    border-color: transparent;
    transform: none;
    box-shadow: none;
}

.button-danger,
.btn-danger {
    color: #FFFFFF;
    background: linear-gradient(135deg, #D84A42, var(--campaign-danger));
    border-color: var(--campaign-danger);
}

.button-danger:hover,
.button-danger:focus-visible,
.btn-danger:hover,
.btn-danger:focus-visible {
    color: #FFFFFF;
    background: #92251F;
    border-color: #92251F;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(184, 50, 43, .26);
}

.button-success,
.btn-success {
    color: #FFFFFF;
    background: linear-gradient(135deg, #35976F, var(--campaign-success));
    border-color: var(--campaign-success);
}

.button-success:hover,
.button-success:focus-visible,
.btn-success:hover,
.btn-success:focus-visible {
    color: #FFFFFF;
    background: #1F6748;
    border-color: #1F6748;
    transform: translateY(-2px);
}

.button-warning,
.btn-warning {
    color: #FFFFFF;
    background: linear-gradient(135deg, #CC8F2B, var(--campaign-warning));
    border-color: var(--campaign-warning);
}

.button-warning:hover,
.button-warning:focus-visible,
.btn-warning:hover,
.btn-warning:focus-visible {
    color: #FFFFFF;
    background: #8F5C14;
    border-color: #8F5C14;
    transform: translateY(-2px);
}

.members-download-link {
    color: var(--campaign-plum);
    text-align: center !important;
    background: #FFFFFF;
    border-color: var(--campaign-border-dark);
    box-shadow: none;
}

.members-download-link:hover,
.members-download-link:focus-visible {
    color: #FFFFFF;
    background: var(--campaign-teal);
    border-color: var(--campaign-teal);
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(23, 107, 103, .18);
}

.button:active,
.btn:active,
.members-button:active,
input[type="submit"]:active,
input[type="button"]:active,
button[type="submit"]:active,
button[type="button"]:active,
.members-download-link:active {
    transform: translateY(0);
    box-shadow: 0 5px 12px rgba(42, 24, 51, .12);
}

.button:disabled,
.button[aria-disabled="true"],
.btn:disabled,
.btn[aria-disabled="true"],
.members-button:disabled,
.members-button[aria-disabled="true"],
input[type="submit"]:disabled,
input[type="button"]:disabled,
button[type="submit"]:disabled,
button[type="button"]:disabled {
    color: #9A929A;
    background: #EEE9E4;
    border-color: #DDD4CB;
    cursor: not-allowed;
    opacity: .72;
    transform: none;
    box-shadow: none;
}

.button-small,
.btn-small,
.members-button--small {
    min-height: 36px;
    padding: .52rem .9rem;
    font-size: .88rem;
}

.button-block,
.btn-block,
.members-button--block {
    width: 100%;
}

.members-auth-card .members-password-toggle,
.members-password-toggle {
    min-width: 0;
    min-height: 0;
    padding: .38rem .55rem;
    border: 0;
    border-radius: 6px;
    font-size: .9rem;
    line-height: 1.2;
    box-shadow: none;
    transform: none;
}

.members-auth-card .members-password-toggle:hover,
.members-auth-card .members-password-toggle:focus-visible,
.members-password-toggle:hover,
.members-password-toggle:focus-visible {
    transform: none;
    box-shadow: none;
}

/* Desktop: Menübutton ausblenden */
.members-topbar .members-menu-toggle {
    display: none !important;
}

/* =========================================================
   Formulare
   ========================================================= */

.form-control,
.members-input,
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
select,
textarea {
    color: var(--campaign-text);
    background: #FFFFFF;
    border-color: var(--campaign-border-dark);
    border-radius: 6px;
}

.form-control:hover,
.members-input:hover,
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):hover,
select:hover,
textarea:hover {
    border-color: var(--campaign-plum);
}

.form-control:focus,
.members-input:focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):focus,
select:focus,
textarea:focus {
    border-color: var(--campaign-coral);
    box-shadow: 0 0 0 4px rgba(228, 91, 79, .10);
}

.members-input[readonly],
.members-input:disabled {
    color: var(--campaign-muted);
    background: var(--campaign-paper);
}

/* =========================================================
   Tabellen, Kurse, Downloads und Badges
   ========================================================= */

th,
.members-lesson__content th,
.members-product__content th {
    color: #FFFFFF;
    background: var(--campaign-plum);
}

th,
td,
.members-lesson__content th,
.members-lesson__content td,
.members-product__content th,
.members-product__content td {
    border-color: var(--campaign-border);
}

.members-downloads__header,
.members-recommendations__header,
.members-download-item,
.members-recommendation-item,
.members-course-progress-card {
    background: var(--campaign-paper);
}

.members-downloads {
    padding: 0 0 1.25rem;
}

.members-downloads__header {
    padding: 1.45rem 1.5rem 1.2rem;
}

.members-download-item {
    margin: 1rem 1.25rem 0;
    padding: 1.35rem 1.25rem;
    padding-bottom: .80rem !important;
    align-items: center;
}

.members-download-item__content {
    padding-top: .80rem;
    padding-bottom: .30rem;
}

.members-download-item > :first-child {
    margin-top: 0;
}

.members-download-item > :last-child {
    margin-bottom: 0;
}

.members-progress {
    background: #E7DDD1;
}

.members-progress > span,
.progress-bar {
    background: linear-gradient(90deg, var(--campaign-coral), var(--campaign-teal));
}

.members-course-chapter a.is-active {
    color: #FFFFFF;
    background: var(--campaign-plum);
}

.members-download-link:hover {
    border-color: var(--campaign-coral);
    background: var(--campaign-coral-soft);
}

.members-card-badges span {
    color: var(--campaign-plum);
    background: var(--campaign-sand);
}

.members-card-badges span.is-new,
.members-new-content span {
    color: var(--campaign-teal);
    background: var(--campaign-teal-soft);
}

.members-lesson .members-download-link,
.members-course .members-download-link,
.members-course-lesson .members-download-link,
.members-lesson-download,
.members-course-download {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px;
    padding: .72rem 1.2rem;
    color: #FFFFFF;
    background: linear-gradient(135deg, #F06C60, var(--campaign-coral));
    border-color: var(--campaign-coral);
    font-size: 0;
    line-height: 1 !important;
    text-align: center;
    box-shadow: 0 10px 24px rgba(228, 91, 79, .24);
}

.members-lesson .members-download-link::after,
.members-course .members-download-link::after,
.members-course-lesson .members-download-link::after,
.members-lesson-download::after,
.members-course-download::after {
    content: "Download";
    display: inline-block;
    margin: 0;
    font-size: .95rem;
    font-weight: 800;
    line-height: 1;
}

.members-lesson .members-download-link:hover,
.members-lesson .members-download-link:focus-visible,
.members-course .members-download-link:hover,
.members-course .members-download-link:focus-visible,
.members-course-lesson .members-download-link:hover,
.members-course-lesson .members-download-link:focus-visible,
.members-lesson-download:hover,
.members-lesson-download:focus-visible,
.members-course-download:hover,
.members-course-download:focus-visible {
    color: #FFFFFF;
    background: linear-gradient(135deg, var(--campaign-coral), var(--campaign-coral-hover));
    border-color: var(--campaign-coral-hover);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(228, 91, 79, .30);
}

/* =========================================================
   Footer
   ========================================================= */

.site-footer,
.members-footer {
    color: #DCCFE2;
    background:
        radial-gradient(circle at 90% 100%, rgba(228, 91, 79, .18), transparent 34%),
        linear-gradient(145deg, var(--campaign-plum), #190F1F);
    border-top: 0;
}

.site-footer-text,
.site-footer-copyright,
.site-footer-powered,
.members-footer__text,
.members-footer__powered {
    color: #DCCFE2;
}

.members-footer__text {
    margin: 0;
    max-width: 800px;
    font-size: .95rem;
    line-height: 1.6;
}

.site-footer-navigation-link,
.site-footer-powered a,
.members-footer__link,
.members-footer__powered a {
    color: #FFFFFF;
}

.site-footer-navigation-link:hover,
.site-footer-powered a:hover,
.members-footer__link:hover,
.members-footer__powered a:hover {
    color: #FFB8AF;
}

/* =========================================================
   Social Icons
   ========================================================= */

.site-footer-social,
.members-footer-social {
    width: 100%;
}

.site-footer-social__list,
.members-footer-social__list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer-social__list > li,
.members-footer-social__list > li {
    display: inline-flex !important;
    margin: 0;
    padding: 0;
}

.site-footer-social__link,
.members-footer-social__link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
}

.site-footer-social__link:hover,
.site-footer-social__link:focus-visible,
.members-footer-social__link:hover,
.members-footer-social__link:focus-visible {
    color: #FFFFFF !important;
    background: var(--campaign-coral);
    border-color: var(--campaign-coral);
    transform: translateY(-2px);
}

.footer-social-icon {
    display: block !important;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    background-color: currentColor !important;
    -webkit-mask-image: var(--social-icon);
    mask-image: var(--social-icon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 800px) {
    .container,
    .content-container,
    .members-topbar__inner,
    .members-footer__inner,
    .members-main {
        width: min(calc(100% - 1.25rem), var(--template-container-width, 1240px));
    }

    .site-header,
    .members-topbar {
        background: var(--campaign-plum);
    }

    .site-navigation-link {
        justify-content: center;
    }
}

@media (max-width: 720px) {
    .members-topbar .members-menu-toggle {
        display: inline-flex !important;
    }

    .members-header-content {
        background: var(--campaign-plum);
        border-color: rgba(255, 255, 255, .12);
        box-shadow: var(--campaign-shadow);
    }

    .members-user {
        border-top-color: rgba(255, 255, 255, .16);
    }
}

@media print {
    body,
    .page {
        color: #000000;
        background: #FFFFFF;
        box-shadow: none;
    }
}

/* =========================================================
   Profilseite: Datei-Upload an das Theme anpassen
   ========================================================= */

input[type="file"],
.members-input[type="file"] {
    color: var(--campaign-text);
    background: #FFFFFF;
    border: 1px solid var(--campaign-border-dark);
    border-radius: 6px;
    padding: .35rem;
}

input[type="file"]::file-selector-button,
.members-input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button,
.members-input[type="file"]::-webkit-file-upload-button {
    min-height: 38px;
    margin-right: .75rem;
    padding: .6rem 1rem;
    color: #FFFFFF;
    background: linear-gradient(135deg, #F06C60, var(--campaign-coral));
    border: 1px solid var(--campaign-coral);
    border-radius: var(--campaign-button-radius);
    font: inherit;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(228, 91, 79, .20);
    transition:
        color .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

input[type="file"]:hover::file-selector-button,
.members-input[type="file"]:hover::file-selector-button,
input[type="file"]:hover::-webkit-file-upload-button,
.members-input[type="file"]:hover::-webkit-file-upload-button {
    color: #FFFFFF;
    background: linear-gradient(135deg, var(--campaign-coral), var(--campaign-coral-hover));
    border-color: var(--campaign-coral-hover);
    box-shadow: 0 12px 24px rgba(228, 91, 79, .28);
}

input[type="file"]:focus,
.members-input[type="file"]:focus {
    border-color: var(--campaign-coral);
    box-shadow: 0 0 0 4px rgba(228, 91, 79, .10);
}

.members-count {
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    vertical-align: middle;
    border: 0;
    border-radius: 0px;
    box-shadow: none;
}

.members-count strong,
.members-count span {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;

    min-height: 38px;
    margin: 0 !important;
    padding: .55rem .85rem;

    border: 0 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

.members-count strong {
    color: #FFFFFF;
    background: var(--campaign-coral);
}

.members-count span {
    color: #FFFFFF;
    background: var(--campaign-plum);
    font-size: .90rem;
    font-weight: 700;
}

.members-dashboard-hero::after,
.members-hero::after {
    background: transparent;
}