/*
================================================================================
TURFSPORT – Fotografen Login + Registrierung Magazine V677
Nur Laptop/Desktop. Mobil/Touch bleibt unverändert.

Ziele:
- Login kleiner, ruhiger, mittig und typografisch sauber
- Registrierung weg von der großen Kartenwand
- größere, gut lesbare Formulartexte
- gleiche Paper-/Portal-Sprache wie Fotografenbereiche V669–V676
================================================================================
*/

@media (min-width:1100px) and (hover:hover) and (pointer:fine){

  /* ======================================================================
     LOGIN
     ====================================================================== */
  html body.rc-photographer-login-page{
    background:#f4f5f7!important;
    color:#333333!important;
  }

  html body.rc-photographer-login-page .rc-photo-login-wrap,
  html body.rc-photographer-login-page .rc-photo-login-wrap-compact{
    width:100%!important;
    max-width:470px!important;
    margin:28px auto 70px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
  }

  html body.rc-photographer-login-page .rc-photo-login-card,
  html body.rc-photographer-login-page .rc-photo-login-card-compact{
    display:grid!important;
    gap:12px!important;
    padding:22px!important;
    border:1px solid #eeeeee!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 4px 15px rgba(0,0,0,.05)!important;
  }

  html body.rc-photographer-login-page .rc-photo-login-card span{
    width:max-content!important;
    margin:0 0 2px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#8a6a2c!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.045em!important;
  }

  html body.rc-photographer-login-page .rc-photo-login-card h1{
    margin:0 0 2px!important;
    color:#17382d!important;
    font-size:28px!important;
    line-height:1.1!important;
    font-weight:720!important;
    letter-spacing:-.018em!important;
  }

  html body.rc-photographer-login-page .rc-photo-login-card input{
    min-height:42px!important;
    padding:0 12px!important;
    border:1px solid #dfe5e2!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#333!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:400!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-login-page .rc-photo-login-card input::placeholder{
    color:#7a817e!important;
    font-weight:400!important;
  }

  html body.rc-photographer-login-page .rc-photo-login-card input:focus{
    border-color:#0f5138!important;
    box-shadow:0 0 0 3px rgba(15,81,56,.08)!important;
  }

  html body.rc-photographer-login-page .rc-photo-login-card button{
    min-height:36px!important;
    padding:0 14px!important;
    border-radius:7px!important;
    background:#0f5138!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:650!important;
  }

  html body.rc-photographer-login-page .rc-photo-login-links{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    margin-top:2px!important;
    padding-top:11px!important;
    border-top:1px solid #eeeeee!important;
  }

  html body.rc-photographer-login-page .rc-photo-login-links a{
    min-height:31px!important;
    padding:0 10px!important;
    border:1px solid #e4e8e6!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#315247!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:650!important;
  }

  html body.rc-photographer-login-page .rc-photo-login-links a:first-child{
    background:#fffaf0!important;
    border-color:#eadcc0!important;
    color:#8a6a2c!important;
  }

  html body.rc-photographer-login-page .rc-photo-message.err{
    font-size:12.5px!important;
    line-height:1.4!important;
    font-weight:600!important;
    border-radius:7px!important;
  }

  /* ======================================================================
     REGISTRIERUNG
     ====================================================================== */
  html body.rc-photographer-register-page{
    background:#f4f5f7!important;
    color:#333333!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-wrap{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:20px auto 34px!important;
    padding:18px 22px 34px!important;
    box-sizing:border-box!important;
    background:#fff!important;
  }

  /* Hero klein und redaktionell */
  html body.rc-photographer-register-page .rc-photo-register-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
    margin:0 0 22px!important;
    padding:14px 16px!important;
    min-height:0!important;
    border:0!important;
    border-radius:9px!important;
    background:#fffaf0!important;
    color:#333!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-hero span{
    margin:0 0 5px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#8a6a2c!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.045em!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-hero h1{
    margin:0 0 5px!important;
    color:#17382d!important;
    font-size:30px!important;
    line-height:1.1!important;
    font-weight:720!important;
    letter-spacing:-.018em!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-hero p{
    max-width:820px!important;
    margin:0!important;
    color:#626b67!important;
    font-size:14px!important;
    line-height:1.5!important;
    font-weight:400!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-hero a{
    min-height:32px!important;
    padding:0 10px!important;
    border:1px solid #e4e8e6!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#315247!important;
    font-size:12px!important;
    font-weight:650!important;
    box-shadow:none!important;
  }

  /* Formular + rechte Hinweise */
  html body.rc-photographer-register-page .rc-photo-register-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 270px!important;
    gap:24px!important;
    align-items:start!important;
    margin:0!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form{
    display:grid!important;
    gap:12px!important;
    margin:0!important;
    padding:0 24px 0 0!important;
    border:0!important;
    border-right:1px solid #eeeeee!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form > span,
  html body.rc-photographer-register-page .rc-photo-register-side span{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#8a6a2c!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.04em!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form h2{
    margin:0 0 2px!important;
    color:#1a1a1a!important;
    font-size:23px!important;
    line-height:1.14!important;
    font-weight:720!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form > p{
    margin:0 0 2px!important;
    color:#626b67!important;
    font-size:14px!important;
    line-height:1.5!important;
    font-weight:400!important;
  }

  html body.rc-photographer-register-page .rc-photo-rights-note-register{
    margin:2px 0 4px!important;
    padding:11px 12px!important;
    border:0!important;
    border-left:3px solid #d4a64a!important;
    border-radius:0 7px 7px 0!important;
    background:#f8f9fa!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-register-page .rc-photo-rights-note-register strong{
    color:#17382d!important;
    font-size:13.5px!important;
    font-weight:700!important;
  }

  html body.rc-photographer-register-page .rc-photo-rights-note-register p{
    margin:3px 0 0!important;
    color:#626b67!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form label{
    gap:6px!important;
    color:#315247!important;
    font-size:12.5px!important;
    line-height:1.3!important;
    font-weight:650!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form input,
  html body.rc-photographer-register-page .rc-photo-register-form textarea{
    min-height:40px!important;
    padding:9px 10px!important;
    border:1px solid #dfe5e2!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#333!important;
    font-size:13.5px!important;
    line-height:1.4!important;
    font-weight:400!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form textarea{
    min-height:82px!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form input::placeholder,
  html body.rc-photographer-register-page .rc-photo-register-form textarea::placeholder{
    color:#8a918d!important;
    font-weight:400!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form input:focus,
  html body.rc-photographer-register-page .rc-photo-register-form textarea:focus{
    border-color:#0f5138!important;
    box-shadow:0 0 0 3px rgba(15,81,56,.07)!important;
    outline:none!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form .rc-photo-form-grid{
    gap:10px 12px!important;
  }

  html body.rc-photographer-register-page .rc-photo-profile-upload-field small{
    color:#737a76!important;
    font-size:11px!important;
    line-height:1.4!important;
    font-weight:400!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form .rc-photo-check{
    padding:9px 10px!important;
    border:1px solid #e5e9e7!important;
    border-radius:7px!important;
    background:#f8f9fa!important;
    color:#4d5a54!important;
    font-size:11.5px!important;
    line-height:1.4!important;
    font-weight:500!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form button[type="submit"]{
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:7px!important;
    background:#0f5138!important;
    color:#fff!important;
    font-size:12.5px!important;
    font-weight:650!important;
    box-shadow:none!important;
  }

  /* Rechte Infospalte: keine großen Karten */
  html body.rc-photographer-register-page .rc-photo-register-side{
    display:grid!important;
    gap:0!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-side article{
    margin:0!important;
    padding:13px 2px!important;
    border:0!important;
    border-bottom:1px solid #eeeeee!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-side article:first-child{
    padding-top:0!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-side article:last-child{
    border-bottom:0!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-side h3{
    margin:5px 0!important;
    color:#17382d!important;
    font-size:16px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-side p{
    margin:0!important;
    color:#626b67!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }

  /* Erfolgszustand ebenfalls leicht */
  html body.rc-photographer-register-page .rc-photo-register-success{
    max-width:760px!important;
    margin:0 auto!important;
    padding:18px!important;
    border:1px solid #eeeeee!important;
    border-radius:9px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
}

@media (min-width:1760px) and (hover:hover) and (pointer:fine){
  html body.rc-photographer-register-page .rc-photo-register-wrap{
    width:calc(100vw - 96px)!important;
    max-width:1780px!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-grid{
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:30px!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form{
    padding-right:30px!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form label{
    font-size:13px!important;
  }

  html body.rc-photographer-register-page .rc-photo-register-form input,
  html body.rc-photographer-register-page .rc-photo-register-form textarea{
    font-size:14px!important;
  }
}
