/* MGM Custom Form – RFQ layout (like screenshot) */

.mgmcf-wrap {
  max-width: 760px;
 
}

.mgmcf-status {
  padding: 12px 14px;
  border-radius: 12px;
  margin: 0 0 14px;
  border: 1px solid transparent;
}

.mgmcf-actions + .mgmcf-status { margin: 16px 0 0; }

.mgmcf-status--success { border-color: var(--wp--preset--color--green, #00B1A8); }
.mgmcf-status--error { border-color: #d63638; }

.mgmcf-status ul { margin: 0; padding-left: var(--wp--preset--spacing--16); }

.mgmcf-field { margin: 0 0 var(--wp--preset--spacing--16); }
.mgmcf-field label { display: block; margin: 0 0 var(--wp--preset--spacing--8); font-size: var(--wp--preset--font-size--base); }

.mgmcf-field input,
.mgmcf-field textarea,
.mgmcf-field select {
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  border-radius: var(--wp--preset--spacing--8);
  border: 1px solid var(--wp--preset--color--grey-border-dark);
  padding: var(--wp--preset--spacing--16);
   font-size: var(--wp--preset--font-size--base);
  background-color: #fff;
}

.mgmcf-grid { display: grid; gap: 16px; }
.mgmcf-grid--2 { grid-template-columns: 1fr 1fr; }

@media (max-width: 768px) {
  .mgmcf-grid--2 { grid-template-columns: 1fr; }
}

/* Sections */
.mgmcf-section {
  padding: 24px 0;
  border-top: 1px solid rgba(0,0,0,.08);
}

.mgmcf-section:first-of-type {
  padding-top: 0;
  border-top: 0;
}

.mgmcf-section-title {
  margin: 0 0 16px;
  font-size: var(--wp--preset--font-size--medium, 1.1em);
  font-weight: 700;
}

.mgmcf-section-title .mgmcf-muted {
  display: block;
  font-weight: 400;
  font-size: var(--wp--preset--font-size--small, .85em);
  margin-top: 4px;
}

/* Rozwijana sekcja "Szczegóły techniczne" */
.mgmcf-advanced-summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  user-select: none;
}

.mgmcf-advanced-summary .mgmcf-muted {
  flex-basis: 100%;
  margin-left: 30px;
}

.mgmcf-advanced-summary::-webkit-details-marker { display: none; }

.mgmcf-advanced-summary::before {
  content: "+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.25);
  font-weight: 700;
  line-height: 1;
}

.mgmcf-advanced[open] .mgmcf-advanced-summary::before {
  content: "–";
}

.mgmcf-advanced-body {
  margin-top: 16px;
}

.mgmcf-muted {
  font-weight: 400;
  opacity: .75;
}

.mgmcf-help {
  margin: -2px 0 10px;
  opacity: .75;
}

.mgmcf-field--checkbox { margin: 0 0 var(--wp--preset--spacing--16); }

/* Specyficzność "label.mgmcf-consent" musi dorównać ".mgmcf-field label" (deklarującej
   display:block wyżej w pliku), inaczej flex tutaj przegrywa i checkbox/tekst się rozjeżdżają. */
label.mgmcf-consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  margin: 0;
  text-align: left;
}

.mgmcf-consent input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
  flex: 0 0 20px;
  accent-color: var(--wp--preset--color--green);
  cursor: pointer;
}

.mgmcf-consent__text {
  display: block;
  font-size: var(--wp--preset--font-size--base);
  line-height: 1.5;
}

.mgmcf-consent__text a { text-decoration: underline; }

.mgmcf-actions { margin-top: 8px; }

.mgmcf-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--wp--custom--buttons-height);
  padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--32);
  border: none;
  border-radius: 64px;
  background-color: var(--wp--preset--color--blue);
  color: var(--wp--preset--color--white);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--xx-small);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: var(--wp--custom--custom-transition);
}

.mgmcf-submit:hover:not([disabled]) {
  opacity: var(--wp--custom--hover-opacity);
}

.mgmcf-submit[disabled] { opacity: .7; cursor: not-allowed; }

.mgmcf-hp {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Upload */
.mgmcf-upload {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mgmcf-upload input[type="file"] {
  position: absolute;
  left: -9999px;
}

.mgmcf-upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.15);
  background: transparent;
  font-family: inherit;
  font-size: var(--wp--preset--font-size--base);
  font-weight: 600;
  color: inherit;
  cursor: pointer;
}

.mgmcf-plus {
  display: inline-flex;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.mgmcf-filelist {
  margin-top: 10px;
  font-size: 14px;
  opacity: .85;
}

.mgmcf-filelist ul { margin: 0; padding-left: 18px; }

.mgmcf-filelist ul.mgmcf-files {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 8px;
}

.mgmcf-files li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 8px 8px 14px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 999px;
  word-break: break-all;
}

.mgmcf-file-remove {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(0,0,0,.06);
  color: inherit;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.mgmcf-file-remove:hover { background: rgba(0,0,0,.14); }

/* Screen reader text helper (if needed elsewhere) */
.screen-reader-text{
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  white-space:nowrap;
}