/**
 * Gin admin theme overrides.
 */

.page-wrapper__node-edit-form {
  padding: 0 1rem;
}

header.region.gin--navigation-top-bar--offset,
.messages__wrapper,
.gin--edit-form .page-wrapper__node-edit-form .messages-list,
.gin--edit-form .page-wrapper__node-edit-form .block-system-main-block,
.gin--edit-form .page-wrapper__node-edit-form .node-form,
:where(*) body:not(.toolbar-tray-open) .layout-container {
    max-width: 1400px;
    margin: auto;
    padding: 0 1rem;
}

@media (min-width: 61em) {
header.region.gin--navigation-top-bar--offset,
.messages__wrapper,
.gin--edit-form .page-wrapper__node-edit-form .messages-list,
.gin--edit-form .page-wrapper__node-edit-form .block-system-main-block,
.gin--edit-form .page-wrapper__node-edit-form .node-form,
:where(*) body:not(.toolbar-tray-open) .layout-container {
    max-width: 1600px;
  }
}

@media (min-width: 81em) {
header.region.gin--navigation-top-bar--offset,
.messages__wrapper,
.gin--edit-form .page-wrapper__node-edit-form .messages-list,
.gin--edit-form .page-wrapper__node-edit-form .block-system-main-block,
.gin--edit-form .page-wrapper__node-edit-form .node-form,
:where(*) body:not(.toolbar-tray-open) .layout-container {
    max-width: 1800px;
  }
}


@media (min-width: 101em) {
header.region.gin--navigation-top-bar--offset,
.messages__wrapper,
.gin--edit-form .page-wrapper__node-edit-form .messages-list,
.gin--edit-form .page-wrapper__node-edit-form .block-system-main-block,
.gin--edit-form .page-wrapper__node-edit-form .node-form,
:where(*) body:not(.toolbar-tray-open) .layout-container {
    max-width: 2000px;
  }
}

header.region.gin--navigation-top-bar--offset {
    padding-top: 1rem;
    margin-inline: auto;
}
/*
.page-wrapper__node-edit-form header.region.gin--navigation-top-bar--offset {
  padding: 1rem 2rem 0;
}
*/

.layout-container.region-sticky__items,
.messages__wrapper,
.gin--edit-form .page-wrapper__node-edit-form .block-system-main-block {
  padding: 0 !important;
}

.page-wrapper__node-edit-form .node-form {
  padding-top: 1rem !important;
}

:where(*) .block-system-main-block > form .form-item:first-child {
  margin-top: 0;
}

/* Fix button sizing mis-match altering clipping in admin views */
:is(#extra-specificity-hack,[data-drupal-admin-styles]) #gin-sticky-edit-unlock {
    font-size: var(--gin-font-size-xs);
    padding-block: calc(var(--gin-spacing-s) - 6px);
    padding-inline: var(--gin-spacing-s);
    margin-block: 0;
    box-shadow: none;
}

 #gin-sticky-edit-unlock {
    font-size: var(--gin-font-size-xs);
    padding-block: calc(var(--gin-spacing-s) - 6px);
    padding-inline: var(--gin-spacing-s);
    margin-block: 0;
    box-shadow: none;
}

/* Cap the top admin nav bar's width so titles are contained */
header.region.gin--navigation-top {
  max-width: 1400px;
}

/* Admin and Unpublished */
.node--unpublished {
  padding: 0 !important;
}

.entity-moderation-form {
  margin: 0 0 2em !important;
  padding-left: 1em !important;
  padding: 1rem 1rem 0 !important;
}

.entity-moderation-form__item:last-child {
  margin-bottom: 0 !important;
}

/**
 * Gin's native message CSS (copied as a safety net) plus forced
 * overrides for messages generated by gin-message-normalizer.js.
 * Overrides are scoped to .gin-normalized-message, so Gin's own real
 * messages are never affected.
 */

/* ===== Gin's own message CSS ===== */

