/* ============================================================
   Kidszone Account UI – Styling
   Migriert 1:1 aus WPCode-Snippets:
   - 1024 'Social Login Design'      -> Login-Modal
   - 1042 'Registrieren Design'      -> Register-Modal
   - 1032 'Social Login Design 2'    -> /account/login/-Seite
   ============================================================ */

/* ===== [1024] Login-Modal ===== */
/* ===== KidsZone — Login modal (F5F4D7 + RED) ===== */
#user_login_modal.hp-modal{
  /* Theme */
  --kzc-bg:#f5f4d7;          /* card */
  --kzc-surface:#fcfbe8;     /* inputs */
  --kzc-text:#1f2937;
  --kzc-muted:#6b6b5e;
  --kzc-border:#e4e2bf;
  --kzc-ring:#f19999;        /* soft red focus */
  --kzc-accent:#ff3b3b;      /* RED gradient start */
  --kzc-accent-2:#ff6b6b;    /* RED gradient end */
  --kzc-shadow:0 20px 60px rgba(31,41,55,.18);
  --kzc-radius:18px;

  width:min(520px,92vw);
  padding:28px 28px 24px;
  background:var(--kzc-bg);
  color:var(--kzc-text);
  border-radius:var(--kzc-radius);
  box-shadow:var(--kzc-shadow);
  border:1px solid rgba(31,41,55,.06);
  overflow:hidden;
}

/* Title */
#user_login_modal .hp-modal__title{
  margin:0 0 10px;
  font-size:28px;
  line-height:1.2;
  font-weight:800;
  text-align:center;
}

/* Header (socials) */
#user_login_modal .hp-form__header{ margin:6px 0 12px; }
#user_login_modal .hp-social-links{ display:flex; flex-direction:column; gap:12px; }

/* Google */
#user_login_modal .gsi-material-button{
  display:flex; align-items:center; gap:12px;
  width:100%; height:52px; border-radius:12px;
  border:1px solid var(--kzc-border);
  background:#fff; padding:0 14px; box-shadow:none;
}
#user_login_modal .gsi-material-button-contents{ font-weight:700; font-size:15px; color:#1f2937; }

/* Facebook */
#user_login_modal .hp-social-links__item--facebook{
  display:flex; align-items:center; gap:12px;
  width:100%; height:52px; border-radius:12px;
  border:1px solid var(--kzc-border);
  background:#fff !important; color:#1f2937 !important;
  box-shadow:none; padding:0 14px;
}
#user_login_modal .hp-social-links__item--facebook img{ width:22px; height:22px; }

/* Divider */
#user_login_modal .hp-form__header + .hp-form__messages::before{
  content:"oder";
  display:flex; align-items:center; justify-content:center;
  gap:12px; color:var(--kzc-muted);
  font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  margin:10px 0 4px;
  background:
    linear-gradient(#d9d7b5,#d9d7b5) left 50%/38% 1px no-repeat,
    linear-gradient(#d9d7b5,#d9d7b5) right 50%/38% 1px no-repeat;
}

/* Fields */
#user_login_modal .hp-form__fields{ margin-top:8px; display:grid; gap:14px; }
#user_login_modal .hp-form__label{ font-size:13px; color:var(--kzc-muted); margin-bottom:6px; }
#user_login_modal .hp-field{
  width:100%; border-radius:12px; border:1px solid var(--kzc-border);
  background:var(--kzc-surface); padding:14px 14px; font-size:15px;
  transition:border-color .15s, box-shadow .15s, background .15s;
}
#user_login_modal .hp-field:focus{
  outline:0; border-color:var(--kzc-ring);
  box-shadow:0 0 0 4px rgba(241,153,153,.28); background:#fff;
}

