/* INAP Messenger Block - Corporate Style */
.block-inap-messenger {
  display: flex;
  justify-content: center;
}

.block-inap-messenger .messages-list {
  margin: 1.5rem 0;
  padding: 0;
  background: none;
  width: 50%;
}

.block-inap-messenger .messages a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: black;
}

.block-inap-messenger .messages a:hover {
  color: #3d3d3d;
}


@media (max-width: 1024px) {
  .block-inap-messenger .messages-list {
    width: 90%;
  }
}

.block-inap-messenger .messages-list__item {
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border-radius: 8px;
  border: 1px solid #e3e3e3;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  color: #222;
  font-size: 1rem;
  transition: box-shadow 0.2s;
}


.block-inap-messenger [role="contentinfo"].messages--status{
  border: 1px solid rgb(66, 168, 119);
  border-left: 8px solid rgb(66, 168, 119);
  background: rgb(234 244 242);
}
.block-inap-messenger [role="contentinfo"].messages--status .messages__header {
  background:  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M2 6.571L5.6 10 14 2' fill='none' stroke='%2342a877' stroke-width='3'/%3e%3c/svg%3e") no-repeat center left;
}

.block-inap-messenger [role="contentinfo"].messages--warning{
  border: 1px solid rgb(224 172 0);
  border-left: 8px solid rgb(224 172 0);
  background: rgb(244, 242, 234);
}

.block-inap-messenger [role="contentinfo"].messages--error{
  border: 1px solid rgb(227 79 79);
  border-left: 8px solid rgb(227 79 79);
  background: rgb(244, 234, 234);
}





.block-inap-messenger .messages-list__item:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

/* Typography and spacing to match corporate style */
.block-inap-messenger .messages-list__item,
.block-inap-messenger .messages-list__item li {
  font-family: 'Open Sans', Arial, sans-serif;
  line-height: 1.6;
}

/* Accessibility: visually hide but keep for screen readers */
.block-inap-messenger .visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px; width: 1px;
  margin: -1px; padding: 0; border: 0;
}