/* ===== Modale MESSAGE + SIGNALEMENT : overlay ===== */

.gp-msg-modal,
.gp-flag-modal {
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.45);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:9999;
}

.gp-msg-modal[hidden],
.gp-flag-modal[hidden]{
	display:none;
}

/* ===== Card (boîte centrale) ===== */

.gp-msg-card,
.gp-flag-card {
	background:#fff;
	border-radius:16px;
	box-shadow:0 20px 48px rgba(0,0,0,.18);
	width:min(560px,92vw);
	padding:16px;
}

/* ===== Header (titre + croix) ===== */

.gp-msg-head,
.gp-flag-head {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:8px;
	font-weight:600;
	font-family:'Yantramanav';
	font-size:18px;
}

/* ===== Corps des modales ===== */

.gp-msg-body textarea,
.gp-flag-body textarea {
	width:100%;
	border:2px solid #7FB1CA;
	border-radius:5px;
	padding:10px;
	min-height:120px;
}

.gp-msg-body textarea:focus,
.gp-flag-body textarea:focus {
	border-color:#7FB1CA!important;
}

/* Champ "Raison du signalement" */
.gp-flag-field input#gp-flag-reason {
	width:100%;
	border:2px solid #7FB1CA;
	border-radius:5px;
	padding:8px 10px;
	margin-bottom:10px;
}

.gp-flag-field label {
	display:block;
	font-size:14px;
	margin-bottom:4px;
	font-family:'Yantramanav';
}

/* ===== Actions en bas ===== */

.gp-msg-actions,
.gp-flag-actions {
	display:flex;
	gap:8px;
	justify-content:flex-end;
	margin-top:10px;
}

/* ===== Feedback ===== */

.gp-msg-feedback,
.gp-flag-feedback {
	margin-top:8px;
	font-size:.95rem;
}

.gp-msg-feedback.ok,
.gp-flag-feedback.ok {
	display:none!important; /* même comportement que ton actuel */
}

.gp-msg-feedback.err,
.gp-flag-feedback.err {
	color:#E52124;
}

/* ===== Bouton de fermeture (croix) ===== */

button.gp-msg-close,
button.gp-flag-close {
    padding:0 !important;
    margin:0 !important;
    line-height:20px;
    border:none !important;
    font-size:28px;
    color:black !important;
    background-color:transparent !important;
}

/* ===== Boutons génériques ===== */

button.gp-btn{
    padding:8px 12px;
    border-radius:8px;
    font-size:16px;
    cursor:pointer;
    border:0;
    font-family:'Yantramanav';
    font-weight:400;
}

/* Bouton d’envoi message (si tu utilises .gp-btn-send) */
button.gp-btn.gp-btn-send{
	background-color:#E5C1B5;
	color:#fff;
}

/* Bouton "Envoyer un message" dans la sidebar */
button.gp-btn.gp-btn-message:hover{
	background-color:#7FB1CA!important;
}

/* Bouton d’envoi du signalement */
button.gp-btn.gp-btn-flag-submit{
	background-color:#E5C1B5;
	color:#fff;
}