/* Password toggle */
#user_login_modal .hp-form__field--password{ position:relative; }
#user_login_modal .kzc-toggle-pass{
  position:absolute; right:10px; top:32px;
  width:38px; height:38px; border:0; background:transparent;
  border-radius:10px; cursor:pointer;
}
#user_login_modal .kzc-toggle-pass:focus{ outline:0; box-shadow:0 0 0 3px rgba(241,153,153,.35); }
#user_login_modal .kzc-toggle-pass::before{
  content:""; display:block; width:22px; height:22px; margin:auto;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%236b6b5e' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12Z'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
#user_login_modal .kzc-toggle-pass.is-on::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23ff3b3b' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12Z'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E");
}

/* Submit — RED gradient */
#user_login_modal .hp-form__footer{ margin-top:14px; }
#user_login_modal .hp-form__button{
  width:100%; height:54px; border-radius:14px !important; border:0 !important;
  font-weight:800; font-size:16px; letter-spacing:.2px;
  background:linear-gradient(135deg,var(--kzc-accent),var(--kzc-accent-2)) !important;
  box-shadow:0 10px 20px rgba(255,59,59,.25);
}
#user_login_modal .hp-form__button:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(255,59,59,.30);
}

/* Links — RED */
#user_login_modal .hp-form__actions{
  margin-top:12px; display:flex; flex-wrap:wrap; gap:10px;
  align-items:center; justify-content:space-between;
  font-size:13px; color:var(--kzc-muted);
}
#user_login_modal .hp-form__actions a{
  color:var(--kzc-accent); font-weight:700;
}
#user_login_modal .hp-form__actions a:hover{
  text-decoration:underline;
}

/* Close button */
#user_login_modal + .fancybox-close-small,
.fancybox-slide--html #user_login_modal .fancybox-close-small{
  top:10px; right:10px;
  background:rgba(0,0,0,.04); border-radius:10px;
  width:36px; height:36px;
}
#user_login_modal + .fancybox-close-small svg path{ fill:#6b6b5e; }

/* Mobile */
@media (max-width:480px){
  #user_login_modal.hp-modal{ padding:22px 16px 18px; border-radius:16px; }
  #user_login_modal .hp-modal__title{ font-size:24px; }
  #user_login_modal .gsi-material-button,
  #user_login_modal .hp-social-links__item--facebook{ height:48px; }
  #user_login_modal .hp-field{ padding:12px 14px; font-size:15px; }
  #user_login_modal .hp-form__button{ height:50px; }
}

/* --- Keep Facebook login button blue --- */
#user_login_modal .hp-social-links__item--facebook{
  background: linear-gradient(135deg,#1877F2,#1b74e4) !important; /* FB blue */
  border: 1px solid #1b6ee0 !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(24,119,242,.25);
}
#user_login_modal .hp-social-links__item--facebook span{
  color:#fff !important;
  font-weight:700;
}
#user_login_modal .hp-social-links__item--facebook:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(24,119,242,.32);
}
#user_login_modal .hp-social-links__item--facebook:focus{
  outline:0;
  box-shadow: 0 0 0 4px rgba(24,119,242,.35);
}
/* If the FB icon looks too dark on blue, uncomment this line to force it white */
/* #user_login_modal .hp-social-links__item--facebook img{ filter: brightness(0) invert(1); } */

/* Hide Facebook login everywhere just in case */
.hp-social-links__item--facebook{ display:none !important; }

/* Google button: controlled ripple instead of permanent grey */
#user_login_modal .gsi-material-button{
  background:#fff !important;
}
#user_login_modal .gsi-material-button .gsi-material-button-state{
  background:#000 !important;
  opacity:0 !important;
  transition:opacity .15s ease;
}
#user_login_modal .gsi-material-button:hover .gsi-material-button-state{ opacity:.06 !important; }
#user_login_modal .gsi-material-button:active .gsi-material-button-state{ opacity:.12 !important; }
#user_login_modal .gsi-material-button:focus{
  outline:0;
  box-shadow:0 0 0 4px rgba(241,153,153,.28);
}

