/* ================================ */
/* ========== CARD HEADER ========= */
/* ================================ */

	.forum .bg-dark {
		background: rgba(255, 255, 255, 0.09) !important;
	}
	
	.forum .card-header, 
	.forum .card-footer {
		height: 25px;
		padding: 1px;
		font-size:0.8rem;
		color: #d1d0d3;
		font-weight: 200;
		text-align: center;
	}
	
	.forum .card-header {
		border-radius: 15px 15px 0 0;
		background: #4e596f;
	}
	
	.forum .header-date {
		float: left;
		margin:2px 20px;
	}
	
	.forum .header-id {
		float: right;
		margin:2px 20px;
	}
	
/* ================================ */
/* ========== CARD FOOTER ========= */
/* ================================ */
		
	.forum .card-footer {
	    display: flex;
		justify-content: center;
		background: #6c757d;
		color: #fff;
		font-weight: 500;
		padding-top: 2px;
		border-radius: 0 0 15px 15px;
	}
	
	.forum .card-footer:hover, .edit-card .card-footer:hover {background:#4d535882;}
	
/* ================================ */
/* ========== BOUTONS =============== */
/* ================================ */

	.boutons {
		--bs-btn-padding-y: .2rem;
		--bs-btn-padding-x: 1rem;
		--bs-btn-font-size: .8rem;
		width:290px;
		font-size: 16px;
		padding:2px;
	}

	.boutons:hover {background:#4d535882;}

	.boutons.droite, .boutons_bas.droite {
		float: right;
		margin-right:10px;
	}

	.boutons.gauche {margin-left:10px;}
	
	.boutons.rep.gauche {margin:0 10px;}	
	
/* ================================ */
/* ========== CARDS =============== */
/* ================================ */
	
	.forum .card {
		border-radius: 15px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		margin-top: 5px;	
		background: rgba(255, 255, 255, 0.11)!important;
	}

	.edit-card .card.message.nobkg {background:transparent !important;}
	
/* ELEMENTS GENERAUX DE CARDS */

	.forum .titre {
		padding-bottom:4px;
		border-bottom:1px solid #575a5e;
		letter-spacing: 1.2px;
	}
	
	.forum .contenu {text-align: justify;}
	
	.forum .contenu.reponses{margin-left:25px;}
	
	.forum .description {padding: 10px 5px 0 25px;}
	
	.forum .outils a {margin-right:8px;opacity: 0.65;}
	
	.forum .outils a:hover {opacity: 1;}

/**	.forum .row.toggle {padding: 10px 20px;} */
	
	.forum .border-start {border-left: 1px solid #504c4c !important;padding-left: 10px;	}
	
	.forum  a {
		color: #fff;
		text-decoration: none;
		cursor: pointer !important;
	}
	
/* GROUPES */	

	.forum .card.groupes {margin: 10px 0;}
	
	.forum .groupes .info {padding-left: 40px;}
	
	.forum .groupes .espace {padding: 15px;}
	
	.forum .groupes .last-reponse {border-left: 1px solid #5b5757;}
	
	.forum .groupes .last-reponse p {font-size: 0.9rem;}
	
	.forum .groupes .small {font-size: 0.8rem;}
	
	.forum .discussions .info-last {
		padding-left: 2px;
		margin-top:-7px
	}
	
	.forum .groupes .small.liste {margin-left: -90px;}
	
/* DISCUSSIONS */
	
	.forum .card.discussions {
		flex-grow: 1;
		overflow: hidden;
		margin: 10px 0;
	}
	
	.forum .discussions .info {padding-left: 10px;}
	
	.forum .discussions .espace {padding: 15px;}
	
	.forum .discussions .last-reponse {border-left: 1px solid #5b5757 !important;}
	
	.forum .discussions .info-last {
		padding-left: 2px; 
		margin-top:-7px;
	}

/* MESSAGE */
	
	.forum .card.message {
		flex-grow: 1;
		overflow: hidden;
		margin: 10px 0;
	}
	
	.forum .message .info {margin-left: 10px;}
	
	.forum .message .espace {padding: 15px;}
		
	.forum .message .outils {
		margin-left: -10px;
		text-align:left;
		padding-top:10px;
	}
	
	.forum .message .info-droite {
		padding-left: 2px;
		margin-top:-7px;
	}
	
	.forum .message .last-reponse {border-left: 1px outset #3e3c3c !important;}
	
	.edit-card .message h3 {letter-spacing: 1.5px;}
	
/* MESSAGES */
	
	.forum .card.messages {
		flex-grow: 1;
		overflow: hidden;
		margin: 10px 0px !important;
	}
	
	.forum .messages {
		max-height: 120px;
		padding:0;
	}
		
	.forum .messages .info {margin-left: -9px;}
	
	.forum .messages .small {
		font-size:0.85rem;
		margin-top: 3px;
	}
	
	.forum .messages .espace {padding: 5px 10px 0;}
	
	.forum .messages .outils {text-align: right;}
	
/* REPONSES */
	
	.edit-card .card.reponses {
		flex-grow: 1;
		overflow: hidden;
   	}
	
	.card.forum { margin: 10px 0px !important;}
		
	.edit-card .reponses .info {margin-top: 2px; margin-left: 2px;}

	.edit-card .reponses .espaceC {padding: 0 40px;}
	
	.edit-card .reponses .outils {text-align: right;padding-right: 40px;}
	
/* PROFIL */
	
	.forum .card.profil {
		flex-grow: 1;
		overflow: hidden;
		margin: 10px 0;
	}
	
	.forum .profil .small {
		font-size: 1rem;
		margin-top: 2px;
	}
	
	.forum img.maxi-avatar {
		width: 80px;
		height: 80px;
		margin-top: 10px;
		border-radius: 80px;
	}
	
	.forum .fw-bold.profil{
		font-size: 1.3rem;
		color: #0d6efd;
	}
	
	.forum .profil .espace {padding: 15px}
	
/* ================================ */
/* ======== ILLUSTRATIONS ========= */
/* ================================ */
	
	.forum .avatar {margin-right: 22px;}
	
	.edit-card img.avatar {
		width: 80px;
		height: 80px;
		margin-top: 10px;
		border-radius: 80px;
		margin: 0 30px 0 0;
	}
	
	.forum img.avatar {
		width: 64px;
		height: 64px;
		margin-top: 2px;
		border-radius: 64px;
	}
	
	.forum img.mini-avatar {
		width: 32px;
		height: 32px;
		border-radius: 32px;
	}
		
	.forum .icone {text-align: center;}
	
	.forum .icone img {
		width: 52px;
		height: 52px;
	}


/* ================================================ */
/* ================ SUMMERNOTE ==================== */
/* ================================================ */

	.note-editor {background: rgba(255, 255, 255, 0.08)!important;color:#fff;}
	
	.note-editor.note-frame.card {margin-bottom:7px;}
	
	.btn-group, .btn-group-vertical {background: #9a989b;color:red;}
			
	button.note-btn.btn.btn-outline-secondary {color: #443f3f;}
		
	a.dropdown-item:hover {color: #b1ada8!important;}
	
	.dropdown-toggle::after {margin-left: 15px;}
	
	.note-palette-title {font-weight: 600;padding-bottom:15px;}

	.note-editable {font-family: 'Inter', JetBrains Mono, system-ui, sans-serif, Consolas !important;}
	
	.note-editable pre, .note-editable code {font-family: 'JetBrains Mono', Consolas, monospace;}
	
	.note-icon-font.note-recent-color {padding: 0 4px 5px 4px;}
	
	.note-editor .note-color-palette .btn {
		width: 18px !important;
		height: 18px !important;
		padding: 0 !important;
		display: inline-block !important;
	}
	
	.note-editor .note-placeholder {
    font-style: italic;
    color: #aaa;
}
	
	
/* ====================================================== */
/* ================ EDITION/CREATION ==================== */
/* ====================================================== */	
	
/* TITRE */
	/*.bg-dark {background: rgba(255, 255, 255, 0.09) !important; border-radius: 15px;}*/
	
	.edit-card .editVue {padding: 30px 10px;}

	.edit-card h2 {
		letter-spacing: 1.5px;
		margin-bottom: 20px;
	}

/* FORM */	
	.edit-card .form-control {border: 1px solid #444;}
	
	.edit-card .form-control:focus {
		background:unset;
		box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
		color: #e0e0e0;
		border-color: #0d6efd;
	}
	
	.edit-card input:focus {
		outline: none;
		border-color: #38bdf8;
	}

/* LABEL */
	.edit-card label {
		display: block;
		margin-top: 15px;
		font-size: 14px;
		opacity: 0.8;
	}

/* INPUT */
	.edit-card input, .edit-card select {
		background: rgba(255,255,255,0.08);
		color: #efefef !important;
		border: none;
		margin-top: 30px;
	}
	
	input[type="password"]::placeholder,
	input::placeholder {
		color: #bbb !important;
		font-style: italic;
		font-weight: 200;
		opacity: 0.7;
	}
	
	.edit-card input,
	.edit-card label,
	.input-error {width: 100%;}

/* IMAGES / FILES */ 	
	span.file-preview {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 30px;
	}
	
	span.file-preview input{
		width: 50%;
		height: 32px;
		padding: 3px 10px 5px;
		margin-top: 10px;
		margin-left: -50px;
		font-weight: 200;
		background: #2D2D2D;
		color: #efefef;
		border:1px solid #444;
	}
	
	span.file-preview input[type="file"]::file-selector-button {
		background: #6c757d;
		cursor: pointer;
		transition: background 0.3s;
		font-weight: 600;
	}

	.suppression {text-align: center;}
	
	.suppression h3 {margin-bottom: 50px;}
	
	.suppression button {width: 180px;}

	
/* ERREURS */
	.edit-card .input-error {
		display: block;
		color: #f87171;
		font-size: 12px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.edit-card .error-global {
		display: block;
		background: rgba(248,113,113,0.1);
		color: #f87171;
		padding: 10px;
		border-radius: 8px;
		margin-bottom: 15px;
		text-align: center;
	}
	
	.edit-card .alert {
		width: 600px;
		margin: 0 auto 50px auto;
		border: none;
		border-radius: 10px;
		padding: 14px 18px;
		font-size: 14px;
		backdrop-filter: blur(6px);
		box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	}
	
	.edit-card .alert:hover {
		transform: translateY(-1px);
		transition: 0.2s ease;
	}
		
	.edit-card .alert-success {
		background: rgba(0, 200, 150, 0.12);
		color: #00d4a3;
		border-left: 4px solid #00d4a3;
	}

	.edit-card .alert-warning {
		background: rgba(255, 180, 0, 0.12);
		color: #ffb400;
		border-left: 4px solid #ffb400;
	}

	.edit-card .alert-danger {
		background: rgba(255, 70, 70, 0.12);
		color: #ff4d4d;
		border-left: 4px solid #ff4d4d;
	}
	
	.edit-card .char-count, .forum .char-count  {
		font-size: 12px !important;
		color: #aaa !important;
		margin: 5px 15px !important;
		text-align: right !important;
	}
	
	.edit-card .char-count span.mini {
		margin-left: 10px;
		font-style: italic;
		color: #73e476;
	}

	select.form-control option {
		background-color: #2c3e50;
		color: white;
	}
	
	.aucune-droite {
		text-align: center;
		margin: 30px auto;
		font-size: 0.8rem;
		color: #ffb5b5;
	}
	
/* BARRE de TITRE */	
	
	.page-title.forum {
		position: relative;
		padding: 15px 0;
		background: #15171A;
	}

	.forum-bar {
		position: relative;
		width: 100%;
	}
	
	.forum-bar span.icon_text {
		font-size: 0.9rem;
		color: #ababab;
		vertical-align: middle;
		margin-left: 10px;
	}	
	
	.forum-bar a{text-decoration: none;}
	
	.forum-bar span.icon_text:hover{
		color: #4CC9F0;
		opacity: 0.7;
	}
	
	.forum-center {text-align: center;}

	.forum-title {
		font-size: 28px;
		font-weight: 600;
		color: #ced5db;
		margin-bottom: 10px;
	}

	.forum-meta {
		font-size: 13px;
		color: rgba(255,255,255,0.6);
	}

	.forum-bar-right {
		position: absolute;
		right: 25%;
		top: 50%;
		transform: translateY(-50%);
		display: flex;
		gap: 20px;
	}

	.forum-link {
		color: var(--color-text-main);
		text-decoration: none;
		font-size: 14px;
	}

	.forum-link:hover {color: var(--color-accent);}

	@media (max-width: 768px) {

		.forum-bar-right {
			position: static;
			transform: none;
			justify-content: center;
			margin-top: 10px;
		}
	}