/* ===== ACCOUNT (WPUF) – match bruktmarked ===== */

/* Container + tittel */
.sn-account-wrap{max-width:1200px;margin:0 auto;padding:16px;}
.sn-head{padding:6px 0 12px;position:relative;}
.sn-head h1{
  margin:0 0 14px;line-height:1.08;display:block;
  font-weight:800; font-size:clamp(2.2rem,5vw,5rem); color:var(--sn-ink);
}
.sn-head h1:after{
  content:""; position:absolute; left:0; right:0; bottom:-8px; height:3px;
  background:linear-gradient(90deg,var(--sn-accent),transparent 60%);
  border-radius:3px;
}

/* === Toppmeny (WPUF) === */
.wpuf-account-wrap, .wpuf-dashboard-container{max-width:1200px;margin:0 auto;padding:0 16px;}
/* legg menyen over innholdet */
.wpuf-account-wrap{display:block;}
.wpuf-account-menu{
  display:flex; gap:12px; flex-wrap:wrap; list-style:none; margin:14px 0 18px; padding:0;
}
.wpuf-account-menu li{margin:0;padding:0;}
.wpuf-account-menu a{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:999px; border:1px solid #e6e6ea; background:#fff;
  box-shadow:0 2px 0 var(--sn-ring);
  text-decoration:none; color:var(--sn-ink);
  font-weight:600; font-size:clamp(1.05rem,2.3vw,1.8rem); line-height:1;
}
.wpuf-account-menu a:hover{border-color:var(--sn-accent);}
.wpuf-account-menu .active > a,
.wpuf-account-menu a.active,
.wpuf-account-menu a.current{
  background:linear-gradient(180deg,rgba(243,200,69,.22),rgba(243,200,69,.14));
  border-color:var(--sn-accent);
}

/* === Innholdsboks === */
.sn-account-card{
  background:#fff; border:1px solid #eee; border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  padding:22px; max-width:1100px; margin:0 auto 32px;
}
/* fjern “dobbel boks” fra WPUF internt */
.sn-account-card .wpuf-dashboard-container,
.sn-account-card .wpuf-profile,
.sn-account-card .wpuf-form,
.sn-account-card .wpuf-form form,
.sn-account-card .wpuf-profile-form,
.sn-account-card .wpuf-post-form{
  background:transparent!important; border:none!important; box-shadow:none!important;
}

