/* MV Video Feedback */
.mv-vf, .mv-vf-card { --vf-accent: var(--wp--preset--color--secondary, #f8981d); --vf-blue: var(--wp--preset--color--blue, #3b6d9c); --vf-dark: var(--wp--preset--color--dark, #062049); --vf-muted: var(--wp--preset--color--light-brown, #636459); --vf-bg: var(--wp--preset--color--light-grey, #f1f3f4); }
.mv-vf { margin: 1.5rem 0; }
.mv-vf__button { display: inline-flex; align-items: center; gap: .5rem; padding: .85rem 1.5rem; border: 2px solid var(--vf-accent); border-radius: .6rem; background: var(--vf-accent); color: var(--vf-dark); font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.mv-vf__button { transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
.mv-vf__button svg { flex: 0 0 auto; }
.mv-vf__button:hover, .mv-vf__button:focus-visible { background: var(--vf-dark); border-color: var(--vf-dark); color: #fff; text-decoration: none; }
.mv-vf__button:focus-visible { outline: 3px solid var(--vf-dark); outline-offset: 2px; }
.mv-vf__button:disabled { opacity: .6; cursor: default; }
.mv-vf__button--ghost { background: #fff; border-color: var(--vf-blue); color: var(--vf-blue); }
.mv-vf__cta { padding: 1.5rem; border-radius: .75rem; background: var(--vf-bg); }
.mv-vf__hint { margin: .75rem 0 0; font-size: .9rem; color: var(--vf-muted); }
.mv-vf__notice { padding: 1rem 1.25rem; border-left: .375rem solid var(--vf-blue); border-radius: .75rem; background: var(--vf-bg); }
.mv-vf__notice--ok { border-left-color: #198754; }
.mv-vf__credits { font-size: 1.05rem; }
.mv-vf__form { padding: 1.5rem; border-radius: .75rem; background: var(--vf-bg); }
.mv-vf__form-title { margin-top: 0; }
.mv-vf__field .mv-vf__hint { display: block; margin-top: .35rem; }
.mv-vf__steps { margin: 0 0 1.25rem 1.25rem; color: var(--vf-muted); }
.mv-vf__steps li { margin-bottom: .35rem; }
.mv-vf__field { margin: 0 0 1rem; }
.mv-vf__field label { display: block; margin-bottom: .35rem; font-weight: 600; color: var(--vf-dark); }
.mv-vf__optional { font-weight: 400; color: var(--vf-muted); }
.mv-vf__field input[type=file] { display: block; width: 100%; padding: .75rem; border: 2px dashed rgba(6,32,73,.3); border-radius: .5rem; background: #fff; }
.mv-vf__field textarea { display: block; width: 100%; padding: .65rem .85rem; border: 1px solid rgba(6,32,73,.3); border-radius: .5rem; font: inherit; }
.mv-vf__consent { display: grid; grid-template-columns: auto 1fr; gap: .6rem; align-items: start; }
.mv-vf__consent input { width: 1.15rem; height: 1.15rem; margin-top: .25rem; accent-color: var(--vf-blue); }
.mv-vf__consent label { font-weight: 400; margin: 0; line-height: 1.5; }
.mv-vf__actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin: 1rem 0 0; }
.mv-vf__progress { position: relative; height: 1.4rem; margin-top: 1rem; border-radius: 999px; background: #fff; border: 1px solid rgba(6,32,73,.15); overflow: hidden; }
.mv-vf__bar { height: 100%; width: 0; background: var(--vf-blue); transition: width .2s; }
.mv-vf__pct { position: absolute; inset: 0; display: grid; place-items: center; font-size: .8rem; font-weight: 700; color: var(--vf-dark); }
.mv-vf__status { margin: .75rem 0 0; min-height: 1.5em; color: var(--vf-muted); }
.mv-vf__status.is-error { color: #b3261e; font-weight: 600; }
.mv-vf__list-title { margin-top: 2rem; }
.mv-vf__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.mv-vf__item { padding: 1.25rem 1.5rem; border-radius: .75rem; background: #fff; border: 1px solid rgba(6,32,73,.12); border-left: .375rem solid var(--vf-blue); }
.mv-vf__item--reviewed { border-left-color: #198754; }
.mv-vf__item--deleted { border-left-color: #9aa0a6; opacity: .8; }
.mv-vf__item-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; align-items: baseline; }
.mv-vf__badge { font-size: .8rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--vf-muted); }
.mv-vf__meta { font-size: .9rem; color: var(--vf-muted); margin-top: .2rem; }
.mv-vf__note { margin: .75rem 0 0; }
.mv-vf__note span { font-weight: 600; }
.mv-vf__player { margin-top: 1rem; }
.mv-vf__player video, .mv-vf__player audio { display: block; width: 100%; max-height: 70vh; border-radius: .5rem; background: #000; }
.mv-vf__feedback { margin-top: 1rem; padding: 1rem 1.25rem; border-radius: .6rem; background: rgba(25,135,84,.07); }
.mv-vf__feedback h3, .mv-vf__feedback h4 { margin: 0 0 .5rem; font-size: 1rem; }
/* Teaser card */
.mv-vf-card { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; margin: 2.5rem 0 1rem; padding: 1.5rem 1.75rem; border-radius: .75rem; background: var(--wp--preset--color--dark, #062049); color: #fff; }
.mv-vf-card__body { flex: 1 1 28rem; }
.mv-vf-card__kicker { margin: 0 0 .25rem; font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--secondary, #f8981d); }
.mv-vf-card h3 { margin: 0 0 .5rem; color: #fff; font-size: 1.3rem; }
.mv-vf-card p { margin: 0; color: rgba(255,255,255,.85); }
.mv-vf-card__status { margin-top: .5rem !important; font-weight: 600; color: #fff !important; }
.mv-vf-card .mv-vf__button { flex: 0 0 auto; }
/* Admin pills */
.mv-vf-pill { display: inline-block; padding: .15rem .6rem; border-radius: 999px; background: #e8f0f7; font-size: .8rem; font-weight: 600; }
.mv-vf-pill--submitted { background: #fdf0c2; }
.mv-vf-pill--reviewed { background: #d9f2e4; }
.mv-vf-pill--deleted { background: #eee; }

/* ------------------------------------------------------------------
   Landing page  [mv_video_feedback_landing]
   Bands use the theme's .mv-home__band for the full-width background.
   ------------------------------------------------------------------ */
.mv-vfp { margin: 0; --vf-ink: #a85a00; }
.mv-vfp__eyebrow { display: inline-block; margin: 0 0 1rem; padding: .35rem .9rem; border-radius: 999px; background: rgba(248,152,29,.18); color: var(--vf-dark); font-size: .85rem; font-weight: 600; letter-spacing: .04em; }
.mv-vfp__title { margin: 0 0 1rem; font-size: clamp(2rem, 4.2vw, 3rem); line-height: 1.12; letter-spacing: -.01em; }
.mv-vfp__lede { margin: 0 0 1.25rem; max-width: 54ch; font-size: 1.15rem; line-height: 1.6; }
.mv-vfp__points { list-style: none; margin: 0 0 1.25rem; padding: 0; display: grid; gap: .55rem; }
.mv-vfp__points li, .mv-vfp-product__includes li { display: grid; grid-template-columns: auto 1fr; gap: .6rem; align-items: start; margin: 0; }
.mv-vfp__points svg, .mv-vfp-product__includes svg { margin-top: .2rem; color: #198754; }
.mv-vfp__jump { margin: 0; font-weight: 600; }
.mv-vfp__hero { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 992px) { .mv-vfp__hero { grid-template-columns: minmax(0, 1fr) minmax(20rem, 26rem); gap: 3rem; } }

/* Product panel */
.mv-vfp-product { padding: 1.75rem; border-radius: 1rem; background: #fff; color: var(--vf-dark); border-top: .375rem solid var(--vf-accent); box-shadow: 0 10px 30px rgba(6,32,73,.14); }
.mv-vfp-product--ready { border-top-color: #198754; }
.mv-vfp-product__label { margin: 0 0 .25rem; font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--vf-ink); }
.mv-vfp-product__title { margin: 0 0 .5rem; font-size: 1.45rem; line-height: 1.25; }
.mv-vfp-product__price { margin: 0 0 1rem; display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .6rem; }
.mv-vfp-product__amount { font-size: 2.4rem; font-weight: 800; line-height: 1; letter-spacing: -.02em; }
.mv-vfp-product__tax { font-size: .95rem; color: var(--vf-muted); }
.mv-vfp-product__includes { list-style: none; margin: 0 0 1.25rem; padding: 1rem 0 0; border-top: 1px solid rgba(6,32,73,.12); display: grid; gap: .6rem; }
.mv-vfp-product__form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; margin: 0; }
.mv-vfp-product__qty { margin: 0; }
.mv-vfp-product__qty label { display: block; margin-bottom: .3rem; font-size: .85rem; font-weight: 600; }
.mv-vfp-product__qty input { width: 5rem; padding: .8rem .6rem; border: 1px solid rgba(6,32,73,.45); border-radius: .5rem; background: #fff; color: var(--vf-dark); font: inherit; font-weight: 600; text-align: center; }
.mv-vfp-product__qty input:focus-visible { outline: 3px solid var(--vf-blue); outline-offset: 1px; }
.mv-vfp-product__add { flex: 1 1 11rem; justify-content: center; }
.mv-vfp-product__secure { display: flex; align-items: flex-start; gap: .5rem; margin: 1rem 0 0; font-size: .9rem; color: var(--vf-muted); }
.mv-vfp-product__secure svg { flex: 0 0 auto; width: 1rem; height: 1rem; margin-top: .2rem; }
.mv-vfp-product__login { margin: .75rem 0 0; padding-top: .75rem; border-top: 1px solid rgba(6,32,73,.12); font-size: .95rem; }

/* Section headings */
.mv-vfp__kicker { margin: 0 0 .35rem; font-size: .85rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--vf-ink); }
.mv-vfp__h2 { margin: 0 0 1.5rem; font-size: clamp(1.5rem, 2.8vw, 2.1rem); line-height: 1.2; }
.mv-home__band--dark .mv-vfp__kicker { color: #fff; }

/* Steps */
.mv-vfp__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.25rem; }
@media (min-width: 768px) { .mv-vfp__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mv-vfp__steps li { margin: 0; padding: 1.5rem; border-radius: .75rem; background: var(--vf-bg); }
.mv-vfp__num { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; margin-bottom: .9rem; border-radius: 50%; background: var(--vf-dark); color: #fff; font-weight: 800; font-size: 1.1rem; }
.mv-vfp__steps h3, .mv-vfp__grid h3 { margin: 0 0 .4rem; font-size: 1.15rem; }
.mv-vfp__steps p, .mv-vfp__grid p { margin: 0; line-height: 1.55; }

/* What you get (dark band) */
.mv-vfp__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.25rem; }
@media (min-width: 768px) { .mv-vfp__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mv-vfp__grid li { margin: 0; padding: 1.4rem 1.5rem; border-radius: .75rem; background: rgba(255,255,255,.07); border-top: .375rem solid var(--vf-accent); }
.mv-vfp__grid h3 { color: #fff; }
.mv-vfp__grid p { color: rgba(255,255,255,.88); }

/* Workspace: notices, uploader, submissions */
.mv-vfp__workspace > :first-child { margin-top: 0; }
.mv-vfp__workspace .mv-vf__notice { margin-bottom: 1.25rem; }
.mv-vfp__workspace .mv-vf__form { max-width: 48rem; }

/* FAQ */
.mv-vfp__faq details { max-width: 52rem; margin: 0 0 .75rem; border: 2px solid rgba(59,109,156,.4); border-radius: .6rem; background: #fff; }
.mv-vfp__faq summary { padding: .9rem 1.1rem; font-weight: 700; color: var(--vf-dark); cursor: pointer; }
.mv-vfp__faq summary:hover { color: var(--vf-blue); text-decoration: underline; }
.mv-vfp__faq summary:focus-visible { outline: 3px solid var(--vf-blue); outline-offset: 2px; border-radius: .4rem; }
.mv-vfp__faq details[open] { border-color: var(--vf-blue); }
.mv-vfp__faq details > div { padding: 0 1.1rem 1rem; }
.mv-vfp__faq details p { margin: 0; line-height: 1.6; }

/* Closing call to action */
.mv-vfp__cta { text-align: center; }
.mv-vfp__cta .mv-vfp__h2 { margin-bottom: .5rem; }
.mv-vfp__cta p { margin: 0 0 1.25rem; }
.mv-vfp__cta p:last-child { margin-bottom: 0; }

@media (forced-colors: active) { .mv-vfp-product, .mv-vfp__steps li, .mv-vfp__grid li { border: 1px solid CanvasText; } }