@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

.shoutbox-form * {
	border-collapse: collapse;
	box-sizing: border-box;
	   font-family: "Nunito sans";
	   font-size: 14px;
	 
	     display: block;
  	width:100%;
	padding:5px 10px;
	margin:3px 0;
}

.shoutbox-entry a {
    text-decoration: none;
    color: var(--accent);;
        font-family: "Nunito sans";
}


/* Styling for each entry */
.shoutbox-entry {
    font-size: 9pt;
    padding: 5px;
   background: rgba(65, 33, 35, 0.27);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.8px);
-webkit-backdrop-filter: blur(5.8px);
 border: 1px solid rgba(220,170,190,0.6);
margin-bottom: 10px;
border-radius: 10px;
margin-bottom: 10px;
}

[data-theme="dark"] .shoutbox-entry, {
  border-color: rgba(140,100,160,0.5);
}

.shoutbox-entry:nth-child(odd) {
    background: rgba(0,0,0, 0.1);
}
.shoutbox-entry:nth-child(even) {
    background: rgba(0,0,0, 0.05);
}

/* Info section styling */
.shoutbox-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
     font-family: "Nunito sans";
}

.shoutbox-name {
    font-weight: bold;
}

.shoutbox-date {
    color: #777;
    font-size: 0.9em;
}

/* Text styling */
.shoutbox-text {
    margin-bottom: 10px;
    line-height: 1.5;
     font-family: "Nunito sans";
}

/* Edit link styling */
.shoutbox-actions {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-left: 10px;
}

.shoutbox-actions a.shoutbox-delete {
    color: #213440;
}

.shoutbox-actions a.shoutbox-edit {
    color: #777;
}

.shoutbox-lastname {
    display: none !important;
}

.shoutbox-admin-links {
    font-size: 8pt;
    color: #777;
}

/* Feedback Messages */
.shoutbox-messages {
    margin-bottom: 5px;
     font-family: "Nunito sans";
}

.shoutbox-messages .shoutbox-success {
    background: #213440;
    color: #fff;
    padding: 5px;
    font-size: 9pt;
}

.shoutbox-messages .shoutbox-error {
    background: #c52f2f;
    color: #fff;
    padding: 5px;
    font-size: 9pt;
}

.shoutbox-messages .shoutbox-delete {
    background: #eee;
    color: #fff;
    padding: 5px;
    font-size: 9pt;
}