/* === Tabell (innlegg-listen) === */
.sn-account-card table{width:100%; border-collapse:separate; border-spacing:0 8px; font-size:1rem;}
.sn-account-card th{font-weight:700; color:#444; text-align:left; padding:10px 12px;}
.sn-account-card td{background:#fafafa; padding:12px; border-radius:10px; vertical-align:top;}
.sn-account-card td a{color:#0A0A0A; text-decoration:none;}
.sn-account-card td a:hover{border-bottom:2px solid var(--sn-accent);}

/* Bilder i tabell */
.sn-account-card img{max-width:100%; height:auto; border-radius:10px;}

/* === Skjema (profil m.m.) === */
.sn-account-card .wpuf-label{font-weight:700; margin-bottom:6px; display:block;}
.sn-account-card input[type="text"],
.sn-account-card input[type="email"],
.sn-account-card input[type="password"],
.sn-account-card input[type="url"],
.sn-account-card input[type="number"],
.sn-account-card select,
.sn-account-card textarea{
  width:100%; padding:12px 14px; font-size:1.3rem; line-height:1.3;
  border:1px solid #e6e6ea; border-radius:10px; background:#fff;
  box-shadow:0 1px 0 var(--sn-ring) inset;
}
.sn-account-card textarea{min-height:120px; resize:vertical;}
.sn-account-card input:focus,
.sn-account-card select:focus,
.sn-account-card textarea:focus{
  outline:3px solid rgba(243,200,69,.35); border-color:var(--sn-accent);
}

/* Submit-knapp */
.sn-account-card .wpuf-submit input[type="submit"],
.sn-account-card button[type="submit"]{
  appearance:none; border:1px solid #222; background:#111; color:#fff;
  padding:12px 16px; border-radius:12px; font-weight:800; cursor:pointer;
  box-shadow:0 2px 0 var(--sn-ring);
}
.sn-account-card .wpuf-submit input[type="submit"]:hover{filter:brightness(1.05);}

/* Små hjelpetekster */
.sn-account-card .wpuf-help,
.sn-account-card .description{color:#666; font-size:.92rem;}

/* === Responsiv === */
@media (max-width: 900px){
  .sn-account-card{padding:16px;}
  .sn-account-head h1{font-size:clamp(1.8rem,6vw,3rem);}
}

/* Tittel-stil som bruktmarked: stor, fet + gul linje under */
h1.sn-title, .page-title {
  position: relative;
  margin: 0 0 14px;
  line-height: 1.08;
  font-weight: 800;
  font-size: clamp(3.2rem, 5vw, 5rem);
  color: var(--sn-ink);
}

h1.sn-title::after,
.page-title::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -8px; height: 3px;
  background: linear-gradient(90deg, var(--sn-accent), transparent 60%);
  border-radius: 3px;
}

/* Venstrestill WPUF-skjema og fjern sentrering */
.sn-account-card .wpuf-form,
.sn-account-card .wpuf-profile-form,
.sn-account-card .wpuf-post-form{
  max-width: 760px;
  margin: 0;            /* ikke auto */
  text-align: left;
}

/* Overstyr WPUF sin standard sentrering av dashboard-content */
body .wpuf-dashboard-container .wpuf-dashboard-content {
  align-items: unset !important; /* fjerner WPUF sin align-items */
}

/* === Konto-skjema: Submit-knapp === */
.sn-account-card .wpuf-submit button[type="submit"],
.sn-account-card .wpuf-submit input[type="submit"] {
  appearance: none;
  display: inline-block;
  width: auto; /* bare så den ikke tvinges til 100% */
  padding: 14px 22px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;

  color: #111; /* mørk tekst */
  background: var(--sn-accent); /* SurfNorge gul */
  border: 1px solid var(--sn-accent);
  border-radius: 12px;

  box-shadow: 0 2px 0 var(--sn-ring);
  transition: all .15s ease;
}

.sn-account-card .wpuf-submit button[type="submit"]:hover,
.sn-account-card .wpuf-submit input[type="submit"]:hover {
  filter: brightness(1.05);
  box-shadow: 0 3px 0 var(--sn-ring);
}

/* =========================
   WPUF – LAG ANNONSE (submit-post)
   ========================= */

/* 1) Venstrestill innholdet og gi fornuftig bredde */
.sn-account-card .wpuf-dashboard-content.submit-post{
  align-items: flex-start !important; /* overstyr pluginens center */
}
.sn-account-card .wpuf-dashboard-content.submit-post .wpuf-form,
.sn-account-card .wpuf-post-form{
  width: 100%;
  max-width: 820px;              /* samme bredde som profilskjema */
  margin: 0;
  text-align: left;
}

/* 2) Labels + felter (samme som på profil) */
.sn-account-card .wpuf-post-form .wpuf-label{ 
  display:block; font-weight:700; margin-bottom:6px;
}

.sn-account-card .wpuf-post-form .wpuf-fields input[type="text"],
.sn-account-card .wpuf-post-form .wpuf-fields input[type="email"],
.sn-account-card .wpuf-post-form .wpuf-fields input[type="url"],
.sn-account-card .wpuf-post-form .wpuf-fields input[type="number"],
.sn-account-card .wpuf-post-form .wpuf-fields input[type="password"],
.sn-account-card .wpuf-post-form .wpuf-fields select,
.sn-account-card .wpuf-post-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;
}
.sn-account-card .wpuf-post-form .wpuf-fields textarea{
  min-height:140px; resize:vertical;
}
.sn-account-card .wpuf-post-form .wpuf-fields input:focus,
.sn-account-card .wpuf-post-form .wpuf-fields select:focus,
.sn-account-card .wpuf-post-form .wpuf-fields textarea:focus{
  outline:3px solid rgba(243,200,69,.35); /* gul glow */
  border-color:#F3C845;
}

/* 3) TinyMCE/Editor – lys verktøylinje og rammer */
.sn-account-card .wpuf-post-form .wp-editor-wrap,
.sn-account-card .wpuf-post-form .wp-editor-container{
  border:1px solid #e6e6ea; border-radius:10px; background:#fff;
}
.sn-account-card .wpuf-post-form .mce-container,
.sn-account-card .wpuf-post-form .mce-toolbar{
  background:#fff !important; border:0;
}
.sn-account-card .wpuf-post-form .mce-toolbar .mce-btn button{
  background:#fff !important;
  color:#111 !important;
  border:1px solid #e6e6ea !important;
  border-radius:8px !important;
}
.sn-account-card .wpuf-post-form .wp-editor-area{
  font-size:1rem; padding:12px; /* litt luft i editoren */
}

/* 4) Opplasting-/valgknapper (Featured image / Velg bilder) */
.sn-account-card .wpuf-post-form .button,
.sn-account-card .wpuf-post-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);
}
.sn-account-card .wpuf-post-form .button:hover{
  border-color:#F3C845;
}

