/* ══════════════════════════════════════════════════
   Thread-Footer — für showthread.css
   fading-to-dust.de
══════════════════════════════════════════════════ */

.tf-wrap {
    border: 0.5px solid #c9a8b2;
    background: rgba(245, 238, 240, 0.3);
    margin-bottom: 1rem;
}

.tf-toggle-cb { display: none; }

.tf-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: rgba(245, 238, 240, 0.8);
    flex-wrap: wrap;
}

.tf-icon-btns {
    display: flex;
    align-items: center;
    gap: 4px;
}

.tf-icon-btns ul {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tf-icon-btns li {
    list-style: none;
    display: flex;
    align-items: center;
}

.tf-icon-btns li a,
.tf-icon-btns a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: none;
    background: transparent;
    color: #9b7080;
    text-decoration: none;
    font-size: 0;
    transition: color 0.2s, border-color 0.2s;
    vertical-align: middle;
}

.tf-icon-btns li a:hover,
.tf-icon-btns a:hover {
    color: #806c9a;
    border-color: #806c9a;
}

.tf-icon-btns li a img,
.tf-icon-btns a img { display: none; }

.tf-sep {
    width: 1px;
    height: 20px;
    background: rgba(201, 168, 178, 0.4);
    flex-shrink: 0;
	    margin: 0 8px;
}

.tf-spacer { flex: 1; }

.tf-viewers {
    font-size: 9px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #9b7080;
    font-family: 'Jost', sans-serif;
}

.tf-viewers a {
    color: #806c9a;
    text-decoration: none;
    font-family: 'Jost', sans-serif;
    font-size: 9px;
    letter-spacing: 1.5px;
}

.tf-toggle-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #9b7080;
    cursor: pointer;
    font-family: 'Jost', sans-serif;
    user-select: none;
}

.tf-toggle-label svg { stroke: #c9a8b2; }

.tf-arrow { transition: transform 0.2s; }
.tf-toggle-cb:checked ~ .tf-bar .tf-arrow { transform: rotate(180deg); }

.tf-mod-panel {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
}

.tf-toggle-cb:checked ~ .tf-mod-panel {
    max-height: 300px;
}

.tf-mod-inner {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 16px 24px;
    background: rgba(245, 238, 240, 0.5);
    border-top: 0.5px solid rgba(201, 168, 178, 0.3);
}

.tf-bar #forumjump_select,
.tf-bar .forumjump select {
    background: rgba(245, 238, 240, 0.8);
    border: 0.5px solid #c9a8b2;
    border-radius: 0;
    padding: 5px 10px;
    font-size: 9px;
    letter-spacing: 1px;
    color: #3d1f2e;
    font-family: 'Jost', sans-serif;
    outline: none;
}

.tf-bar .forumjump input[type="button"],
.tf-bar .forumjump input[type="submit"] {
    border-bottom: 2px solid #c9a8b2;
    border-top: none;
    border-left: none;
    border-right: none;
    background: transparent;
    padding: 5px 12px;
    font-size: 8px;
    letter-spacing: 2px;
    color: #9b7080;
    font-family: 'Jost', sans-serif;
    cursor: pointer;
    border-radius: 0;
}

/* Tool-Icons per li-Klasse */
.tf-icon-btns li a::after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background-color: #9b7080;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    flex-shrink: 0;
}

.tf-icon-btns li a:hover::after { background-color: #806c9a; }

/* Druckversion */
.tf-icon-btns li.printable a::after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'/%3E%3Cpath d='M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'/%3E%3Cpath d='M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E");
}

/* Freund senden */
.tf-icon-btns li.sendthread a::after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
}

/* Abonnieren / Abbestellen */
.tf-icon-btns li.subscription_add a::after,
.tf-icon-btns li.subscription_remove a::after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 01-3.46 0'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 01-3.46 0'/%3E%3C/svg%3E");
}

/* Umfrage hinzufügen */
.tf-icon-btns li.poll a::after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='14'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='14'/%3E%3C/svg%3E");
}