/* Schweiz damals Community — przyjazne komentarze i wspomnienia */

.sdc {
	max-width: 780px;
	margin: 50px auto 0;
	font-family: var(--sd-sans, 'Helvetica Neue', Helvetica, Arial, sans-serif);
}
.sdc__title { font-family: var(--sd-serif, Georgia, serif); font-size: 24px; margin-bottom: 6px; }
.sdc__count { color: var(--sd-red, #c8102e); font-size: 18px; }
.sdc__subtitle { color: var(--sd-ink-soft, #6f665c); font-size: 14.5px; margin: 0 0 22px; }

/* ---------- Formularz ---------- */
.sdc-form {
	background: var(--sd-white, #fff);
	border: 1px solid var(--sd-line, #e7ddcd);
	border-radius: 10px;
	padding: 20px 22px;
	box-shadow: var(--sd-shadow, 0 1px 3px rgba(43,38,34,.08));
	margin-bottom: 26px;
}
.sdc-form textarea {
	width: 100%; border: 1px solid var(--sd-line, #e7ddcd); border-radius: 8px;
	padding: 12px 14px; font-size: 15px; font-family: inherit; resize: vertical;
	background: var(--sd-cream, #faf6ef); transition: border-color .15s, background .15s;
}
.sdc-form textarea:focus { outline: none; border-color: var(--sd-red, #c8102e); background: #fff; }
.sdc-form__row { display: flex; gap: 10px; margin-top: 10px; }
.sdc-form__row input[type="text"], .sdc-form__row input[type="email"] {
	flex: 1; padding: 9px 14px; border: 1px solid var(--sd-line, #e7ddcd); border-radius: 20px;
	font-size: 14px; background: var(--sd-cream, #faf6ef);
}
.sdc-form__row input:focus { outline: none; border-color: var(--sd-red, #c8102e); background: #fff; }
.sdc-form__row--options { align-items: center; justify-content: space-between; flex-wrap: wrap; }
.sdc-hp { position: absolute !important; left: -9999px !important; height: 0 !important; width: 0 !important; opacity: 0; }

.sdc-check { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; color: var(--sd-ink, #2b2622); }
.sdc-check input { accent-color: var(--sd-red, #c8102e); width: 16px; height: 16px; }

.sdc-photo-btn {
	display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
	padding: 8px 16px; border: 1px dashed var(--sd-line, #e7ddcd); border-radius: 20px;
	font-size: 14px; color: var(--sd-ink-soft, #6f665c); transition: all .15s;
}
.sdc-photo-btn:hover { border-color: var(--sd-red, #c8102e); color: var(--sd-red, #c8102e); }
.sdc-photo-btn input { display: none; }

.sdc-photo-preview { display: flex; align-items: center; gap: 12px; margin-top: 12px; padding: 10px; background: var(--sd-cream, #faf6ef); border-radius: 8px; }
.sdc-photo-preview img { width: 72px; height: 72px; object-fit: cover; border-radius: 6px; }
.sdc-photo-preview button { background: none; border: 0; color: var(--sd-red, #c8102e); cursor: pointer; font-size: 13px; }
.sdc-photo-hint { font-size: 12px; color: var(--sd-ink-soft, #6f665c); }

.sdc-form__footer { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; gap: 10px; flex-wrap: wrap; }
.sdc-form__hint { font-size: 12.5px; color: var(--sd-ink-soft, #6f665c); }
.sdc-submit {
	background: var(--sd-red, #c8102e); color: #fff; border: 0; border-radius: 22px;
	padding: 10px 26px; font-size: 15px; font-weight: 600; cursor: pointer; transition: background .15s, transform .1s;
}
.sdc-submit:hover { background: var(--sd-red-dark, #9c0c23); transform: translateY(-1px); }
.sdc-submit:disabled { opacity: .6; cursor: wait; }

.sdc-form__replying {
	display: flex; align-items: center; gap: 8px; font-size: 13px;
	background: var(--sd-cream-dark, #f3ecdf); border-radius: 8px; padding: 8px 12px; margin-bottom: 10px;
}
.sdc-form__replying button { margin-left: auto; background: none; border: 0; cursor: pointer; color: var(--sd-ink-soft, #6f665c); }

.sdc-notice { margin-top: 12px; font-size: 14px; display: none; padding: 10px 14px; border-radius: 8px; }
.sdc-notice.is-success { display: block; background: #e9f7ef; color: #1e7e4d; border: 1px solid #b7e4cd; }
.sdc-notice.is-error { display: block; background: #fdecea; color: #9c0c23; border: 1px solid #f5c6c0; }

/* ---------- Sortowanie ---------- */
.sdc-sort { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--sd-ink-soft, #6f665c); margin-bottom: 16px; }
.sdc-sort button {
	background: none; border: 0; padding: 5px 12px; border-radius: 16px; cursor: pointer;
	font-size: 13px; color: var(--sd-ink-soft, #6f665c);
}
.sdc-sort button:hover { color: var(--sd-red, #c8102e); }
.sdc-sort button.is-active { background: var(--sd-cream-dark, #f3ecdf); color: var(--sd-ink, #2b2622); font-weight: 600; }

/* ---------- Lista komentarzy ---------- */
.sdc-item {
	display: flex; gap: 14px; padding: 18px 0;
	border-bottom: 1px solid var(--sd-line, #e7ddcd);
}
.sdc-avatar {
	width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;
	background: linear-gradient(135deg, var(--sd-red, #c8102e), #e0566b);
	color: #fff; display: flex; align-items: center; justify-content: center;
	font-weight: 700; font-size: 18px; font-family: var(--sd-serif, Georgia, serif);
	box-shadow: 0 2px 6px rgba(200, 16, 46, .25);
}
.sdc-avatar--memory { background: linear-gradient(135deg, #b08850, #d4b483); }
.sdc-item__body { flex: 1; min-width: 0; }
.sdc-item__head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.sdc-item__author { font-weight: 700; font-size: 15px; color: var(--sd-ink, #2b2622); }
.sdc-item__date { font-size: 12.5px; color: var(--sd-ink-soft, #6f665c); }
.sdc-badge {
	font-size: 11px; font-weight: 600; padding: 2px 10px; border-radius: 12px;
	background: var(--sd-cream-dark, #f3ecdf); color: #8a6d3b; letter-spacing: .03em;
}
.sdc-item__text { margin: 6px 0 8px; font-size: 15px; line-height: 1.65; color: var(--sd-ink, #2b2622); white-space: pre-wrap; }
.sdc-item__photo { margin: 8px 0; }
.sdc-item__photo img {
	max-width: 320px; width: 100%; border-radius: 8px; cursor: zoom-in;
	box-shadow: var(--sd-shadow, 0 1px 3px rgba(43,38,34,.08)); transition: transform .15s;
}
.sdc-item__photo img:hover { transform: scale(1.02); }
.sdc-item__actions { display: flex; gap: 16px; font-size: 13px; }
.sdc-item__actions button {
	background: none; border: 0; padding: 0; cursor: pointer; color: var(--sd-ink-soft, #6f665c); font-size: 13px;
	display: inline-flex; align-items: center; gap: 4px;
}
.sdc-item__actions button:hover { color: var(--sd-red, #c8102e); }
.sdc-item__actions button.is-liked { color: var(--sd-red, #c8102e); font-weight: 600; }

.sdc-children { margin-left: 58px; border-left: 2px solid var(--sd-cream-dark, #f3ecdf); padding-left: 18px; }
.sdc-children .sdc-avatar { width: 36px; height: 36px; font-size: 15px; }

.sdc-empty { text-align: center; padding: 34px 20px; color: var(--sd-ink-soft, #6f665c); font-size: 14.5px; background: var(--sd-cream, #faf6ef); border-radius: 10px; }

/* Lightbox zdjęcia */
.sdc-lightbox {
	position: fixed; inset: 0; background: rgba(30, 25, 20, .88); z-index: 9999;
	display: flex; align-items: center; justify-content: center; cursor: zoom-out;
}
.sdc-lightbox img { max-width: 92vw; max-height: 90vh; border-radius: 8px; }

@media (max-width: 640px) {
	.sdc-form__row { flex-direction: column; }
	.sdc-children { margin-left: 20px; padding-left: 12px; }
	.sdc-item__photo img { max-width: 100%; }
}

/* ---------- Rozsuwany formularz odpowiedzi ---------- */
.sdc-replybox {
	background: var(--sd-cream, #faf6ef); border: 1px solid var(--sd-line, #e7ddcd);
	border-left: 3px solid var(--sd-red, #c8102e); border-radius: 10px;
	padding: 16px 18px; margin: 10px 0 16px 58px;
	overflow: hidden; max-height: 0; opacity: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;
	transition: max-height .25s ease, opacity .2s ease, padding .2s ease, margin .2s ease;
}
.sdc-replybox.is-open { max-height: 640px; opacity: 1; padding: 16px 18px; margin: 10px 0 16px 58px; }
.sdc-replybox__head {
	display: flex; align-items: center; justify-content: space-between;
	font-family: var(--sd-serif, Georgia, serif); font-size: 15px; margin-bottom: 10px;
}
.sdc-replybox__close {
	width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--sd-line, #e7ddcd);
	background: #fff; cursor: pointer; font-size: 12px; line-height: 1;
}
.sdc-replybox__close:hover { border-color: var(--sd-red, #c8102e); color: var(--sd-red, #c8102e); }
.sdc-replybox__quote {
	font-size: 13px; color: var(--sd-ink-soft, #6f665c); font-style: italic;
	border-left: 3px solid var(--sd-line, #e7ddcd); margin: 0 0 12px; padding: 2px 0 2px 12px;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.sdc-replybox textarea {
	width: 100%; border: 1px solid var(--sd-line, #e7ddcd); border-radius: 8px;
	padding: 10px 12px; font-size: 14.5px; font-family: inherit; resize: vertical; background: #fff;
}
.sdc-replybox textarea:focus { outline: none; border-color: var(--sd-red, #c8102e); }
.sdc-replybox .sdc-form__row { margin-top: 10px; }
.sdc-replybox__footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 12px; }
.sdc-replybox__cancel {
	background: transparent; border: 1px solid var(--sd-line, #e7ddcd); border-radius: 8px;
	padding: 9px 16px; font-size: 14px; cursor: pointer; color: var(--sd-ink-soft, #6f665c);
}
.sdc-replybox__cancel:hover { border-color: var(--sd-red, #c8102e); color: var(--sd-red, #c8102e); }
.sdc-replybox__send { margin: 0; }
@media (max-width: 640px) {
	.sdc-replybox, .sdc-replybox.is-open { margin-left: 20px; }
}

/* Pusty stan jako duży CTA (1.0.1) */
.sdc-empty--cta { padding: 44px 22px; font-size: 16px; line-height: 1.7; }
.sdc-empty--cta strong { font-size: 18px; color: var(--sd-ink, #2c2721); }