/*
YOPT_DEV_STAMP_START
{
  "project": "vereinssuite",
  "plugin": "yop-vereinssuite",
  "exclusive_platform": "vereinssuite.de",
  "deployment_model": "exclusive_saas_cloud",
  "module": "website_access",
  "feature": "auth_landingpage_scoped_polish",
  "sub_feature": "auth_only_css_after_theme_restore",
  "file": "assets/css/yop-vs-auth-landingpage-polish.css",
  "file_role": "frontend_css",
  "development_status": "done",
  "version": "0.1.7-beta.1",
  "last_updated": "2026-06-18",
  "review_note": "Strikt auf Auth-Seiten gescoped. Keine globalen Footer-/Body-/Landingpage-Regeln.",
  "supports_saas": true,
  "supports_self_hosted": false
}
YOPT_DEV_STAMP_END
*/

body.yop-vs-auth-client-polished,
body:has(.yop-vs-auth-page) {
    overflow-x: hidden;
}

body.yop-vs-auth-client-polished *,
body:has(.yop-vs-auth-page) * {
    box-sizing: border-box;
}

body.yop-vs-auth-client-polished .yop-vs-auth-page,
body:has(.yop-vs-auth-page) .yop-vs-auth-page {
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
}

body.yop-vs-auth-client-polished .yop-vs-auth-hero,
body:has(.yop-vs-auth-page) .yop-vs-auth-hero {
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.yop-vs-auth-client-polished .yop-vs-auth-hero-inner,
body.yop-vs-auth-client-polished .yop-vs-auth-container,
body.yop-vs-auth-client-polished .yop-vs-auth-content,
body.yop-vs-auth-client-polished .yop-vs-auth-grid,
body.yop-vs-auth-client-polished .yop-vs-auth-wrap,
body:has(.yop-vs-auth-page) .yop-vs-auth-hero-inner,
body:has(.yop-vs-auth-page) .yop-vs-auth-container,
body:has(.yop-vs-auth-page) .yop-vs-auth-content,
body:has(.yop-vs-auth-page) .yop-vs-auth-grid,
body:has(.yop-vs-auth-page) .yop-vs-auth-wrap {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.yop-vs-auth-client-polished .yop-vs-auth-grid,
body.yop-vs-auth-client-polished .yop-vs-auth-hero-inner,
body:has(.yop-vs-auth-page) .yop-vs-auth-grid,
body:has(.yop-vs-auth-page) .yop-vs-auth-hero-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.88fr) !important;
    gap: clamp(34px, 4vw, 64px) !important;
    align-items: start !important;
}

body.yop-vs-auth-client-polished .yop-vs-auth-hero-left,
body.yop-vs-auth-client-polished .yop-vs-auth-hero-right,
body.yop-vs-auth-client-polished .yop-vs-auth-copy,
body.yop-vs-auth-client-polished .yop-vs-auth-panel,
body.yop-vs-auth-client-polished .yop-vs-auth-card,
body.yop-vs-auth-client-polished .yop-vs-auth-form-card,
body.yop-vs-auth-client-polished .yop-vs-auth-shortcode-card,
body:has(.yop-vs-auth-page) .yop-vs-auth-hero-left,
body:has(.yop-vs-auth-page) .yop-vs-auth-hero-right,
body:has(.yop-vs-auth-page) .yop-vs-auth-copy,
body:has(.yop-vs-auth-page) .yop-vs-auth-panel,
body:has(.yop-vs-auth-page) .yop-vs-auth-card,
body:has(.yop-vs-auth-page) .yop-vs-auth-form-card,
body:has(.yop-vs-auth-page) .yop-vs-auth-shortcode-card {
    min-width: 0 !important;
    max-width: 100% !important;
}

