/* ===== WPUF forms – felles stil (endre profil + legg annonse) ===== */

/* Labels */
.wpuf-form .wpuf-label{
  display:block;
  font-weight:700;
  margin-bottom:6px;
}

/* Inputs / selects / textarea */
.wpuf-form .wpuf-fields input[type="text"],
.wpuf-form .wpuf-fields input[type="email"],
.wpuf-form .wpuf-fields input[type="url"],
.wpuf-form .wpuf-fields input[type="number"],
.wpuf-form .wpuf-fields input[type="password"],
.wpuf-form .wpuf-fields select,
.wpuf-form .wpuf-fields textarea{
  width:100%;
  padding:12px 14px;
  font-size:1rem; line-height:1.3;
  border:1px solid #e6e6ea; border-radius:10px; background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.08) inset;
}
.wpuf-form .wpuf-fields textarea{min-height:140px;resize:vertical;}
.wpuf-form .wpuf-fields input:focus,
.wpuf-form .wpuf-fields select:focus,
.wpuf-form .wpuf-fields textarea:focus{
  outline:3px solid rgba(243,200,69,.35);
  border-color:#F3C845;                 /* SurfNorge-gul */
}

/* TinyMCE / WP-editor */
.wpuf-form .wp-editor-wrap,
.wpuf-form .wp-editor-container{border:1px solid #e6e6ea;border-radius:10px;background:#fff;}
.wpuf-form .mce-container,
.wpuf-form .mce-toolbar{background:#fff!important;border:0;}
.wpuf-form .mce-toolbar .mce-btn button{
  background:#fff!important;color:#111!important;
  border:1px solid #e6e6ea!important;border-radius:8px!important;
}
.wpuf-form .wp-editor-area{font-size:1rem;padding:12px;}

/* Opplastings-/valgknapper */
.wpuf-form .button,
.wpuf-form input[type="button"]{
  appearance:none;background:#fff;color:#111;
  border:1px solid #e6e6ea;border-radius:10px;
  padding:10px 12px;font-weight:600;
  box-shadow:0 1px 0 rgba(0,0,0,.08);
}
.wpuf-form .button:hover{border-color:#F3C845;}

/* Submit-området */
.wpuf-form .wpuf-submit{
  margin-top:14px;display:flex;gap:10px;align-items:center;
}
.wpuf-form .wpuf-submit input[type="submit"],
.wpuf-form .wpuf-submit button[type="submit"]{
  appearance:none;cursor:pointer;
  background:linear-gradient(180deg, rgba(243,200,69,.22), rgba(243,200,69,.14));
  color:#111;border:1px solid #F3C845;
  padding:12px 16px;border-radius:12px;font-weight:800;
  box-shadow:0 2px 0 rgba(0,0,0,.08);
}
.wpuf-form .wpuf-submit input[type="submit"]:hover{filter:saturate(1.03);}
.wpuf-form .wpuf-submit a,
.wpuf-form .wpuf-submit .button-secondary{
  text-decoration:none;background:#fff;color:#111;
  border:1px solid #e6e6ea;border-radius:10px;
  padding:10px 12px;font-weight:600;
}

/* Komfortbredde på selve skjemaet */
.wpuf-form{max-width:820px;margin:0 auto;}

/* ================================
   WPUF Konto/Skjema – hard reset
   (scopet til konto/annonser)
   ================================ */
.wpuf-account-wrap,
.wpuf-dashboard-container,
.sn-account-card,
.wpuf-form,
.wpuf-post-form { font-family: "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif; }

/* 1) Kill global .button/button overrides INSIDE our forms */
.wpuf-form .button,
.wpuf-form input[type="button"],
.wpuf-form input[type="submit"],
.wpuf-form button,
.sn-account-card .wpuf-post-form .button,
.sn-account-card .wpuf-post-form input[type="button"],
.sn-account-card .wpuf-post-form input[type="submit"],
.sn-account-card .wpuf-post-form button {
  all: unset;
  box-sizing: border-box;
  display: inline-block;
  padding: 12px 14px;
  border: 1px solid #e6e6ea;
  border-radius: 10px;
  background: #fff;
  color: #111;
  font: 600 1rem/1.2 "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  transition: .15s ease;
}
.wpuf-form .button:hover,
.sn-account-card .wpuf-post-form .button:hover { border-color: var(--sn-accent); }

/* Submit-knapper (primær) */
.wpuf-form .wpuf-submit input[type="submit"],
.wpuf-form .wpuf-submit button[type="submit"],
.sn-account-card .wpuf-post-form .wpuf-submit input[type="submit"],
.sn-account-card .wpuf-post-form .wpuf-submit button[type="submit"]{
  background: linear-gradient(180deg, rgba(243,200,69,.22), rgba(243,200,69,.14));
  border: 1px solid var(--sn-accent);
  color: #111;
  font-weight: 800;
  border-radius: 12px;
  padding: 12px 18px;
  box-shadow: 0 2px 0 rgba(0,0,0,.08);
}
.wpuf-form .wpuf-submit input[type="submit"]:hover,
.wpuf-form .wpuf-submit button[type="submit"]:hover,
.sn-account-card .wpuf-post-form .wpuf-submit input[type="submit"]:hover,
.sn-account-card .wpuf-post-form .wpuf-submit button[type="submit"]:hover{
  filter: saturate(1.03);
}

/* Sekundære lenkeknapper (Save draft osv.) */
.wpuf-form .wpuf-submit a,
.wpuf-form .wpuf-submit .button-secondary,
.sn-account-card .wpuf-post-form .wpuf-submit a,
.sn-account-card .wpuf-post-form .wpuf-submit .button-secondary{
  all: unset;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 12px;
  border: 1px solid #e6e6ea;
  border-radius: 10px;
  background: #fff;
  color: #111 !important;
  font: 600 1rem/1.2 "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  text-decoration: none;
  cursor: pointer;
}

/* 2) Tema pusher ikon <i> inni knapper – nøytraliser posisjonering */
.wpuf-form .button i,
.wpuf-form input[type="submit"] i,
.wpuf-form button i,
.sn-account-card .wpuf-post-form .button i,
.sn-account-card .wpuf-post-form input[type="submit"] i,
.sn-account-card .wpuf-post-form button i{
  position: static !important;
  top: auto !important;
  right: auto !important;
  margin: 0 .35rem 0 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  color: inherit !important;
  font-size: 1em !important;
}

/* 3) TinyMCE/WYSIWYG – hvit toolbar, riktige fonter/ikoner, normal høyde */
.wpuf-form .wp-editor-wrap,
.wpuf-form .wp-editor-container{
  border: 1px solid #e6e6ea; border-radius: 10px; background: #fff;
}
.wpuf-form .mce-panel,
.wpuf-form .mce-container,
.wpuf-form .mce-toolbar,
.wpuf-form .mce-menubar,
.wpuf-form .quicktags-toolbar{
  background: #fff !important; border: 0 !important; box-shadow: none !important;
}
.wpuf-form .mce-btn button,
.wpuf-form .mce-menubtn button,
.wpuf-form .qt-toolbar input[type="button"]{
  all: unset;
  box-sizing: border-box;
  padding: 6px 8px;
  border: 1px solid #e6e6ea;
  border-radius: 8px;
  background: #fff;
  color: #111;
  font: 600 13px/1.2 "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif !important;
  cursor: pointer;
}
.wpuf-form .mce-btn:hover button,
.wpuf-form .mce-menubtn:hover button,
.wpuf-form .qt-toolbar input[type="button"]:hover{
  border-color: var(--sn-accent);
}
.wpuf-form .mce-ico,
.wpuf-form .mce-ico:before{
  font-family: "tinymce", "dashicons" !important;
  font-style: normal !important;
  color: #111 !important;
}

/* Editor-område */
.wpuf-form .wp-editor-area{ font-size:1rem; padding:12px; }

/* 4) Selects/inputs – hindre uppercase/letter-spacing fra tema */
.wpuf-form select,
.wpuf-form input,
.wpuf-form textarea{
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-family: "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif !important;
  line-height: 1.3 !important;
}

/* 5) Komfortbredde og venstrestilling i konto-kortet */
.sn-account-card .wpuf-form,
.sn-account-card .wpuf-post-form{ max-width: 820px; margin: 0; text-align: left; }