/* Vinted-like chrome: sidebar, header, topic chrome */

:root {
  --vf-teal: #09b1ba;
  --vf-teal-dark: #007782;
  --vf-ink: #1a1a1a;
  --vf-muted: #6b7280;
  --vf-line: #e4e7ea;
  --vf-head: #eef3f4;
  --vf-bg: #f5f6f7;
}

/* Emblem + VForumas as one lockup, not two WP defaults */
.site-header .site-branding,
.sticky-header .site-branding,
.buddyx-mobile-header .site-branding {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 0 !important;
}
.site-header .site-logo-wrapper,
.site-header .custom-logo-link,
.sticky-header .site-logo-wrapper,
.sticky-header .custom-logo-link {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  flex: 0 0 auto;
}
.site-header .custom-logo,
.site-header .site-branding img,
.site-header .buddyx-logo img,
.sticky-header .custom-logo,
.buddyx-mobile-header .custom-logo {
  width: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  max-width: 40px !important;
  filter: none !important;
  display: block !important;
}
.site-header .site-branding-inner {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.site-header .site-title,
.sticky-header .site-title,
.site-branding .site-title {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em;
  line-height: 1 !important;
}
.site-title a,
.site-branding .site-title a,
.site-header .site-title a {
  color: var(--vf-teal-dark) !important;
  text-decoration: none !important;
}
.site-header .site-description,
.site-branding .site-description {
  display: none !important;
}
@media (max-width: 782px) {
  .site-header .custom-logo,
  .site-header .site-branding img,
  .buddyx-mobile-header .custom-logo {
    width: 32px !important;
    height: 32px !important;
    max-height: 32px !important;
    max-width: 32px !important;
  }
  .site-header .site-title,
  .site-branding .site-title {
    font-size: 20px !important;
  }
  .site-header .site-branding {
    gap: 6px !important;
  }
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
  color: var(--vf-teal-dark) !important;
}

/* Sidebar = compact Vinted boxes */
#secondary.widget-area,
.primary-sidebar,
.bbpress-sidebar,
aside.widget-area {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

#secondary .widget,
.primary-sidebar .widget,
.bbpress-sidebar .widget,
aside.widget-area .widget {
  background: #fff;
  border: 1px solid var(--vf-line);
  border-radius: 2px;
  box-shadow: none;
  margin: 0 0 14px;
  padding: 0 !important;
  overflow: hidden;
}

#secondary .widget-title,
.primary-sidebar .widget-title,
.bbpress-sidebar .widget-title,
aside.widget-area .widget-title,
#secondary h2,
.primary-sidebar h2 {
  background: var(--vf-teal);
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 0 !important;
  text-transform: none;
}

#secondary .widget > ul,
#secondary .widget > div,
#secondary .widget > form,
#secondary .widget > p,
.primary-sidebar .widget > ul,
.primary-sidebar .widget > div,
.primary-sidebar .widget > form,
.bbpress-sidebar .widget > ul,
.bbpress-sidebar .widget > div,
.bbpress-sidebar .widget > form,
aside.widget-area .widget > ul,
aside.widget-area .widget > p {
  padding: 10px 12px;
  margin: 0;
}

#secondary .widget li,
.primary-sidebar .widget li,
.bbpress-sidebar .widget li {
  border-bottom: 1px solid var(--vf-line);
  padding: 6px 0;
  margin: 0;
  line-height: 1.35;
}

#secondary .widget li:last-child,
.primary-sidebar .widget li:last-child {
  border-bottom: 0;
}

#secondary .widget a,
.primary-sidebar .widget a,
.bbpress-sidebar .widget a {
  color: var(--vf-teal-dark);
  text-decoration: none;
}

#secondary .widget a:hover,
.primary-sidebar .widget a:hover {
  color: var(--vf-teal);
  text-decoration: underline;
}

#secondary .widget .avatar,
.primary-sidebar .widget .avatar {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
}

.bbp-search-form input[type="text"],
#secondary .bbp-search-form input[type="text"],
.widget_display_search input[type="text"] {
  width: 100% !important;
  border: 1px solid var(--vf-line) !important;
  border-radius: 2px !important;
  padding: 7px 8px !important;
  font-size: 13px;
}

.bbp-search-form input[type="submit"],
.widget_display_search input[type="submit"],
.bbp_widget_login .button,
.bbp-login-form .button,
.widget_display_login .button {
  background: var(--vf-teal) !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 2px !important;
  padding: 7px 12px !important;
  font-weight: 600;
}

.bbp_widget_login label,
.bbp-login-form label,
.widget_display_login label {
  display: block;
  font-size: 12px;
  color: var(--vf-muted);
  margin: 6px 0 2px;
}

.bbp_widget_login input[type="text"],
.bbp_widget_login input[type="password"],
.bbp-login-form input[type="text"],
.bbp-login-form input[type="password"] {
  width: 100%;
  border: 1px solid var(--vf-line);
  border-radius: 2px;
  padding: 6px 8px;
}

.vf-member-count {
  font-size: 13px;
  color: var(--vf-ink);
}

/* Topic chrome */
#bbpress-forums .bbp-breadcrumb p,
.bbp-breadcrumb {
  font-size: 13px;
  color: var(--vf-muted);
}

#bbpress-forums .bbp-breadcrumb a {
  color: var(--vf-teal-dark);
}

body.single-topic h1,
body.bbpress .entry-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--vf-ink);
}

/* Hide unused English left-column WP blocks if they appear */
.sidebar-left .widget_block,
#secondary-left .widget_archives,
.widget_categories {
  display: none;
}

.vf-reg-errors {
  max-width: 460px;
  margin: 0 auto 16px;
  padding: 12px 14px;
  background: #fff4f4;
  border: 1px solid #e8b4b4;
  border-radius: 8px;
  color: #8a1f1f;
  font-size: 14px;
  line-height: 1.4;
}
.vf-reg-errors p {
  margin: 0 0 6px;
}
.vf-reg-errors p:last-child {
  margin: 0;
}