/* 5) Submit-området – samme knappestil som konto */
.sn-account-card .wpuf-post-form .wpuf-submit{
  margin-top:14px; display:flex; gap:10px; align-items:center;
}
.sn-account-card .wpuf-post-form .wpuf-submit input[type="submit"],
.sn-account-card .wpuf-post-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);
}
.sn-account-card .wpuf-post-form .wpuf-submit input[type="submit"]:hover{
  filter:saturate(1.03);
}
/* "Save Draft" linker/knapp */
.sn-account-card .wpuf-post-form .wpuf-submit a,
.sn-account-card .wpuf-post-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;
}

/* 6) Hjelpetekst */
.sn-account-card .wpuf-post-form .wpuf-help,
.sn-account-card .wpuf-post-form .description{
  color:#666; font-size:.92rem;
}

/* ================================
   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; }

/* ==== WPUF file/choose buttons – kill theme .button inside account/new-ad ==== */
.sn-account-card .wpuf-post-form :is(a.button, a.button.wc-backward, input.button, button.button):not(.ubtn),
.wpuf-form :is(a.button, a.button.wc-backward, input.button, button.button):not(.ubtn) {
  all: unset;                  /* wipe theme’s font/line-height/padding/etc */
  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-transform: none;
  letter-spacing: 0;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  transition: .15s ease;
}

/* Hover/active */
.sn-account-card .wpuf-post-form :is(a.button, input.button, button.button):not(.ubtn):hover,
.wpuf-form :is(a.button, input.button, button.button):not(.ubtn):hover {
  border-color: var(--sn-accent);
}
.sn-account-card .wpuf-post-form :is(a.button, input.button, button.button):not(.ubtn):active,
.wpuf-form :is(a.button, input.button, button.button):not(.ubtn):active {
  transform: translateY(0);
  box-shadow: 0 0 0 rgba(0,0,0,0);
}

/* If theme pushes icons inside .button, neutralize positioning */
.sn-account-card .wpuf-post-form :is(a.button, input.button, button.button) i,
.wpuf-form :is(a.button, input.button, button.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;
}

/* =========================
   Konto → Innlegg (mobilkort)
   Gjelder tabellen: .wpuf-dashboard-container .items-table.post
   ========================= */
@media (max-width: 700px){

  /* Skjul header-raden */
  .wpuf-dashboard-container .items-table.post thead{
    display: none !important;
  }

  /* Hver rad blir et kort med grid: [thumb | info] */
  .wpuf-dashboard-container .items-table.post tbody tr{
    display: grid !important;
    grid-template-columns: 120px 1fr;
    gap: 12px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,.05);
    padding: 12px;
    margin: 0 0 12px;
  }

  /* Nullstill celler inni kortet (tema legger mye styling) */
  .wpuf-dashboard-container .items-table.post tbody tr > td{
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    vertical-align: top !important;
  }

  /* Bildekolonnen (første <td>) */
  .wpuf-dashboard-container .items-table.post tbody tr > td:first-child{
    grid-column: 1 / 2;
  }
  .wpuf-dashboard-container .items-table.post tbody tr > td:first-child img{
    width: 100%;
    height: 100px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
  }
  /* Den lille ▾-ikonspanen – hold den på plass */
  .wpuf-dashboard-container .items-table.post tbody tr > td:first-child .post-edit-icon{
    display: none; /* skjul på mobil – ser rar ut oppå bildet */
  }

  /* Innhold/tekst (de øvrige kolonnene) */
  .wpuf-dashboard-container .items-table.post tbody tr > td:nth-child(n+2){
    grid-column: 2 / 3;
    align-self: center;
  }

  /* Tittel */
  .wpuf-dashboard-container .items-table.post td[data-label^="Title"] a,
  .wpuf-dashboard-container .items-table.post td[data-label^="Title"]{
    font-weight: 800;
    font-size: 1.1rem;
    line-height: 1.25;
    color: var(--sn-ink);
    text-decoration: none;
    margin: 0 0 4px;
    display: inline-block;
  }

  /* Statuslinje (Live/Offline + Preview/View) */
  .wpuf-dashboard-container .items-table.post td[data-label^="Status"]{
    color: #666;
    font-size: .95rem;
    margin-top: 2px;
  }

  .wpuf-dashboard-container .items-table.post td[data-label^="Status"] a{
    color: #0A0A0A;
    text-decoration: none;
    border-bottom: 2px solid transparent;
  }
  .wpuf-dashboard-container .items-table.post td[data-label^="Status"] a:hover{
    border-bottom-color: var(--sn-accent);
  }

  /* Siste kolonne (Options) → plasser lenkeknapper pent */
  .wpuf-dashboard-container .items-table.post td[data-label^="Options"]{
    margin-top: 8px;
  }
  .wpuf-dashboard-container .items-table.post td[data-label^="Options"] a{
    display: inline-block;
    padding: 8px 10px;
    border: 1px solid #e6e6ea;
    border-radius: 10px;
    background: #fff;
    color: #111 !important;
    font-weight: 600;
    text-decoration: none;
    margin-right: 6px;
    margin-bottom: 6px;
    box-shadow: 0 1px 0 rgba(0,0,0,.08);
  }
  .wpuf-dashboard-container .items-table.post td[data-label^="Options"] a:hover{
    border-color: var(--sn-accent);
  }

  /* Smalere skjermer: litt mindre thumb-bredde */
  @media (max-width: 430px){
    .wpuf-dashboard-container .items-table.post tbody tr{
      grid-template-columns: 100px 1fr;
    }
    .wpuf-dashboard-container .items-table.post tbody tr > td:first-child img{
      height: 90px;
    }
  }
}

