/* Shared videos (2026-10-22): the Share a Video form, the divider + "Shared by" line on category pages, the credit on video pages */

/* --- category pages --- */
body.archive ul#archive-container > li.btm-contrib-divider {
  grid-column: 1 / -1; list-style: none; display: flex; align-items: center; gap: 0.9rem; margin: 0.9rem 0 0.2rem; color: #4b5563;
}
body.archive ul#archive-container > li.btm-contrib-divider::before,
body.archive ul#archive-container > li.btm-contrib-divider::after { content: ""; flex: 1; border-top: 2px dashed #9ca3af; }
body.archive ul#archive-container > li.btm-contrib-divider span {
  font-family: "Permanent Marker", "Marker Felt", "Comic Sans MS", cursive; font-size: clamp(1.05rem, 1.6vw, 1.3rem); white-space: nowrap;
}
body.archive .loop-entry .btm-card-by {
  margin: 0.35em 0 0 !important; color: rgba(255,255,255,.92); font-size: clamp(0.72rem, 0.9vw, 0.85rem); font-weight: 600; line-height: 1.2;
  text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 2px 10px rgba(0,0,0,.55);
}
.btm-contrib-cta { max-width: 820px; margin: 2.5rem auto 2rem !important; text-align: center; font-size: 1.05rem; line-height: 1.5; color: #222; }
.btm-contrib-cta a { font-weight: 700; color: #1a56db; }

/* --- video page: who shared it --- */
.btm-sharedby { max-width: 820px; margin: 1.5rem auto 2rem; padding: 1.2rem 1.4rem; border: 2px solid #111; border-radius: 12px; background: #fff; text-align: center; }
.btm-sharedby p { margin: 0 0 0.3rem !important; }
.btm-sharedby__kicker { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #6b7280; }
.btm-sharedby__name { font-family: "Permanent Marker", "Marker Felt", "Comic Sans MS", cursive; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.2; color: #111; }
.btm-sharedby__where { color: #374151; }
.btm-sharedby__note { margin: 0.8rem auto 0.4rem !important; max-width: 640px; color: #222; line-height: 1.5; }
.btm-sharedby__btn { display: inline-block; margin: 0.8rem 0 0.6rem; padding: 0.7rem 1.3rem; border-radius: 8px; background: #1a56db; color: #fff !important; font-weight: 700; text-decoration: none !important; transition: transform .08s ease, opacity .15s ease; }
.btm-sharedby__btn:hover { opacity: .88; } .btm-sharedby__btn:active { transform: scale(0.97); }
.btm-sharedby__share { font-size: 0.92rem; color: #4b5563; }
.btm-sharedby__share a { color: #1a56db; font-weight: 600; }

/* --- the Share a Video page --- */
.btm-share { max-width: 720px; margin: 0 auto 3rem; }
.btm-share__lead { font-size: 1.12rem; line-height: 1.55; text-align: center; color: #222; margin: 0 auto 1.8rem !important; }
.btm-share__form fieldset { border: 0; margin: 0 0 1.6rem; padding: 0; }
.btm-share__form legend { display: block; width: 100%; margin: 0 0 0.8rem; padding: 0 0 0.25em; font-family: "Permanent Marker", "Marker Felt", "Comic Sans MS", cursive; font-size: 1.55rem; color: #111;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20300%2024%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M3%2015%20C%2040%209%2C%2080%2018%2C%20120%2012%20S%20200%208%2C%20240%2013%20S%20285%2016%2C%20297%2010%22%20fill%3D%22none%22%20stroke%3D%22%231a56db%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") no-repeat 0 100% / 9.5em 0.4em; }
.btm-share__field { display: block; margin: 0 0 1rem; }
.btm-share__field > span { display: block; margin-bottom: 0.3rem; font-weight: 700; color: #111; }
.btm-share__field > span b { color: #b91c1c; font-weight: 700; }
.btm-share__field > span i { font-style: normal; font-weight: 400; color: #6b7280; }
.btm-share__field small { display: block; margin-top: 0.25rem; color: #6b7280; font-size: 0.88rem; }
.btm-share input[type=text], .btm-share input[type=url], .btm-share input[type=email], .btm-share select, .btm-share textarea {
  width: 100%; box-sizing: border-box; padding: 0.65rem 0.8rem; border: 1.5px solid #9ca3af; border-radius: 8px; background: #fff; color: #111; font: inherit; font-size: 1rem;
}
.btm-share input:focus, .btm-share select:focus, .btm-share textarea:focus { outline: none; border-color: #1a56db; box-shadow: 0 0 0 3px rgba(26,86,219,.18); }
.btm-share__row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; }
@media (max-width: 600px) { .btm-share__row { grid-template-columns: 1fr; } }
.btm-share__preview { display: flex; gap: 0.9rem; align-items: center; margin: -0.3rem 0 1rem; padding: 0.6rem; border-radius: 10px; background: #f3f4f6; }
.btm-share__preview img { width: 160px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 6px; flex: none; }
.btm-share__preview strong { display: block; color: #111; line-height: 1.3; }
.btm-share__preview span { display: block; color: #4b5563; font-size: 0.92rem; margin-top: 0.2rem; }
@media (max-width: 480px) { .btm-share__preview img { width: 110px; } }
.btm-share__agree label { display: flex; gap: 0.6rem; align-items: flex-start; margin: 0 0 0.7rem; line-height: 1.45; color: #111; cursor: pointer; }
.btm-share__agree input { flex: none; width: 1.2rem; height: 1.2rem; margin-top: 0.12rem; accent-color: #1a56db; }
.btm-share .is-missing > span, .btm-share__agree .is-missing { color: #b91c1c; }
.btm-share .is-missing input, .btm-share .is-missing select { border-color: #b91c1c; }
.btm-share__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.btm-share__msg { margin: -0.4rem 0 1rem !important; color: #374151; font-size: 0.95rem; }
.btm-share__msg.is-bad { color: #b91c1c; font-weight: 600; }
.btm-share__msg--form { margin: 0 0 1rem !important; text-align: center; }
.btm-share__send { display: block; margin: 0 auto; padding: 0.85rem 2rem; border: 0; border-radius: 10px; background: #1a56db; color: #fff; font: inherit; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: transform .08s ease, opacity .15s ease; }
.btm-share__send:hover { opacity: .9; } .btm-share__send:active { transform: scale(0.97); } .btm-share__send:disabled { opacity: .6; cursor: default; }
.btm-share__done { text-align: center; padding: 2rem 1rem; border: 2px solid #111; border-radius: 12px; }
.btm-share__done h2 { font-family: "Permanent Marker", "Marker Felt", "Comic Sans MS", cursive; font-weight: 400; margin: 0 0 0.5rem; }
.btm-share__done a { color: #1a56db; font-weight: 700; }
.btm-share [hidden] { display: none !important; }
.btm-share__terms { margin: 0.2rem 0 0 !important; color: #4b5563; font-size: 0.92rem; }
.btm-share__terms a { color: #1a56db; font-weight: 600; }
/* "Show it's your video": the code for the YouTube description */
.btm-share__verify { margin: -0.3rem 0 1.2rem; padding: 1rem 1.1rem; border: 2px solid #1a56db; border-radius: 10px; background: #f5f8ff; }
.btm-share__verify.is-ok { border-color: #15803d; background: #f0fdf4; }
.btm-share__verify p { margin: 0 0 0.6rem !important; line-height: 1.45; color: #222; }
.btm-share__verify-h { font-weight: 800; font-size: 1.05rem; }
.btm-share__code { display: flex; gap: 0.6rem; align-items: center; margin: 0 0 0.7rem; }
.btm-share__code code { font: 700 1.35rem/1 "SF Mono", ui-monospace, Menlo, monospace; letter-spacing: 0.06em; padding: 0.45rem 0.7rem; border-radius: 6px; background: #fff; border: 1.5px dashed #6b7280; color: #111; }
.btm-share__code button, #btm-share-check { padding: 0.5rem 1rem; border: 0; border-radius: 8px; background: #111; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
#btm-share-check { background: #1a56db; }
.btm-share__verify-btns { display: flex; flex-wrap: wrap; gap: 0.6rem 1.2rem; align-items: center; }
.btm-share__verify-btns a { color: #1a56db; font-weight: 600; }
.btm-share__verify .btm-share__msg { margin: 0.2rem 0 0 !important; }
.btm-share__verify.is-ok .btm-share__msg { color: #15803d; font-weight: 700; }
.btm-contrib-cta--top { margin: 0.4rem auto 1.4rem !important; }
.btm-contrib-cta--video { margin: 2.5rem auto 1rem !important; }