/* GOL.md / Football Nearby public submissions — canonical visual owner.
 * beta.4015: flat editorial form, not a nested card UI. All interactive
 * states are owned here so global theme button hovers cannot leak in. */

.golmdm-submit-v3971{
  --sub-green:var(--golmd-brand-accent,#55b545);
  --sub-green-strong:var(--golmd-brand-strong,#3d971f);
  --sub-bg:#fff;
  --sub-soft:#f5f7f8;
  --sub-text:#071523;
  --sub-muted:#71808d;
  --sub-line:rgba(8,16,24,.13);
  --sub-line-strong:rgba(8,16,24,.20);
  --sub-danger:#b53434;
  color:var(--sub-text);
  font-family:inherit;
}
.golmdm-submit-v3971 *,
.golmdm-submit-v3971 *::before,
.golmdm-submit-v3971 *::after{box-sizing:border-box}
html.golmdm-submit-v3971-open{overflow:hidden}

/* Entry CTA outside the modal. Nearby owns its route-specific sizing. */
.golmdm-submit-v3971__cta{
  -webkit-appearance:none;
  appearance:none;
  border:1px solid var(--sub-line-strong);
  border-radius:4px;
  background:var(--sub-bg);
  color:var(--sub-text);
  padding:8px 12px;
  box-shadow:none;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  transform:none;
  filter:none;
}
.golmdm-submit-v3971__cta:hover,
.golmdm-submit-v3971__cta:focus-visible{
  border-color:rgba(85,181,69,.62)!important;
  background:var(--sub-bg)!important;
  color:var(--sub-green-strong)!important;
  -webkit-text-fill-color:var(--sub-green-strong)!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
.golmdm-submit-v3971__cta:focus-visible{outline:2px solid rgba(85,181,69,.20);outline-offset:2px}

/* Modal shell */
.golmdm-submit-v3971__backdrop{
  position:fixed;
  inset:0;
  z-index:100000;
  background:rgba(5,12,18,.64);
}
.golmdm-submit-v3971__modal{
  position:fixed;
  z-index:100001;
  left:50%;
  top:3vh;
  transform:translateX(-50%);
  width:min(960px,calc(100vw - 32px));
  max-height:94vh;
  overflow:auto;
  background:var(--sub-bg);
  color:var(--sub-text);
  border:1px solid var(--sub-line-strong);
  border-radius:4px;
  box-shadow:0 18px 54px rgba(0,0,0,.24);
  scrollbar-color:rgba(113,128,141,.68) transparent;
}
.golmdm-submit-v3971__modal>header{
  position:sticky;
  z-index:4;
  top:0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:17px 20px 15px;
  border-bottom:1px solid var(--sub-line);
  background:var(--sub-bg);
}
.golmdm-submit-v3971__modal>header h2{
  margin:0 0 4px!important;
  padding:0!important;
  color:var(--sub-text)!important;
  font-size:19px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.012em!important;
}
.golmdm-submit-v3971__modal>header p{
  margin:0!important;
  max-width:720px;
  color:var(--sub-muted)!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:560!important;
}
.golmdm-submit-v3971__x{
  -webkit-appearance:none!important;
  appearance:none!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  margin:-3px -4px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--sub-muted)!important;
  -webkit-text-fill-color:var(--sub-muted)!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:24px!important;
  font-weight:400!important;
  line-height:28px!important;
  text-align:center!important;
  cursor:pointer!important;
  transform:none!important;
  filter:none!important;
  text-shadow:none!important;
}
.golmdm-submit-v3971__x:hover,
.golmdm-submit-v3971__x:focus-visible{
  border:0!important;
  background:transparent!important;
  color:var(--sub-text)!important;
  -webkit-text-fill-color:var(--sub-text)!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
.golmdm-submit-v3971__x:focus-visible{outline:2px solid rgba(85,181,69,.28)!important;outline-offset:1px!important}

/* Form rhythm: sections are separated by rules, not nested rounded cards. */
.golmdm-submit-v3971 form{padding:17px 20px 19px}
.golmdm-submit-v3971 h3{
  margin:25px 0 12px!important;
  padding:17px 0 0!important;
  border-top:1px solid var(--sub-line);
  color:var(--sub-text)!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.005em!important;
}
.golmdm-submit-v3971 label{display:block;min-width:0}
.golmdm-submit-v3971 label>span{
  display:block;
  margin:0 0 5px;
  color:var(--sub-text);
  font-size:11.5px;
  line-height:1.25;
  font-weight:700;
}
.golmdm-submit-v3971__grid{display:grid;gap:11px 12px}
.golmdm-submit-v3971__grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.golmdm-submit-v3971__grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}

.golmdm-submit-v3971 input[type=text],
.golmdm-submit-v3971 input[type=email],
.golmdm-submit-v3971 input[type=url],
.golmdm-submit-v3971 input[type=number],
.golmdm-submit-v3971 select,
.golmdm-submit-v3971 textarea{
  -webkit-appearance:none;
  appearance:none;
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  border:1px solid var(--sub-line-strong);
  border-radius:3px;
  background:var(--sub-bg);
  color:var(--sub-text);
  box-shadow:none;
  padding:8px 9px;
  font:inherit;
  font-size:12.5px;
  line-height:1.35;
  transition:none;
}
.golmdm-submit-v3971 input[type=text],
.golmdm-submit-v3971 input[type=email],
.golmdm-submit-v3971 input[type=url],
.golmdm-submit-v3971 input[type=number],
.golmdm-submit-v3971 select{height:36px}
.golmdm-submit-v3971 select{
  appearance:auto;
  padding-top:0;
  padding-bottom:0;
}
.golmdm-submit-v3971 textarea{resize:vertical;min-height:76px}
.golmdm-submit-v3971 input[type=text]:hover,
.golmdm-submit-v3971 input[type=email]:hover,
.golmdm-submit-v3971 input[type=url]:hover,
.golmdm-submit-v3971 input[type=number]:hover,
.golmdm-submit-v3971 select:hover,
.golmdm-submit-v3971 textarea:hover{border-color:var(--sub-line-strong)}
.golmdm-submit-v3971 input[type=text]:focus,
.golmdm-submit-v3971 input[type=email]:focus,
.golmdm-submit-v3971 input[type=url]:focus,
.golmdm-submit-v3971 input[type=number]:focus,
.golmdm-submit-v3971 select:focus,
.golmdm-submit-v3971 textarea:focus{
  border-color:var(--sub-green)!important;
  outline:1px solid var(--sub-green)!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
.golmdm-submit-v3971__hint{
  margin:7px 0 0!important;
  color:var(--sub-muted)!important;
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:520!important;
}
.golmdm-submit-v3971__hint strong{color:var(--sub-muted);font-weight:700}

/* Repeating location/contact rows use dividers, never cards. */
.golmdm-submit-v3971__repeat{
  margin:0 0 13px;
  padding:0 0 14px;
  border:0;
  border-bottom:1px solid var(--sub-line);
  border-radius:0;
  background:transparent;
}
.golmdm-submit-v3971__repeat:last-child{margin-bottom:9px}
.golmdm-submit-v3971__repeat-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 9px;
}
.golmdm-submit-v3971__repeat-head b{
  color:var(--sub-text);
  font-size:11.5px;
  line-height:1.2;
  font-weight:780;
}
.golmdm-submit-v3971__repeat-head button{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--sub-muted)!important;
  -webkit-text-fill-color:var(--sub-muted)!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:17px!important;
  line-height:24px!important;
  text-align:center!important;
  cursor:pointer!important;
  transform:none!important;
  filter:none!important;
}
.golmdm-submit-v3971__repeat-head button:hover,
.golmdm-submit-v3971__repeat-head button:focus-visible{
  background:transparent!important;
  color:var(--sub-danger)!important;
  -webkit-text-fill-color:var(--sub-danger)!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
.golmdm-submit-v3971__repeat-head button:focus-visible{outline:1px solid currentColor!important;outline-offset:1px!important}

.golmdm-submit-v3971__add{
  -webkit-appearance:none!important;
  appearance:none!important;
  margin:0!important;
  padding:3px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--sub-green-strong)!important;
  -webkit-text-fill-color:var(--sub-green-strong)!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:750!important;
  cursor:pointer!important;
  transform:none!important;
  filter:none!important;
  text-shadow:none!important;
}
.golmdm-submit-v3971__add:hover,
.golmdm-submit-v3971__add:focus-visible{
  border:0!important;
  background:transparent!important;
  color:var(--sub-green)!important;
  -webkit-text-fill-color:var(--sub-green)!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
.golmdm-submit-v3971__add:focus-visible{outline:1px solid rgba(85,181,69,.62)!important;outline-offset:3px!important}

/* Native file controls are kept, but the chooser follows the same visual language. */
.golmdm-submit-v3971 input[type=file]{
  display:block;
  width:100%;
  min-height:35px;
  margin:0;
  color:var(--sub-muted);
  background:transparent;
  font:inherit;
  font-size:11px;
  line-height:35px;
}
.golmdm-submit-v3971 input[type=file]::file-selector-button{
  height:32px;
  margin:0 9px 0 0;
  padding:0 10px;
  border:1px solid var(--sub-line-strong);
  border-radius:3px;
  background:var(--sub-soft);
  color:var(--sub-text);
  font:inherit;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.golmdm-submit-v3971 input[type=file]::file-selector-button:hover{
  border-color:rgba(85,181,69,.55);
  background:var(--sub-soft);
  color:var(--sub-green-strong);
}

.golmdm-submit-v3971__confirm{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:20px 0 0!important;
  padding:15px 0 0!important;
  border-top:1px solid var(--sub-line)!important;
}
.golmdm-submit-v3971__confirm input[type=checkbox]{
  flex:0 0 auto;
  width:15px;
  height:15px;
  margin:1px 0 0;
  accent-color:var(--sub-green);
}
.golmdm-submit-v3971__confirm>span{
  margin:0!important;
  color:var(--sub-muted)!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  font-weight:520!important;
}
.golmdm-submit-v3971__confirm a{color:var(--sub-green-strong);font-weight:650;text-decoration:none}
.golmdm-submit-v3971__confirm a:hover{color:var(--sub-green);text-decoration:none}

/* Footer buttons: explicit states prevent theme-wide button hover rules from
 * changing fill/text colour. No lift, glow, inversion or animated transform. */
.golmdm-submit-v3971 footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--sub-line);
}
.golmdm-submit-v3971__cancel,
.golmdm-submit-v3971__send{
  -webkit-appearance:none!important;
  appearance:none!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 13px!important;
  border-radius:3px!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:11.5px!important;
  line-height:34px!important;
  font-weight:780!important;
  cursor:pointer!important;
  transform:none!important;
  filter:none!important;
  text-shadow:none!important;
  transition:none!important;
}
.golmdm-submit-v3971__cancel{
  border:1px solid var(--sub-line-strong)!important;
  background:var(--sub-bg)!important;
  color:var(--sub-text)!important;
  -webkit-text-fill-color:var(--sub-text)!important;
}
.golmdm-submit-v3971__cancel:hover,
.golmdm-submit-v3971__cancel:focus-visible{
  border-color:rgba(85,181,69,.58)!important;
  background:var(--sub-bg)!important;
  color:var(--sub-green-strong)!important;
  -webkit-text-fill-color:var(--sub-green-strong)!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
.golmdm-submit-v3971__send{
  border:1px solid var(--sub-green)!important;
  background:var(--sub-green)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.golmdm-submit-v3971__send:hover,
.golmdm-submit-v3971__send:focus-visible{
  border-color:var(--sub-green-strong)!important;
  background:var(--sub-green-strong)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
.golmdm-submit-v3971__cancel:focus-visible,
.golmdm-submit-v3971__send:focus-visible{outline:2px solid rgba(85,181,69,.22)!important;outline-offset:2px!important}
.golmdm-submit-v3971__send[disabled]{opacity:.58!important;cursor:wait!important}

/* Feedback is a flat status strip rather than another rounded card. */
.golmdm-submit-v3971__flash,
.golmdm-submit-v3971__inline-status{
  margin:12px 20px 0;
  padding:9px 11px;
  border:0;
  border-left:2px solid currentColor;
  border-radius:0;
  background:var(--sub-soft);
  font-size:11.5px;
  font-weight:700;
  line-height:1.42;
}
.golmdm-submit-v3971__flash.is-success,
.golmdm-submit-v3971__inline-status.is-success{color:#2d7d22;background:#f1f7ef}
.golmdm-submit-v3971__flash.is-error,
.golmdm-submit-v3971__inline-status.is-error{color:#a52f2f;background:#fbf2f2}
.golmdm-submit-v3971 .golmdm-submit-v3971__field-error{
  border-color:#c83b3b!important;
  outline:1px solid #c83b3b!important;
  box-shadow:none!important;
}
.golmdm-submit-v3971__hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Explicit GOL.md theme classes; do not follow OS colour preference when the
 * site itself is set to another theme. */
html.golmd-theme-dark .golmdm-submit-v3971,
html.golmd-dark-live .golmdm-submit-v3971,
body.golmd-theme-dark .golmdm-submit-v3971,
body.golmd-dark-live .golmdm-submit-v3971{
  --sub-bg:#0f1821;
  --sub-soft:#14212b;
  --sub-text:#e9f0f4;
  --sub-muted:#91a0aa;
  --sub-line:#25333e;
  --sub-line-strong:#34444f;
  --sub-danger:#e26b6b;
}
html.golmd-theme-dark .golmdm-submit-v3971__flash.is-success,
html.golmd-theme-dark .golmdm-submit-v3971__inline-status.is-success,
html.golmd-dark-live .golmdm-submit-v3971__flash.is-success,
html.golmd-dark-live .golmdm-submit-v3971__inline-status.is-success{color:#8bd47e;background:#14251a}
html.golmd-theme-dark .golmdm-submit-v3971__flash.is-error,
html.golmd-theme-dark .golmdm-submit-v3971__inline-status.is-error,
html.golmd-dark-live .golmdm-submit-v3971__flash.is-error,
html.golmd-dark-live .golmdm-submit-v3971__inline-status.is-error{color:#ef9292;background:#281718}

@media(max-width:760px){
  .golmdm-submit-v3971__modal{top:0;width:100vw;max-height:100vh;border-radius:0;border-left:0;border-right:0}
  .golmdm-submit-v3971__grid.two,.golmdm-submit-v3971__grid.three{grid-template-columns:1fr}
  .golmdm-submit-v3971 form,.golmdm-submit-v3971__modal>header{padding-left:14px;padding-right:14px}
  .golmdm-submit-v3971__flash,.golmdm-submit-v3971__inline-status{margin-left:14px;margin-right:14px}
  .golmdm-submit-v3971 footer{position:sticky;z-index:3;bottom:0;margin-left:-14px;margin-right:-14px;padding:11px 14px;background:var(--sub-bg)}
  .golmdm-submit-v3971__cancel,.golmdm-submit-v3971__send{min-height:38px!important}
}
