/* === AK 23.6.2026 === */
/* === to be developd further === */

button:disabled {
    background-color: var(--slate-300); /* Etwas dunkler als das Feld, damit es sich abhebt */
    color: var(--slate-100);
    border: none;
    cursor: not-allowed;
    pointer-events: none; /* Verhindert Hover-Effekte oder Klicks */
}
/* when set to 'disabled' */
button:disabled, 
input:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    filter: grayscale(30%); /* change color */
    transform: scale(0.98);  /* a little smaller (button pressed) */
}
/* =========================================================== */
/* == Standard Button Primary == */
/* =========================================================== */
.btn-std {
	display: inline-flex;
	align-items: center; 		/* vertical *
	justify-content: center; 	/* horizontal */
	gap: 1.1rem; 				/* if icon in use */
    border: none;
	text-decoration: none;
    border-radius: var(--std-border-radius);
    font-family: var(--ss-font-family);
    /* font-weight: bold;*/
	font-size: 	var(--btn-font-size);
    padding: 	var(--btn-padding-v) var(--btn-padding-h);    
	transition: all var(--transition-speed);
	flex: 0 1 auto; /* Wächst nicht automatisch (0 statt 1) */
    width: fit-content;	
	cursor:		pointer;
	background-color: var(--btn-neutral-bg); /* something */
    color: var(--slate-100); /* Falls fast alle Buttons hellgrauen Text haben */
}
.btn-std:hover {
    background-color: var(--btn-neutral-ho);
}
.btn-std:active {
    transform: scale(0.95); /* "Klick" */
}
.btn-std:disabled,
.btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}


/* =========================================================== */
/* Jetzt funktions-Buttons  */
/* Primary buttons			*/
/* =========================================================== */
.btn-send {
    background-color: var(--btn-send-bg);
	color: white;
}
.btn-send:hover {
    background-color: var(--btn-send-ho);
}

.btn-neutral {
  background: var(--btn-neutral-bg);
  color: white;
}
.btn-neutral:hover {
  background: var(--btn-neutral-ho);
}

.btn-login {
    background-color: var(--btn-login-bg); /*var(--red-btn);*/
	color: white;
}
.btn-logout {
    background-color: var(--btn-logout-bg);
	color: white;
}
.btn-login:hover {
    background-color: var(--btn-login-ho); 
}
.btn-logout:hover {
    background-color: var(--btn-logout-ho); 
}

/* --- Link z.B. Weiter */
.btn-link {
    background-color: var(--btn-link-bg); /* Dezentes Grau */
}
.btn-link:hover {
    background-color: var(--btn-link-ho); /* Dunkler beim Hover */
}

/* --- abort - Reset-Abbrechen */
.btn-abort { 
/*	display: inline-block; padding: 10px 20px; */
	background-color: var(--btn-abort-bg); 
	color: white; 
	text-decoration: none; 
	border-radius: 4px; margin-top: 15px; 
}
.btn-abort:hover {
	background-color: var(--btn-abort-ho);
}
/* back button => use function AK_backButton */


/* ----------------------------------------------------------- */
/* Submit */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* Link/Start something */
/* ----------------------------------------------------------- */

/* =========================================================== */
/* Secondary buttons			*/
/* =========================================================== */
.ak-btn-secondary{
    color: var(--btn-secondary-txt);
	background:none; 
	border:none;
    text-decoration: none;
	font-size: 	var(--btn-font-size);
/*    font-size: 0.9rem; */
    padding: 8px 12px;
    transition: all 0.3s ease;
}
.ak-btn-secondary:hover{
    color: var(--btn-secondary-hover);
    text-decoration: underline;
}

/* =========================================================== */
/* Tertiary/Ghost buttons			*/
/* =========================================================== */

/* ================== */