/* === Spacing Tweaks === */
/* 1) Benutzername & Passwort näher zusammen */
#user_login_modal .hp-form__fields{
  gap:8px !important;            /* vorher 14px */
  margin-top:60px !important;    /* mehr Abstand von Google-Login/„oder“ zum Feld Benutzername (vorher ~8px) */
}

/* 2) Optional: „oder“-Divider etwas weiter vom Google-Button wegschieben */
#user_login_modal .hp-form__header + .hp-form__messages::before{
  margin:20px 0 12px !important; /* top | left-right | bottom */
}


/* ===== [1042] Register-Modal ===== */
/* ===== KidsZone — Registrieren-Modal (wie Login) ===== */
#user_register_modal.hp-modal{
  /* Theme Tokens */
  --kzc-bg:#f5f4d7;      /* Card */
  --kzc-surface:#fcfbe8; /* Inputs */
  --kzc-text:#1f2937;    /* Text */
  --kzc-muted:#6b6b5e;   /* Labels */
  --kzc-border:#e4e2bf;  /* Border */
  --kzc-ring:#f19999;    /* Focus ring soft red */
  --kzc-accent:#ff3b3b;  /* Red start */
  --kzc-accent-2:#ff6b6b;/* Red end */
  --kzc-shadow:0 20px 60px rgba(31,41,55,.18);
  --kzc-radius:18px;

  width:min(520px,92vw);
  padding:28px 28px 24px;
  background:var(--kzc-bg);
  color:var(--kzc-text);
  border-radius:var(--kzc-radius);
  box-shadow:var(--kzc-shadow);
  border:1px solid rgba(31,41,55,.06);
  overflow:hidden;
}

/* Titel wie im Login (zentriert, fett) */
#user_register_modal .hp-modal__title{
  margin:0 0 10px;
  font-size:28px;
  line-height:1.2;
  font-weight:800;
  text-align:center;
}

/* --- Social Logins --- */
#user_register_modal .hp-form__header{ margin:6px 0 12px; }
#user_register_modal .hp-social-links{
  display:flex; flex-direction:column; gap:12px;
}

/* Google: weiß, Hover grau (wie Login), Overlay aus */
#user_register_modal .gsi-material-button{
  display:flex; align-items:center; gap:12px;
  width:100%; height:52px; border-radius:12px;
  border:1px solid var(--kzc-border) !important;
  background:#fff !important; padding:0 14px; box-shadow:none !important;
  color:#1f2937;
  transition:background-color .15s, border-color .15s, box-shadow .15s, transform .15s;
}
#user_register_modal .gsi-material-button .gsi-material-button-state{ display:none !important; }
#user_register_modal .gsi-material-button:hover{
  background:#ececec !important; border-color:#d6d6d6 !important;
  transform:translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.06);
}
#user_register_modal .gsi-material-button:active{
  background:#e2e2e2 !important; border-color:#cfcfcf !important; transform:none;
}
#user_register_modal .gsi-material-button:focus{
  outline:0; box-shadow:0 0 0 4px rgba(241,153,153,.28);
}
#user_register_modal .gsi-material-button-contents{ font-weight:700; font-size:15px; }

/* “oder”-Divider wie im Login */
#user_register_modal .hp-form__header + .hp-form__messages::before{
  content:"oder";
  display:flex; align-items:center; justify-content:center;
  gap:12px; color:var(--kzc-muted);
  font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  margin:14px 0 12px;
  background:
    linear-gradient(#d9d7b5,#d9d7b5) left 50%/38% 1px no-repeat,
    linear-gradient(#d9d7b5,#d9d7b5) right 50%/38% 1px no-repeat;
}

/* --- Felder (wie Login) --- */
#user_register_modal .hp-form__fields{
  margin-top:20px;        /* mehr Abstand von Google */
  display:grid; gap:8px;  /* Email & Passwort näher beieinander */
}
#user_register_modal .hp-form__label{
  font-size:13px; color:var(--kzc-muted); margin-bottom:6px;
}
#user_register_modal .hp-field{
  width:100%;
  border-radius:12px;
  border:1px solid var(--kzc-border);
  background:var(--kzc-surface);
  padding:14px 14px;
  font-size:15px;
  transition:border-color .15s, box-shadow .15s, background .15s;
}
#user_register_modal .hp-field:focus{
  outline:0; border-color:var(--kzc-ring);
  box-shadow:0 0 0 4px rgba(241,153,153,.28); background:#fff;
}

