/* Yttre container: full bredd, max 1400px, 15px padding, centrerad */
.pgb-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

/* Boxen med själva gate-innehållet */
.pgb-wrap { border:1px solid #eee; padding:16px; border-radius:12px; }
.pgb-form { display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; }
.pgb-label { display:flex; flex-direction:column; gap:6px; }
.pgb-input { padding:8px 10px; min-width:260px; }
.pgb-consent { display:flex; gap:8px; align-items:center; }
.pgb-btn { padding:8px 14px; cursor:pointer; }
.pgb-msg { margin:8px 0 0; }
.pgb-files { margin-top:12px; }
.pgb-list { margin:0; padding-left:18px; }

/* Editor-hjälp (kan stylas separat om du vill) */
.pgb-editor { }

/* Frontend: större filnamn + luft */
body:not(.wp-admin) .pgb-list .pgb-item {
  margin: 10px 0 14px;           /* andningsutrymme mellan raderna */
}

body:not(.wp-admin) .pgb-list .pgb-link {
  display: inline-block;         /* större klickyta */
  font-size: 20px;               /* större text */
  line-height: 1.4;              /* lite mer radavstånd */
  text-decoration: none;         /* ren länkstil – valfritt */
}

body:not(.wp-admin) .pgb-list .pgb-link:hover,
body:not(.wp-admin) .pgb-list .pgb-link:focus {
  text-decoration: underline;    /* visuellt svar vid hover/focus */
  outline: none;                 /* låt browsers default fokus vara borta */
}

/* (Valfritt) lite mellanrum ovanför listan */
body:not(.wp-admin) .pgb-files {
  margin-top: 16px;
}