/*
 * Schlepperfreunde Schwitten – Gästebuch & Kommentare 2.11.7
 * Größere Community-Fläche, kompakter Kommentar-Editor und dezente
 * Werkstatt-/Technik-Dekoration an den Seiten.
 */

.sf-community-page-2116{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(222,209,179,.28), transparent 15%, transparent 85%, rgba(222,209,179,.28)),
    #efe9dc;
}

/* Dekorative Werkstatt-Leinwand links/rechts – bewusst sehr dezent. */
.sf-community-page-2116::before,
.sf-community-page-2116::after{
  content:"";
  position:absolute;
  top:270px;
  bottom:0;
  width:clamp(150px, 13vw, 270px);
  z-index:-1;
  pointer-events:none;
  opacity:.42;
  background-repeat:repeat-y;
  background-size:100% auto;
  filter:sepia(.2);
}
.sf-community-page-2116::before{
  left:0;
  background-image:url("../images/guestbook/guestbook-workshop-left-3-3-6.svg");
  background-position:left top;
}
.sf-community-page-2116::after{
  right:0;
  background-image:url("../images/guestbook/guestbook-workshop-right-3-3-6.svg");
  background-position:right top;
}

/* Inhalt deutlich breiter: weniger tote Beige-Fläche, mehr Platz für Einträge. */
.sf-community-shell-2116{
  width:min(1540px, calc(100% - 68px));
  padding-bottom:64px;
}
.sf-community-grid-2116{
  grid-template-columns:minmax(0, 1fr) 350px;
  gap:24px;
}

/* Die Statistiken dürfen die breitere Fläche nutzen. */
.sf-community-stats-2116{
  box-shadow:0 7px 20px rgba(20,42,30,.17);
}

/* Kommentar verfassen: kein riesiger dunkler WordPress-Block mehr. */
.sf-community-composer-card-2116{
  padding:20px 24px 18px;
  background:rgba(255,253,248,.97);
}
.sf-community-composer-card-2116 > header{
  margin-bottom:12px;
}
.sf-community-composer-card-2116 > header strong{
  font-size:21px;
}
.sf-community-composer-card-2116 > header small{
  max-width:820px;
  font-size:11px;
  line-height:1.45;
}

/* Globale WordPress-Kommentaroptik gezielt nur hier neutralisieren. */
.sf-community-composer-card-2116 .comment-respond,
.sf-community-composer-card-2116 #respond{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  color:#173328 !important;
}
.sf-community-composer-card-2116 .comment-respond h2,
.sf-community-composer-card-2116 .comment-respond h3,
.sf-community-composer-card-2116 #reply-title{
  color:#173328 !important;
  font:700 16px/1.3 Georgia,serif !important;
}
.sf-community-composer-card-2116 .sf-community-reply-title-2116:empty{
  display:none;
}
.sf-community-composer-card-2116 .logged-in-as{
  margin:0 0 9px !important;
  padding:8px 10px;
  border-left:3px solid #d8a632;
  background:#f6efdf;
  color:#5e6a63 !important;
  font-size:10px !important;
  line-height:1.45;
}
.sf-community-composer-card-2116 .logged-in-as a{
  color:#775514 !important;
}

/* Der eigentliche Editor bleibt angenehm groß, aber nicht mehr dominant. */
.sf-community-form-2116{
  display:grid;
  gap:10px;
}
.sf-community-form-2116 textarea,
.sf-community-composer-card-2116 .comment-form textarea{
  min-height:104px !important;
  max-height:250px;
  padding:13px 14px !important;
  border:1px solid #cbbfaa !important;
  background:#fff !important;
  color:#183529 !important;
  box-shadow:none !important;
}
.sf-community-form-2116 input:not([type="checkbox"]),
.sf-community-composer-card-2116 .comment-form input:not([type="checkbox"]){
  padding:11px 13px !important;
  border:1px solid #cbbfaa !important;
  background:#fff !important;
  color:#183529 !important;
}
.sf-community-composer-card-2116 .comment-form label{
  margin-bottom:5px !important;
  color:#52635a !important;
  font-size:9px !important;
}
.sf-community-message-field-2116{
  margin:7px 0 !important;
}
.sf-community-reference-field{
  grid-template-columns:145px minmax(0,1fr);
  margin-top:4px;
}
.sf-community-reference-field select{
  min-height:43px;
}
.sf-community-submit-row-2116{
  margin-top:7px;
}
.sf-community-submit-row-2116 .button,
.sf-community-composer-card-2116 .comment-form input[type="submit"]{
  min-width:270px;
  min-height:48px;
  padding:0 24px !important;
  border:1px solid #b98b22 !important;
  background:#0f3023 !important;
  color:#f0c55b !important;
  box-shadow:inset 0 -3px 0 rgba(216,166,50,.58);
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.1em;
}
.sf-community-submit-row-2116 .button:hover,
.sf-community-composer-card-2116 .comment-form input[type="submit"]:hover{
  background:#173f2f !important;
}

/* Feed etwas großzügiger und schneller lesbar. */
.sf-community-feed-2116{
  margin-top:14px;
  padding:20px 24px 24px;
}
.sf-community-thread-list-2116{
  gap:14px;
}
.sf-community-comment-2116{
  padding:18px 19px;
}
.sf-community-comment-text-2116{
  font-size:13.5px;
  line-height:1.62;
}

/* Sidebar etwas ruhiger, damit die Einträge im Mittelpunkt bleiben. */
.sf-community-sidebar-2116{
  gap:15px;
}
.sf-community-about-2116{
  padding:19px;
}
.sf-community-side-card-2116{
  padding:17px 18px;
}

/* Mittlere Auflösungen: Dekoration verschwindet, Inhalt bleibt maximal nutzbar. */
@media (max-width:1400px){
  .sf-community-page-2116::before,
  .sf-community-page-2116::after{
    opacity:.25;
    width:130px;
  }
  .sf-community-shell-2116{
    width:min(1320px, calc(100% - 34px));
  }
  .sf-community-grid-2116{
    grid-template-columns:minmax(0,1fr) 324px;
    gap:18px;
  }
}

@media (max-width:1050px){
  .sf-community-page-2116::before,
  .sf-community-page-2116::after{
    display:none;
  }
  .sf-community-shell-2116{
    width:min(100% - 24px, 1000px);
  }
  .sf-community-grid-2116{
    grid-template-columns:1fr;
  }
}

@media (max-width:700px){
  .sf-community-shell-2116{
    width:calc(100% - 16px);
  }
  .sf-community-composer-card-2116{
    padding:15px 13px;
  }
  .sf-community-composer-card-2116 > header strong{
    font-size:18px;
  }
  .sf-community-form-2116 textarea,
  .sf-community-composer-card-2116 .comment-form textarea{
    min-height:120px !important;
  }
  .sf-community-reference-field{
    grid-template-columns:1fr;
  }
  .sf-community-submit-row-2116 .button,
  .sf-community-composer-card-2116 .comment-form input[type="submit"]{
    width:100%;
    min-width:0;
  }
  .sf-community-feed-2116{
    padding:16px 13px 18px;
  }
}