/* Wrapper für das gesamte Profil-Formular */
.diestb_profile-wrapper {
  background: linear-gradient(
    135deg,
    rgba(35, 35, 35, 0.8) 0%,    /* Startfarbe */
    rgba(35, 35, 35, 0.8) 75%,   /* bis 75% gleichbleibend */
    rgba(255, 0, 0, 0.65) 100%   /* ab 75% bis Ende rot */
  );
    padding: 10px;                          /* Innenabstand */
    border-radius: 10px;                     /* abgerundete Ecken */
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* Schatten */
}

/* Entfernt Aufzählungspunkte und Abstände der Liste */
.diestb_com-users-profile__edit {
    list-style: none;  
    padding: 0;        
    margin: 0;         
}

/* Styling für den Edit-Profile-Link als Button */
.diestb_my-edit-btn {
    display: inline-block;          
    padding: 0.5rem 1rem;           
    background-color: #4a4a4a;      /* neue Buttonfarbe */
    color: #f8f8f8;                 /* Textfarbe */
    border: 1px solid #f8f8f8;      /* Randfarbe */
    border-radius: 0.25rem;         
    text-decoration: none;           
    transition: all 0.3s ease;      /* sanfte Übergänge für Hover */
}

/* Hover-Effekt: Farben tauschen */
.diestb_my-edit-btn:hover {
    background-color: #f8f8f8;      
    color: #4a4a4a !important;      
    border-color: #4a4a4a;          
    text-decoration: none !important; 
}


/* =========================
   Profil-Bearbeiten (edit.php)
   ========================= */

/* Wrapper für das Edit-Formular */
.diestb_profile-edit-wrapper {
	background: rgba(35, 35, 35, 0.75);; /* Schwarz, 75% Deckkraft */
    backdrop-filter: blur(3px);            /* 3px Blur-Effekt */
    padding: 2rem;                          /* Innenabstand */
    border-radius: 4px;                     /* abgerundete Ecken */
}

/* Formular im Edit-Layout */
.diestb_profile-edit-form {
    margin: 0;
    padding: 1rem;                         /* optional Innenabstand für Felder */
    background: transparent;               /* kein extra Hintergrund, Wrapper übernimmt */
}

/* Buttons im Edit-Layout: Save */
.diestb_btn-save {
    background-color: #4a4a4a;
    color: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Buttons im Edit-Layout: Cancel */
.diestb_btn-cancel {
    background-color: #f44336;  /* Bootstrap Danger-Farbe als Basis */
    color: #fff;
    border: 1px solid #f44336;
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Hover-Effekte für Edit-Formular-Buttons */
.diestb_btn-save:hover {
    background-color: #f8f8f8;
    color: #4a4a4a !important;
    border-color: #4a4a4a;
    text-decoration: none !important;
}

.diestb_btn-cancel:hover {
    background-color: #fff;
    color: #f44336 !important;
    border-color: #f44336;
    text-decoration: none !important;
}