/* Passwort-Auge */
#user_register_modal .hp-form__field--password{ position:relative; }
#user_register_modal .kzc-toggle-pass{
  position:absolute; right:10px; top:32px;
  width:38px; height:38px; border:0; background:transparent;
  border-radius:10px; cursor:pointer;
}
#user_register_modal .kzc-toggle-pass:focus{
  outline:0; box-shadow:0 0 0 3px rgba(241,153,153,.35);
}
#user_register_modal .kzc-toggle-pass::before{
  content:""; display:block; width:22px; height:22px; margin:auto;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%236b6b5e' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12Z'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
#user_register_modal .kzc-toggle-pass.is-on::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23ff3b3b' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12Z'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E");
}

/* --- Button (roter Gradient wie Login) --- */
#user_register_modal .hp-form__footer{ margin-top:14px; }
#user_register_modal .hp-form__button{
  width:100%; height:54px; border-radius:14px !important; border:0 !important;
  font-weight:800; font-size:16px; letter-spacing:.2px; color:#fff !important;
  background:linear-gradient(135deg,var(--kzc-accent),var(--kzc-accent-2)) !important;
  box-shadow:0 10px 20px rgba(255,59,59,.25);
  transition:transform .15s, box-shadow .15s, filter .15s, opacity .15s;
}
#user_register_modal .hp-form__button:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(255,59,59,.30);
}
#user_register_modal .hp-form__button:focus{
  outline:0;
  box-shadow:0 0 0 4px rgba(241,153,153,.32), 0 10px 20px rgba(255,59,59,.25);
}
#user_register_modal .hp-form__button:disabled{
  opacity:1 !important; filter:none !important; cursor:not-allowed;
}

/* Untere Links – rot wie beim Login */
#user_register_modal .hp-form__actions{ 
  margin-top:12px; font-size:13px; color:var(--kzc-muted);
}
#user_register_modal .hp-form__actions a{ color:var(--kzc-accent); font-weight:700; }
#user_register_modal .hp-form__actions a:hover{ text-decoration:underline; }

/* Facebook-Login vollständig ausblenden (falls vorhanden) */
#user_register_modal .hp-social-links__item--facebook{ display:none !important; }

/* Fancybox Close-Button einheitlich */
#user_register_modal + .fancybox-close-small,
.fancybox-slide--html #user_register_modal .fancybox-close-small{
  top:10px; right:10px; background:rgba(0,0,0,.04);
  border-radius:10px; width:36px; height:36px;
}
#user_register_modal + .fancybox-close-small svg path{ fill:#6b6b5e; }

/* Mobil */
@media (max-width:480px){
  #user_register_modal.hp-modal{ padding:22px 16px 18px; border-radius:16px; }
  #user_register_modal .hp-modal__title{ font-size:24px; }
  #user_register_modal .gsi-material-button{ height:48px; }
  #user_register_modal .hp-field{ padding:12px 14px; font-size:15px; }
  #user_register_modal .hp-form__button{ height:50px; }
}