body.yop-vs-auth-client-polished .yop-vs-auth-panel,
body.yop-vs-auth-client-polished .yop-vs-auth-card,
body.yop-vs-auth-client-polished .yop-vs-auth-form-card,
body.yop-vs-auth-client-polished .yop-vs-auth-shortcode-card,
body:has(.yop-vs-auth-page) .yop-vs-auth-panel,
body:has(.yop-vs-auth-page) .yop-vs-auth-card,
body:has(.yop-vs-auth-page) .yop-vs-auth-form-card,
body:has(.yop-vs-auth-page) .yop-vs-auth-shortcode-card {
    width: 100% !important;
    border-radius: 30px !important;
    box-shadow: 0 34px 90px rgba(16, 16, 16, 0.13) !important;
}

body.yop-vs-auth-client-polished .yop-vs-auth-page button,
body.yop-vs-auth-client-polished .yop-vs-auth-page input[type="submit"],
body.yop-vs-auth-client-polished .yop-vs-auth-page .yop-vs-auth-submit,
body:has(.yop-vs-auth-page) .yop-vs-auth-page button,
body:has(.yop-vs-auth-page) .yop-vs-auth-page input[type="submit"],
body:has(.yop-vs-auth-page) .yop-vs-auth-page .yop-vs-auth-submit {
    background: #ff5a00 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
}

body.yop-vs-auth-client-polished .yop-vs-auth-polish-container,
body:has(.yop-vs-auth-page) .yop-vs-auth-polish-container {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 1024px) {
    body.yop-vs-auth-client-polished .yop-vs-auth-hero-inner,
    body.yop-vs-auth-client-polished .yop-vs-auth-container,
    body.yop-vs-auth-client-polished .yop-vs-auth-content,
    body.yop-vs-auth-client-polished .yop-vs-auth-grid,
    body.yop-vs-auth-client-polished .yop-vs-auth-wrap,
    body.yop-vs-auth-client-polished .yop-vs-auth-polish-container,
    body:has(.yop-vs-auth-page) .yop-vs-auth-hero-inner,
    body:has(.yop-vs-auth-page) .yop-vs-auth-container,
    body:has(.yop-vs-auth-page) .yop-vs-auth-content,
    body:has(.yop-vs-auth-page) .yop-vs-auth-grid,
    body:has(.yop-vs-auth-page) .yop-vs-auth-wrap,
    body:has(.yop-vs-auth-page) .yop-vs-auth-polish-container {
        width: min(100% - 36px, 1180px) !important;
    }

    body.yop-vs-auth-client-polished .yop-vs-auth-grid,
    body.yop-vs-auth-client-polished .yop-vs-auth-hero-inner,
    body:has(.yop-vs-auth-page) .yop-vs-auth-grid,
    body:has(.yop-vs-auth-page) .yop-vs-auth-hero-inner {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    body.yop-vs-auth-client-polished .yop-vs-auth-hero-inner,
    body.yop-vs-auth-client-polished .yop-vs-auth-container,
    body.yop-vs-auth-client-polished .yop-vs-auth-content,
    body.yop-vs-auth-client-polished .yop-vs-auth-grid,
    body.yop-vs-auth-client-polished .yop-vs-auth-wrap,
    body.yop-vs-auth-client-polished .yop-vs-auth-polish-container,
    body:has(.yop-vs-auth-page) .yop-vs-auth-hero-inner,
    body:has(.yop-vs-auth-page) .yop-vs-auth-container,
    body:has(.yop-vs-auth-page) .yop-vs-auth-content,
    body:has(.yop-vs-auth-page) .yop-vs-auth-grid,
    body:has(.yop-vs-auth-page) .yop-vs-auth-wrap,
    body:has(.yop-vs-auth-page) .yop-vs-auth-polish-container {
        width: min(100% - 28px, 1180px) !important;
    }
}

/* YOP_VS_AUTH_TOPBAR_REMOVE_1_8_START */
/*
 * Entfernt die doppelte Auth-Topbar.
 * Login/Kostenlos starten sind bereits im globalen Header vorhanden.
 */
body.yop-vs-auth-client-polished .yop-vs-auth-landing__topbar,
body:has(.yop-vs-auth-page) .yop-vs-auth-landing__topbar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
/* YOP_VS_AUTH_TOPBAR_REMOVE_1_8_END */