:where(*) .messages,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages {
  position: relative;
  padding: var(--gin-spacing-m);
  border: 2px solid transparent;
  border-radius: var(--gin-border-l);
  opacity: 1;
}
@media (prefers-reduced-motion:no-preference) {
  :where(*) .messages,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages {
    transition: opacity var(--gin-transition-fast);
  }
}
.gin--dark-mode :where(*) .messages,.gin--dark-mode :is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages {
  box-shadow: 0 6px 16px var(--gin-border-color-layer);
}
:where(*) .messages,:where(*) .messages-list,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages-list {
  margin-block-start: 0;
}
:where(*) .messages-list,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages-list {
  margin-block-end: 0;
}
:where(*) .messages a,:where(*) .messages a:hover,:where(*) .messages a:active,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages a,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages a:hover,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages a:active {
  color: #fff;
}
:where(*) .messages__title,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages__title {
  font-weight: var(--gin-font-weight-bold);
}
:where(*) .messages__title,:where(*) .messages__content,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages__title,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages__content {
  margin-inline-start: 2.125rem;
}
:where(*) .messages .messages__header,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages .messages__header {
  position: relative;
  background-image: none;
  margin-block-end: var(--gin-spacing-xs);
  margin-inline-end: 1.5em;
}
:where(*) .messages .messages__header:before,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages .messages__header:before {
  content: "";
  display: block;
  position: absolute;
  inset-block-start: 2px;
  inset-inline-start: 0;
  width: 1.5rem;
  height: 1.5rem;
}
@media (forced-colors:active) {
  :where(*) .messages .messages__header:before,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages .messages__header:before {
    background-color: linktext !important;
  }
}
:where(*) .messages .button--dismiss,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages .button--dismiss {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  margin: var(--gin-spacing-s);
  padding: 0;
  height: 29px;
  width: 29px;
  color: transparent;
  text-indent: -99999px;
  border-radius: var(--gin-border-m);
  border-color: transparent !important;
  box-shadow: none;
}
@media (prefers-reduced-motion:no-preference) {
  :where(*) .messages .button--dismiss,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages .button--dismiss {
    transition: var(--gin-transition);
  }
}
:where(*) .messages .button--dismiss:hover:not(:focus),:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages .button--dismiss:hover:not(:focus) {
  color: transparent;
  background-color: transparent;
  border-color: #fff !important;
}
:where(*) .messages .button--dismiss:focus .icon-close,:where(*) .messages .button--dismiss:hover:focus .icon-close,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages .button--dismiss:focus .icon-close,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages .button--dismiss:hover:focus .icon-close {
  background-color: var(--gin-bg-app);
}
:where(*) .messages .button--dismiss .icon-close,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages .button--dismiss .icon-close {
  height: 100%;
  width: 100%;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  -webkit-mask-image: url(/themes/contrib/gin/dist/media/sprite.svg#close-view);
  mask-image: url(/themes/contrib/gin/dist/media/sprite.svg#close-view);
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #fff;
}
@media (forced-colors:active) {
  :where(*) .messages .button--dismiss .icon-close,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages .button--dismiss .icon-close {
    background-color: buttonBorder;
  }
}
:where(*) .messages--webform .button--dismiss,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages--webform .button--dismiss {
  display: none;
}
:where(*) .messages.messages--info,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages.messages--info {
  color: var(--gin-color-info-light);
  background: var(--gin-bg-info);
  border-color: var(--gin-bg-info);
}
:where(*) .messages.messages--info .messages__header,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages.messages--info .messages__header {
  background: none;
}
:where(*) .messages.messages--info .messages__header:before,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages.messages--info .messages__header:before {
  background-color: var(--gin-color-info-light);
  -webkit-mask-image: url(/themes/contrib/gin/dist/media/sprite.svg#info-view);
  mask-image: url(/themes/contrib/gin/dist/media/sprite.svg#info-view);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center left;
  mask-position: center left;
}
:where(*) .messages.messages--info .button--dismiss .icon-close:link,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages.messages--info .button--dismiss .icon-close:link {
  background-color: var(--gin-color-info-light);
}
:where(*) .messages.messages--status,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages.messages--status {
  color: var(--gin-color-green-light);
  background: var(--gin-bg-green);
}
:where(*) .messages.messages--status .messages__header:before,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages.messages--status .messages__header:before {
  background-color: var(--gin-color-green-light);
  -webkit-mask-image: url(/themes/contrib/gin/dist/media/sprite.svg#status-view);
  mask-image: url(/themes/contrib/gin/dist/media/sprite.svg#status-view);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center left;
  mask-position: center left;
}
:where(*) .messages.messages--status .button--dismiss .icon-close:link,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages.messages--status .button--dismiss .icon-close:link {
  background-color: var(--gin-color-green-light);
}
:where(*) .messages.messages--warning,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages.messages--warning {
  color: var(--gin-color-warning-light);
  background: var(--gin-bg-warning);
}
:where(*) .messages.messages--warning .messages__header:before,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages.messages--warning .messages__header:before {
  background-color: var(--gin-color-warning-light);
  -webkit-mask-image: url(/themes/contrib/gin/dist/media/sprite.svg#warning-view);
  mask-image: url(/themes/contrib/gin/dist/media/sprite.svg#warning-view);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center left;
  mask-position: center left;
}
:where(*) .messages.messages--warning .button--dismiss .icon-close:link,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages.messages--warning .button--dismiss .icon-close:link {
  background-color: var(--gin-color-warning-light);
}
:where(*) .messages--error,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages--error {
  color: var(--gin-color-danger-light);
  background: var(--gin-bg-danger);
}
:where(*) .messages--error .messages__header:before,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages--error .messages__header:before {
  background-color: var(--gin-color-danger-light);
  -webkit-mask-image: url(/themes/contrib/gin/dist/media/sprite.svg#error-view);
  mask-image: url(/themes/contrib/gin/dist/media/sprite.svg#error-view);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center left;
  mask-position: center left;
}
:where(*) .messages--error .button--dismiss .icon-close:link,:is(#extra-specificity-hack,[data-drupal-admin-styles]) .messages--error .button--dismiss .icon-close:link {
  background-color: var(--gin-color-danger-light);
}

/* ===== Forced overrides for normalized messages ===== */
/* Gin's own specificity-hack rules above depend on a
   [data-drupal-admin-styles] ancestor that's absent inside Layout
   Builder's preview region, so they can lose to the FE theme's CSS
   there - these guarantee our messages look right regardless. */

.gin-normalized-message.messages--status {
  color: var(--gin-color-green-light) !important;
  background: var(--gin-bg-green) !important;
}
.gin-normalized-message.messages--warning {
  color: var(--gin-color-warning-light) !important;
  background: var(--gin-bg-warning) !important;
}
.gin-normalized-message.messages--error {
  color: var(--gin-color-danger-light) !important;
  background: var(--gin-bg-danger) !important;
}
.gin-normalized-message.messages--status .messages__header:before {
  background-color: var(--gin-color-green-light) !important;
}
.gin-normalized-message.messages--warning .messages__header:before {
  background-color: var(--gin-color-warning-light) !important;
}
.gin-normalized-message.messages--error .messages__header:before {
  background-color: var(--gin-color-danger-light) !important;
}

/* color: inherit pulls the already-correct severity color from above -
   a direct h2 rule elsewhere would otherwise beat inherited color.
   font-size is hardcoded, not a Gin variable, since var() referencing
   an undefined custom property silently computes to nothing even
   under !important. */
.gin-normalized-message .messages__title {
  color: inherit !important;
  font-size: 1.125rem !important;
  font-weight: bold !important;
}

/* Physical properties, not padding-inline - logical vs. physical
   padding conflicts resolve by document order, not specificity. */
.gin-normalized-message .title-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.gin-normalized-message {
  margin-block-end: 1rem !important;
}

[data-once="gin-message-normalizer"] {
  padding: 0 !important;
}