/* ===== [1032] /account/login/-Seite ===== */
/* ===== KidsZone — Login page skin (applies only when .kzc-login-skin is present) ===== */
.kzc-login-skin .hp-form.hp-form--user-login{
  /* Theme tokens */
  --kzc-bg:#f5f4d7;      /* card bg */
  --kzc-surface:#fcfbe8; /* inputs bg */
  --kzc-text:#1f2937;
  --kzc-muted:#6b6b5e;
  --kzc-border:#e4e2bf;
  --kzc-ring:#f19999;    /* soft red focus */
  --kzc-accent:#ff3b3b;  /* red start */
  --kzc-accent-2:#ff6b6b;/* red end */
  --kzc-shadow:0 20px 60px rgba(31,41,55,.18);
  --kzc-radius:18px;

  width:min(520px,92vw);
  padding:28px 28px 24px;
  background:var(--kzc-bg);
  color:var(--kzc-text);
  border-radius:var(--kzc-radius);
  box-shadow:var(--kzc-shadow);
  border:1px solid rgba(31,41,55,.06);
  overflow:hidden;
}

/* Social login header */
.kzc-login-skin .hp-form.hp-form--user-login .hp-form__header{ margin:6px 0 12px; }
.kzc-login-skin .hp-form.hp-form--user-login .hp-social-links{
  display:flex; flex-direction:column; gap:12px;
}

/* Google button — white by default, grey on hover */
.kzc-login-skin .hp-form.hp-form--user-login .gsi-material-button{
  display:flex; align-items:center; gap:12px;
  width:100%; height:52px; border-radius:12px;
  border:1px solid var(--kzc-border) !important;
  background:#fff !important; padding:0 14px; box-shadow:none !important;
  color:#1f2937;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.kzc-login-skin .hp-form.hp-form--user-login .gsi-material-button .gsi-material-button-state{
  display:none !important; /* prevent default grey overlay always-on */
}
.kzc-login-skin .hp-form.hp-form--user-login .gsi-material-button:hover{
  background:#ececec !important;      /* hover grey */
  border-color:#d6d6d6 !important;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(0,0,0,.06);
}
.kzc-login-skin .hp-form.hp-form--user-login .gsi-material-button:active{
  background:#e2e2e2 !important;
  border-color:#cfcfcf !important;
  transform:translateY(0);
}
.kzc-login-skin .hp-form.hp-form--user-login .gsi-material-button:focus{
  outline:0;
  box-shadow:0 0 0 4px rgba(241,153,153,.28);
}
.kzc-login-skin .hp-form.hp-form--user-login .gsi-material-button-contents{
  font-weight:700; font-size:15px;
}

