/* Pennricher Schmiede – Gästebuch-Plugin
   Passend zum antiken Buch-Look der Chronik: Einträge als kleine Pergamentkarten,
   Formular im gleichen Stil wie das Kurse-Anmeldeformular.
   Eigenständige Farbwerte (unabhängig vom Theme), abgestimmt auf dessen Palette:
   Rot #8B2323 / #D9463A, Schwarz #171310, Dunkelgrau #4A4642, Beige #EDE3CE */

.psg-gaestebuch{
  max-width:760px;
  margin:0 auto;
  padding:10px 0 40px;
}

/* Hinweise (Erfolg / Fehler) */
.psg-hinweis{
  font-family:'EB Garamond', serif;
  font-size:1rem;
  padding:16px 22px;
  margin-bottom:30px;
  border:1px solid;
}
.psg-hinweis-erfolg{
  background:rgba(139,35,35,0.06);
  border-color:#8B2323;
  color:#3E3A34;
}
.psg-hinweis-fehler{
  background:rgba(139,35,35,0.1);
  border-color:#8B2323;
  color:#8B2323;
}
.psg-hinweis ul{
  margin:6px 0 0 20px;
  padding:0;
}

/* Einträge */
.psg-seiten{
  display:flex;
  flex-direction:column;
  gap:24px;
  margin-bottom:50px;
}

.psg-eintrag{
  position:relative;
  background:
    radial-gradient(ellipse at 12% 8%, rgba(139,35,35,0.05) 0%, transparent 45%),
    #EDE3CE;
  border:1px solid #8B2323;
  outline:1px solid #8B2323;
  outline-offset:6px;
  padding:26px 7% 28px;
  box-shadow:
    0 2px 0 #E1D3AE,
    0 4px 0 #EDE3CE,
    0 12px 22px rgba(23,19,16,0.22);
}

.psg-eintrag::before{
  content:"";
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:20px;
  height:20px;
  background:linear-gradient(135deg, transparent 50%, #171310 51%, #4A4642 100%);
  opacity:0.8;
  clip-path:polygon(100% 0, 0 100%, 100% 100%);
}

.psg-eintrag-kopf{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:6px 16px;
  margin-bottom:10px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(139,35,35,0.3);
}

.psg-name{
  font-family:'Cinzel', serif;
  font-variant:small-caps;
  letter-spacing:0.04em;
  font-size:1.05rem;
  color:#171310;
}

.psg-ort{
  font-family:'EB Garamond', serif;
  font-style:italic;
  font-size:0.9rem;
  color:#4A4642;
}

.psg-ort::before{
  content:"— ";
}

.psg-text{
  font-family:'EB Garamond', serif;
  font-size:1.02rem;
  line-height:1.7;
  color:#3E3A34;
  margin:0 0 10px;
}
.psg-text p{margin:0 0 10px;}
.psg-text p:last-child{margin-bottom:0;}

.psg-datum{
  text-align:right;
  font-family:'Cinzel', serif;
  font-size:0.72rem;
  letter-spacing:0.08em;
  color:#8B2323;
}

.psg-leer{
  font-family:'EB Garamond', serif;
  font-style:italic;
  color:#4A4642;
  text-align:center;
  margin-bottom:50px;
}

/* Formular */
.psg-formular-block{
  background:
    radial-gradient(ellipse at 30% 20%, rgba(139,35,35,0.25) 0%, transparent 55%),
    linear-gradient(160deg,#221F1B,#171310);
  border:1px solid #6E5A3E;
  outline:1px solid #8B2323;
  outline-offset:6px;
  padding:34px 7% 38px;
  box-shadow:0 10px 24px rgba(0,0,0,0.35);
}

.psg-formular-block h3{
  font-family:'Cinzel', serif;
  font-variant:small-caps;
  letter-spacing:0.06em;
  font-size:clamp(1.15rem,2.6vw,1.4rem);
  color:#EDE3CE;
  text-align:center;
  margin:0 0 24px;
}

.psg-formular{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.psg-formular label{
  display:block;
  font-family:'Cinzel', serif;
  font-size:0.82rem;
  letter-spacing:0.05em;
  color:#EDE3CE;
  margin-bottom:6px;
}

.psg-formular input[type="text"],
.psg-formular textarea{
  width:100%;
  font-family:'EB Garamond', serif;
  font-size:1rem;
  color:#171310;
  background:#EDE3CE;
  border:1px solid #8B2323;
  padding:10px 12px;
  box-sizing:border-box;
}
.psg-formular textarea{
  resize:vertical;
  min-height:120px;
}
.psg-formular input[type="text"]:focus,
.psg-formular textarea:focus{
  outline:2px solid #D9463A;
  outline-offset:2px;
}

/* Honeypot – für echte Besucher unsichtbar, für Screenreader ausgeblendet */
.psg-website-feld{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

/* Einwilligung – Checkbox + Text nebeneinander, kein umgebrochenes Layout */
.psg-einwilligung-feld{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.psg-einwilligung-feld label{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0;
  font-family:'EB Garamond', serif;
  font-size:0.92rem;
  letter-spacing:normal;
  color:#EDE3CE;
  cursor:pointer;
}
.psg-einwilligung-feld input[type="checkbox"]{
  flex:none;
  margin-top:4px;
  width:16px;
  height:16px;
  accent-color:#D9463A;
}
.psg-einwilligung-feld span{
  flex:1;
}
.psg-einwilligung-feld a{
  color:#D9463A;
}

.psg-absenden{
  align-self:center;
  font-family:'Cinzel', serif;
  font-variant:small-caps;
  letter-spacing:0.08em;
  font-size:0.95rem;
  color:#EDE3CE;
  background:#8B2323;
  border:1px solid #D9463A;
  padding:12px 36px;
  cursor:pointer;
  transition:background 0.2s ease;
}
.psg-absenden:hover,
.psg-absenden:focus{
  background:#D9463A;
}

.psg-hinweis-moderation{
  text-align:center;
  font-family:'EB Garamond', serif;
  font-style:italic;
  font-size:0.85rem;
  color:#B9AC8C;
  margin:20px 0 0;
}

@media (max-width:700px){
  .psg-eintrag{padding:20px 7% 22px;}
  .psg-formular-block{padding:26px 6% 30px;}
}