/* =========================================================
   Gästebuch – Einleitung
   ========================================================= */

.wp-block-group.gaestebuch-einleitung {
  background-color: #ffffff;
  border: 1px solid #e1e6ec;
  border-radius: 20px;

  margin: 0px auto;
  max-width: 1120px;

  box-shadow:
    0 8px 25px
    rgba(23, 48, 79, 0.10);
}

.wp-block-group.gaestebuch-einleitung h2 {
  margin-top: 0;

  color: #17304f;
}


/* =========================================================
   Gwolle Gästebuch – Einträge
   ========================================================= */

.gb-entry {
  background: #ffffff;

  border: 1px solid #d9e1e8;
  border-radius: 18px;

  box-shadow:
    0 8px 25px
    rgba(23, 48, 79, 0.10);

  margin-bottom: 10px;
  
  overflow: hidden;
}


/* Kopfbereich */

.gb-author-info {
  background: #f3f6f9;

  padding: 18px 28px;

  border-bottom:
    1px solid #d9e1e8;
}


/* Name */

.gb-author-name {
  display: block;

  margin-bottom: 5px;

  color: #17304f;

  font-size: 20px;
  font-weight: 700;
}


/* Ort / Datum */

.gb-author-origin,
.gb-datetime {
  color: #526273;

  font-size: 15px;
}


/* Sterne */

.gb-author-info .gb-rating {
  margin-left: 12px;
}


/* Nachricht */

.gb-entry .gb-entry-content {
  padding: 20px 28px;

  color: #273747;

  font-size: 17px;
  line-height: 1.7;
}


/* Abstand zwischen Karten */

.gb-entry + .gb-entry {
  margin-top: 25px;
}


/* =========================================================
   Gwolle – Buttons
   ========================================================= */

.gwolle-gb-write-button .button,
.gwolle-gb-write .button,
.gwolle-gb-write-button input[type="button"],
.gwolle-gb-write input[type="submit"],
.gwolle-gb-write input[type="button"],
.gwolle-gb-write button {
  background-color: #f47b20;
  color: #ffffff;
  margin-top: 10px;
  padding-top: 4px;
  overflow: visible !important;

  border: none;
  border-radius: 25px;

  padding: 12px 28px;

  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;

  cursor: pointer;

  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}


.gwolle-gb-write-button .button:hover,
.gwolle-gb-write .button:hover,
.gwolle-gb-write input[type="submit"]:hover,
.gwolle-gb-write input[type="button"]:hover,
.gwolle-gb-write button:hover {
  background-color: #d96512;
  color: #ffffff;

  transform: translateY(-2px);
  position: relative;
  z-index: 2;
}


/* =========================================================
   Gästebuch Archiv
   ========================================================= */

.gaestebuch-archiv {
  max-width: 1120px;

  margin: 0px auto;

  padding: 15px 15px;

  background: #f3f6f9;

  border-radius: 20px;

  box-shadow:
    0 10px 30px
    rgba(23, 48, 79, 0.10);
}


/* Archiv-Karten */

.gaestebuch-archiv .gb-entry {
  margin-bottom: 30px;
}


/* =========================================================
   Archiv Navigation
   ========================================================= */

.archiv-navigation {
  display: flex;

  justify-content: center;
  align-items: center;

  gap: 15px;

  margin: 0 0 30px;
}


.archiv-navigation button {
  background: #f47b20;
  color: #ffffff;

  border: none;
  border-radius: 25px;

  padding: 12px 25px;

  font-weight: 600;

  cursor: pointer;
}


.archiv-navigation button:hover:not(:disabled),
.archiv-navigation button:focus-visible:not(:disabled) {
  background: #d96512;
}


.archiv-navigation button:disabled {
  opacity: 0.4;
  cursor: default;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 768px) {

  .gb-entry {
    margin-bottom: 22px;

    border-radius: 14px;
  }

  .gb-author-info {
    padding: 16px 18px;
  }

  .gb-entry .gb-entry-content {
    padding: 18px;
  }

  .gaestebuch-archiv {
    margin: 30px auto;

    padding: 24px 18px;
  }

  .archiv-navigation {
    flex-wrap: wrap;

    gap: 10px;
  }
}


/* Bewegung reduzieren */

@media (prefers-reduced-motion: reduce) {

  .gwolle-gb-write-button .button,
  .gwolle-gb-write .button,
  .gwolle-gb-write-button input[type="button"],
  .gwolle-gb-write input[type="submit"],
  .gwolle-gb-write input[type="button"],
  .gwolle-gb-write button {
    transition: none;
  }
}
.gaestebuch-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 48px;
  padding: 12px 28px;

  background-color: #f47b20;
  color: #ffffff;

  border: none;
  border-radius: 25px;

  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;

  text-decoration: none;

  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}

.gaestebuch-link-button:visited {
  color: #ffffff;
}

.gaestebuch-link-button:hover,
.gaestebuch-link-button:focus-visible {
  background-color: #d96512;
  color: #ffffff;

  transform: translateY(-2px);

  text-decoration: none;
}