/* Divider “oder” */
.kzc-login-skin .hp-form.hp-form--user-login .hp-form__header + .hp-form__messages::before{
  content:"oder";
  display:flex; align-items:center; justify-content:center;
  gap:12px; color:var(--kzc-muted);
  font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  margin:14px 0 12px; /* more space below Google */
  background:
    linear-gradient(#d9d7b5,#d9d7b5) left 50%/38% 1px no-repeat,
    linear-gradient(#d9d7b5,#d9d7b5) right 50%/38% 1px no-repeat;
}

/* Fields — closer together + clean inputs */
.kzc-login-skin .hp-form.hp-form--user-login .hp-form__fields{
  display:grid; gap:8px !important;
  margin-top:20px !important; /* distance from Google to first field */
}
.kzc-login-skin .hp-form.hp-form--user-login .hp-form__label{
  font-size:13px; color:var(--kzc-muted); margin-bottom:6px;
}
.kzc-login-skin .hp-form.hp-form--user-login .hp-field{
  width:100%;
  border-radius:12px;
  border:1px solid var(--kzc-border);
  background:var(--kzc-surface);
  padding:14px 14px;
  font-size:15px;
  transition:border-color .15s, box-shadow .15s, background .15s;
}
.kzc-login-skin .hp-form.hp-form--user-login .hp-field:focus{
  outline:0; border-color:var(--kzc-ring);
  box-shadow:0 0 0 4px rgba(241,153,153,.28); background:#fff;
}

/* Password eye */
.kzc-login-skin .hp-form.hp-form--user-login .hp-form__field--password{ position:relative; }
.kzc-login-skin .hp-form.hp-form--user-login .kzc-toggle-pass{
  position:absolute; right:10px; top:32px;
  width:38px; height:38px; border:0; background:transparent;
  border-radius:10px; cursor:pointer;
}
.kzc-login-skin .hp-form.hp-form--user-login .kzc-toggle-pass:focus{
  outline:0; box-shadow:0 0 0 3px rgba(241,153,153,.35);
}
.kzc-login-skin .hp-form.hp-form--user-login .kzc-toggle-pass::before{
  content:""; display:block; width:22px; height:22px; margin:auto;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%236b6b5e' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12Z'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.kzc-login-skin .hp-form.hp-form--user-login .kzc-toggle-pass.is-on::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23ff3b3b' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12Z'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E");
}

/* Submit — red gradient */
.kzc-login-skin .hp-form.hp-form--user-login .hp-form__footer{ margin-top:14px; }
.kzc-login-skin .hp-form.hp-form--user-login .hp-form__button{
  width:100%; height:54px; border-radius:14px !important; border:0 !important;
  font-weight:800; font-size:16px; letter-spacing:.2px;
  background:linear-gradient(135deg,var(--kzc-accent),var(--kzc-accent-2)) !important;
  box-shadow:0 10px 20px rgba(255,59,59,.25);
}
.kzc-login-skin .hp-form.hp-form--user-login .hp-form__button:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(255,59,59,.30);
}

/* Secondary actions — red links */
.kzc-login-skin .hp-form.hp-form--user-login .hp-form__actions{
  margin-top:12px; display:flex; flex-wrap:wrap; gap:10px;
  align-items:center; justify-content:space-between;
  font-size:13px; color:var(--kzc-muted);
}
.kzc-login-skin .hp-form.hp-form--user-login .hp-form__actions a{
  color:var(--kzc-accent); font-weight:700;
}
.kzc-login-skin .hp-form.hp-form--user-login .hp-form__actions a:hover{ text-decoration:underline; }

/* Hide Facebook login if present */
.kzc-login-skin .hp-form.hp-form--user-login .hp-social-links__item--facebook{ display:none !important; }

/* Mobile */
@media (max-width:480px){
  .kzc-login-skin .hp-form.hp-form--user-login{ padding:22px 16px 18px; border-radius:16px; }
  .kzc-login-skin .hp-form.hp-form--user-login .gsi-material-button{ height:48px; }
  .kzc-login-skin .hp-form.hp-form--user-login .hp-field{ padding:12px 14px; font-size:15px; }
  .kzc-login-skin .hp-form.hp-form--user-login .hp-form__button{ height:50px; }
}

/* Nur auf /account/login/: Login-Menüpunkt verstecken */
.kzc-login-skin li.menu-item--user-login,
.kzc-login-skin .hp-menu__item--user-login{
  display:none !important;
}


/* ============================================================
   KZ-FIX (neu, nicht aus WPCode): Modal-Footer immer stapeln
   Ursache: .hp-form__footer ist mobil flex-row -> Button + Links
   stehen nebeneinander, Button nur ~halbe Breite.
   Loesung: Footer unbedingt (ohne @media) als column stapeln, wie
   auf Desktop & /account/login/ ohnehin. BEWUSST ohne @media, weil
   WP Rocket RUCSS Regeln in @media(max-width) als ungenutzt verwirft.
   ============================================================ */
#user_login_modal .hp-form__footer,
#user_register_modal .hp-form__footer{
  display:flex;
  /* !important noetig: ein globales @media(max-width:768px){.hp-form__footer{flex-direction:row!important}}
     aus einem anderen Snippet zwingt sonst alle Form-Footer in row. Hoehere Spezifitaet + !important schlaegt das, nur fuer die Modals. */
  flex-direction:column !important;
  align-items:stretch;
  gap:12px;
}
#user_login_modal .hp-form__footer .hp-form__button,
#user_register_modal .hp-form__footer .hp-form__button{
  width:100% !important;
}
#user_login_modal .hp-form__actions,
#user_register_modal .hp-form__actions{
  width:100%;
}