/* Hörmond.de 1.17 – persönliche Profilbilder für Eltern und Kinder */
.profile-image{
  --profile-size:56px;
  width:var(--profile-size);height:var(--profile-size);flex:0 0 var(--profile-size);
  display:grid;place-items:center;overflow:hidden;border-radius:50%;
  color:#2a1904;font-weight:900;font-size:calc(var(--profile-size)*.38);
  background:linear-gradient(145deg,#ffe29a,#e6aa39);
  border:1px solid rgba(255,230,166,.7);
  box-shadow:0 0 0 5px rgba(241,196,107,.08),0 16px 38px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.72);
}
.profile-image.has-image{background:#091431}
.profile-image img,.avatar img,.hm-mobile-menu-avatar img,.bottom-nav-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.profile-image-lg{--profile-size:72px}.profile-image-xl{--profile-size:96px}.profile-image-xxl{--profile-size:132px}

.avatar.has-image{padding:0;overflow:hidden;background:#091431!important;border:1px solid rgba(255,224,150,.7);box-shadow:0 0 0 4px rgba(241,196,107,.08),0 10px 28px rgba(0,0,0,.3)}
.avatar.has-image img{border-radius:50%}
.hm-mobile-menu-avatar.has-image{padding:0;overflow:hidden;background:#091431}
.hm-mobile-menu-avatar.has-image img{border-radius:inherit}
.bottom-nav-avatar{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border-radius:50%;overflow:hidden}
.bottom-nav-avatar.has-image{border:1px solid rgba(255,223,145,.58);box-shadow:0 0 0 3px rgba(241,196,107,.08)}

.account-profile-heading-main{display:flex;align-items:center;gap:24px;min-width:0}
.account-profile-heading-main>div{min-width:0}.account-profile-heading-main h1,.account-profile-heading-main p{overflow-wrap:anywhere}
.profile-editor-card{grid-column:1/-1;padding:30px!important;scroll-margin-top:110px}
.profile-status-pill{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(241,196,107,.08);border:1px solid rgba(241,196,107,.16);color:#f0cd7e;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.profile-editor-form{display:grid;gap:24px}
.profile-image-picker{display:flex;align-items:center;gap:26px;padding:24px;border-radius:26px;background:linear-gradient(145deg,rgba(8,18,48,.9),rgba(5,12,33,.72));border:1px solid rgba(241,196,107,.13);position:relative;overflow:hidden}
.profile-image-picker::after{content:"";position:absolute;right:-45px;top:-70px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(241,196,107,.13),transparent 68%);pointer-events:none}
.profile-image-picker>div{display:grid;gap:10px;position:relative;z-index:1}.profile-image-picker small{color:#aeb8d1;line-height:1.45}
.profile-upload-button{display:inline-flex!important;width:max-content!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:14px;background:linear-gradient(180deg,#f8d57f,#dfab43);color:#2a1905!important;font-weight:850!important;cursor:pointer;box-shadow:0 12px 28px rgba(222,169,64,.18)}
.profile-file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:.001!important}.profile-file-input:focus+ .profile-upload-button,.profile-file-input:focus-visible+ .profile-upload-button{outline:3px solid rgba(241,196,107,.35);outline-offset:3px}
.profile-remove-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;font-size:13px!important;color:#d2d8e9!important;font-weight:600!important;cursor:pointer}.profile-remove-check input{width:auto!important}
.profile-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-editor-fields label small{color:#9fa9c1}

.children-layout-v17{grid-template-columns:minmax(0,1fr) 440px;align-items:start}
.child-profile-grid-v17{gap:16px}.child-profile-card-v17{position:relative;padding:20px;border-color:rgba(241,196,107,.12);background:linear-gradient(145deg,rgba(9,20,53,.9),rgba(6,14,38,.94));box-shadow:0 18px 44px rgba(0,0,0,.2);transition:transform .2s,border-color .2s,box-shadow .2s}
.child-profile-card-v17:hover,.child-profile-card-v17.is-editing{transform:translateY(-2px);border-color:rgba(241,196,107,.38);box-shadow:0 22px 48px rgba(0,0,0,.28),0 0 30px rgba(241,196,107,.06)}
.child-profile-card-v17.is-editing::after{content:"Wird bearbeitet";position:absolute;right:18px;top:13px;padding:5px 9px;border-radius:999px;background:rgba(241,196,107,.12);color:#efc66c;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.child-profile-card-copy{min-width:0}.child-profile-card-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:25px;color:#fff1d6}.child-profile-card-copy small{display:block;margin-top:5px;overflow-wrap:anywhere}
.child-profile-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.child-profile-actions form{margin:0}.icon-button.edit{display:grid;place-items:center;text-decoration:none;color:#f1cf80;background:rgba(241,196,107,.08);border:1px solid rgba(241,196,107,.14)}.icon-button.edit:hover{background:rgba(241,196,107,.18)}
.profile-form-card-v17{top:118px;border-color:rgba(241,196,107,.14)}.profile-image-picker-child{padding:18px;gap:18px}.profile-image-picker-child .profile-image-xxl{--profile-size:112px}
.child-profile-form-v17 input[type=file]{padding:0}

@media(max-width:980px){
  .children-layout-v17{grid-template-columns:1fr}.profile-form-card-v17{position:static;order:-1}
  .profile-editor-fields{grid-template-columns:1fr}
}
@media(max-width:700px){
  .account-profile-heading{align-items:flex-start}.account-profile-heading-main{gap:16px}.profile-image-xl{--profile-size:72px}
  .profile-editor-card{padding:20px!important}.profile-image-picker{align-items:flex-start;gap:16px;padding:18px}.profile-image-xxl{--profile-size:92px}.profile-upload-button{padding:11px 13px;font-size:13px}
  .child-profile-card-v17{align-items:center;padding:17px}.profile-image-lg{--profile-size:62px}.child-profile-card-copy h3{font-size:21px}.child-profile-actions{gap:5px}.child-profile-card-v17.is-editing::after{display:none}
  .profile-image-picker-child{align-items:center}.profile-image-picker-child .profile-image-xxl{--profile-size:88px}
}
@media(max-width:480px){
  .profile-image-picker{display:grid;grid-template-columns:auto 1fr}.profile-image-picker>div{min-width:0}.profile-upload-button{width:100%!important}
  .account-profile-heading-main{align-items:flex-start}.account-profile-heading .button{width:100%}
  .child-profile-card-v17{display:grid;grid-template-columns:auto 1fr auto}.child-profile-actions{display:grid}
}

.profile-choice-with-image{gap:7px!important;padding:14px 10px!important}
.profile-choice-image,.profile-choice-initial{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:linear-gradient(145deg,#ffe29a,#e6aa39);color:#2a1904;font-style:normal;font-size:22px;font-weight:900;border:1px solid rgba(255,230,166,.55);box-shadow:0 0 0 4px rgba(241,196,107,.07)}
.profile-choice-with-image b{font-size:16px;color:#fff2d7}.profile-choice-with-image small{line-height:1.35}

.profile-upload-button{user-select:none;-webkit-user-select:none;touch-action:manipulation}.profile-upload-button:active{transform:translateY(1px)}


/* Hörmond.de 1.17.2 – sichtbare Bearbeitung für Kinderprofile */
.child-profile-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border-radius:12px;text-decoration:none;color:#f3d58c;background:rgba(241,196,107,.09);border:1px solid rgba(241,196,107,.2);font-size:12px;font-weight:850;white-space:nowrap}
.child-profile-edit-button:hover{background:rgba(241,196,107,.18);border-color:rgba(241,196,107,.42);transform:translateY(-1px)}
.child-profile-edit-button span{font-size:15px}
@media(max-width:700px){.child-profile-edit-button{padding:8px 10px}.child-profile-actions{align-items:stretch}}
@media(max-width:480px){.child-profile-edit-button{font-size:11px}.child-profile-actions{display:flex;flex-direction:column;align-items:stretch}}