/* Scoped to catalog navigation and user publication forms; never admin/home. */
#listings-taxonomy-chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  min-width: 0;
  max-width: 100%;
  padding: 3px 2px 8px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
#listings-taxonomy-chips::-webkit-scrollbar { display: none; }
#listings-taxonomy-chips .lang-chip {
  position: relative;
  flex: 0 0 auto;
  min-height: 44px;
  padding: 9px 0 11px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #6b6d74;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
}
#listings-taxonomy-chips .lang-chip::before { content: none; }
#listings-taxonomy-chips .lang-chip::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 2px;
  background: transparent;
}
#listings-taxonomy-chips .lang-chip--active { color: #171717; font-weight: 600; }
#listings-taxonomy-chips .lang-chip--active::after { background: #171717; }
#search-results-tabs,
.localized-content-editor:not(.localized-content-editor--admin) .localized-content-editor__tabs,
.publication-contact-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 4px;
  padding: 4px;
  min-width: 0;
  width: 100%;
  border: 0;
  border-radius: 999px;
  background: #eceef1;
  overflow: visible;
}
#search-results-tabs { max-width: 560px; }
.publication-contact-tabs {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 3px;
  padding: 3px;
  border-radius: 14px;
}
.publication-contact-tabs button {
  min-height: 42px;
  padding: 6px 3px;
  border-radius: 11px;
}
.publication-contact-tabs button svg {
  width: 21px;
  height: 21px;
}
.publication-contact-tabs button[data-filled="true"] {
  position: relative;
}
.publication-contact-tabs button[data-filled="true"]::after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #259469;
}
#search-results-tabs .search-results-tab,
.localized-content-editor:not(.localized-content-editor--admin) .localized-content-editor__tabs .lang-chip,
.publication-contact-tabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 40px;
  padding: 8px 6px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  color: #6b6d74;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: normal;
  text-align: center;
  cursor: pointer;
  transition: background-color 140ms ease, color 140ms ease;
}
#search-results-tabs .search-results-tab.active,
.localized-content-editor:not(.localized-content-editor--admin) .localized-content-editor__tabs .lang-chip--active,
.publication-contact-tabs button[aria-selected="true"] {
  background: #fff;
  color: #171717;
  box-shadow: 0 1px 3px rgb(18 24 32 / 7%);
}
.localized-content-editor:not(.localized-content-editor--admin) {
  grid-column: 1 / -1;
  container: publication-editor / inline-size;
  padding: 0;
  border: 0;
  background: transparent;
}
.localized-content-editor:not(.localized-content-editor--admin) .localized-content-editor__tabs { margin-bottom: 16px; }
.localized-content-editor:not(.localized-content-editor--admin) .localized-content-editor__status {
  display: block;
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  background: #218463;
  visibility: hidden;
}
.localized-content-editor:not(.localized-content-editor--admin) .lang-chip--filled .localized-content-editor__status { visibility: visible; }
.localized-content-editor:not(.localized-content-editor--admin) .form-input,
.localized-content-editor:not(.localized-content-editor--admin) .form-textarea,
.publication-contacts .form-input {
  border-radius: 13px;
  border-color: #dedee3;
  background: #fff;
}
.localized-content-editor:not(.localized-content-editor--admin) .error,
.publication-contacts .form-input.error { border-color: var(--danger, #d14343); }
.localized-content-editor:not(.localized-content-editor--admin) .char-counter { text-align: right; }
.localized-content-editor:not(.localized-content-editor--admin) .localized-content-editor__translation-panels {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.publication-contacts { grid-column: 1 / -1; min-width: 0; }
.publication-contact-tabs { grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 420px; margin-bottom: 16px; }
.publication-contact-tabs svg { width: 22px; height: 22px; flex-shrink: 0; }
.publication-contact-tabs button[data-filled="true"] { color: #218463; }
.publication-contacts [hidden], .localized-content-editor [hidden] { display: none !important; }
.publication-contacts + .form-group { grid-column: 1 / -1; }
#listings-taxonomy-chips button:focus-visible,
#search-results-tabs button:focus-visible,
.localized-content-editor:not(.localized-content-editor--admin) button:focus-visible,
.publication-contact-tabs button:focus-visible { outline: 2px solid #6b6d74; outline-offset: 2px; }
#listings-taxonomy-chips button:hover { color: #171717; }
.publication-contact-tabs button:hover,
.localized-content-editor:not(.localized-content-editor--admin) .lang-chip:hover,
#search-results-tabs .search-results-tab:hover { background-color: rgb(255 255 255 / 55%); }
#search-results-tabs .search-results-tab.active:hover,
.localized-content-editor:not(.localized-content-editor--admin) .lang-chip--active:hover,
.publication-contact-tabs button[aria-selected="true"]:hover { background-color: #fff; }
@media (max-width: 360px) {
  #search-results-tabs .search-results-tab,
  .localized-content-editor:not(.localized-content-editor--admin) .localized-content-editor__tabs .lang-chip { font-size: 12px; padding-inline: 3px; }
}
@container publication-editor (max-width: 320px) {
  .localized-content-editor:not(.localized-content-editor--admin) .localized-content-editor__tabs .lang-chip {
    font-size: 12px;
    padding-inline: 2px;
    gap: 3px;
  }
}
@container publication-editor (max-width: 260px) {
  .localized-content-editor:not(.localized-content-editor--admin) .localized-content-editor__status {
    position: absolute;
    right: 5px;
    bottom: 5px;
  }
}
@media (max-width: 600px) { .publication-contact-tabs { max-width: none; } }
@media (prefers-reduced-motion: reduce) {
  #search-results-tabs .search-results-tab,
  .localized-content-editor .lang-chip,
  .publication-contact-tabs button { transition: none; }
}

.publication-contact-website{margin-top:14px;}
@media(max-width:600px){.publication-contact-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.publication-contact-tabs button{min-width:0;padding-inline:4px}}

/* QA: contact methods are always one equal five-column row. */
.publication-contacts .publication-contact-tabs{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0,1fr);
  width:100%;
  max-width:none;
  gap:3px;
}
.publication-contacts .publication-contact-tabs > button{
  width:100%;
  min-width:0;
  margin:0;
}
.publication-contacts .publication-contact-website{
  display:block;
  width:100%;
  margin-top:14px;
}

/* Final contact control geometry: shared shell only slightly larger than active pill. */
.publication-contacts .publication-contact-tabs{
  padding:3px !important;
  gap:2px !important;
  min-height:0;
  border-radius:999px !important;
  background:#eceef1;
}
.publication-contacts .publication-contact-tabs > button{
  min-height:46px;
  padding:5px 2px !important;
  border-radius:999px !important;
}

.publication-contact-tabs button[data-filled="true"]::after{display:none !important;content:none !important}
.publication-contact-tabs button[data-filled="true"]{color:#218463 !important}
.publication-contact-website{margin-top:0}

.publication-contact-website > label{display:flex;align-items:center;gap:7px}
.publication-contact-website__icon{width:20px;height:20px;color:#6b6d74;flex:0 0 auto}

/* Account forms share the compact current-type treatment used by /create. */
.account-publication-type-field{display:none}
.account-publication-type-field.publication-type-fieldset--visible{display:block}
.account-card-form .publication-current{margin-bottom:16px}
.account-card-form .publication-current__row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-card-form .publication-current__value{font-weight:650}

/* Compact directions: selected values stay visible, + expands the full choice panel. */
.publication-directions__add,.publication-directions__done{min-width:36px;font-weight:700}
#direction-chips,#account-card-direction-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:132px;overflow-y:auto}

.publication-upload-progress{margin:8px 0 10px}
.publication-upload-progress__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:12px;color:#666b74}
.publication-upload-progress__track{height:4px;border-radius:999px;background:#eceef1;overflow:hidden}
.publication-upload-progress__track>span{display:block;height:100%;border-radius:inherit;background:#218463;transition:width .25s ease}

.publication-photo-progress{margin:10px 0 12px}
.publication-photo-progress.hidden{display:none}
.publication-photo-progress__row{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;color:#686d75}
.publication-photo-progress__track{height:4px;border-radius:999px;background:#e7e8eb;overflow:hidden}
.publication-photo-progress__track>span{display:block;width:0;height:100%;border-radius:inherit;background:#1f8a63;transition:width .2s ease}
.publication-photo-progress[data-state="error"] .publication-photo-progress__track>span{background:#c94b4b}

.publication-collapse{margin-left:auto;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#f0f1f3;color:#555b64;cursor:pointer}
.publication-collapse svg{width:20px;height:20px;transition:transform .18s ease}
.publication-form--collapsed .publication-collapse svg{transform:rotate(180deg)}
.account-card-form.publication-form--collapsed>:not(.admin-card__header){display:none!important}

/* The administrative create page shares the public form without guest access fields. */
body.admin-publication-page #guest-account-group,
body.admin-publication-page #cookie-consent { display: none !important; }
body.admin-publication-page .admin-create-back { margin-bottom: 16px; }