/* Gjør topp-valg (Min side/Innlegg etc. select) 100% bredde på mobil */
@media (max-width: 700px){
  .wpuf-dashboard-navigation select{
    width: 100%;
    max-width: 100%;
    padding: 10px 12px;
    border: 1px solid #e6e6ea;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,.08) inset;
    font: 600 1rem/1.2 "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  }
}

/* Gjelder både nytt og redigering */
.sn-account-card .wpuf-post-form {
  max-width: 820px;
  margin: 0;
  text-align: left;
}

/* Skjul de to første <p> under dashboard-innholdet */
.wpuf-dashboard-content.dashboard > p:first-of-type,
.wpuf-dashboard-content.dashboard > p:first-of-type + p {
  display: none !important;
}

.wpuf-file-input-wrap textarea[name*="[caption]"],
.wpuf-file-input-wrap textarea[name*="[desc]"] {
    display: none !important;
}

/* Fjern unødvendig scrollbar på bildeopplasting */
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list {
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
}

/* Juster toppmargin på hjelpetekst i WPUF-skjema */
.sn-account-card .wpuf-form .wpuf-fields .wpuf-help,
.sn-account-card .wpuf-form .wpuf-fields .wpuf-wordlimit-message {
    margin: 15px 0 5px 0 !important;
}

/* === Bedre layout på mobil for dashboard-kort og knapper === */
@media (max-width: 600px) {
  .sn-brukt-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
  }

  .sn-brukt-actions .sn-brukt-btn {
    font-size: 1.5rem;
    padding: 10px 14px;
    flex: 1 1 auto; /* gjør dem fleksible */
    text-align: center;
  }

  .sn-account-card {
    padding: 18px;
    border-radius: 12px;
  }

  .sn-account-card h3 {
    font-size: 1.4rem;
    margin-bottom: 8px;
  }

  .sn-account-card p {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}

/* === MOBIL: Bedre layout for konto-tabell === */
@media (max-width: 700px) {

  .wpuf-dashboard-container .items-table.bruktannonse tbody tr {
    display: block !important;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 16px;
    margin: 0 0 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  }

  .wpuf-dashboard-container .items-table.bruktannonse tbody tr > td {
    display: block !important;
    background: transparent !important;
    padding: 8px 0 !important;  /* mer vertikal luft */
    border: none !important;
    word-break: break-word;
  }

  .wpuf-dashboard-container .items-table.bruktannonse tbody tr > td img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    margin-top: 6px;
  }

  .wpuf-dashboard-container .items-table.bruktannonse tbody tr > td[data-label]:before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    color: #111;
    margin-bottom: 4px;
  }

  .wpuf-dashboard-container .items-table.bruktannonse td[data-label^="Valg"] {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
  }

  .wpuf-dashboard-container .items-table.bruktannonse td[data-label^="Valg"] a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid #e6e6ea;
    border-radius: 10px;
    background: #fff;
    color: #111 !important;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    box-shadow: 0 1px 0 rgba(0,0,0,.06);
  }

  .wpuf-dashboard-container .items-table.bruktannonse td[data-label^="Valg"] a:hover {
    border-color: var(--sn-accent);
  }

  /* Skjul ▾-ikonet over bildet */
  .wpuf-dashboard-container .items-table.bruktannonse .post-edit-icon {
    display: none !important;
  }
}