/* ============================================================
   FXS Dashboard Skin v1.0.0 — modern dashboard look for /core
   Loaded last (priority 999) so it wins over theme styles.
   Deactivate the plugin to revert everything.
   ============================================================ */

/* ---------- Tokens & base ---------- */
body {
  --fxs-blue: #006fe5;
  --fxs-blue-dark: #005fc4;
  --fxs-ink: #0e1626;
  --fxs-text: #3d4451;
  --fxs-muted: #8a94a3;
  --fxs-line: #e6e9ee;
  --fxs-bg: #f3f5f8;
  --fxs-card: #ffffff;
  --fxs-sidebar: #0c1322;
  --fxs-radius: 14px;
  background: var(--fxs-bg) !important;
  color: #2b3443;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 { letter-spacing: -0.01em; }

a { color: var(--fxs-blue); }
a:hover, a:focus { color: var(--fxs-blue-dark); }

img.avatar { border-radius: 50% !important; }

/* ---------- Buttons ---------- */
.btn-primary, .button-primary, button.button-primary, input[type="submit"].button-primary,
#aw-whats-new-submit, #wp-submit {
  background-color: var(--fxs-blue) !important;
  border-color: var(--fxs-blue) !important;
  color: #fff !important;
  border-radius: 9px !important;
  font-weight: 700 !important;
}
.btn-primary:hover, .button-primary:hover, #aw-whats-new-submit:hover, #wp-submit:hover {
  background-color: var(--fxs-blue-dark) !important;
  border-color: var(--fxs-blue-dark) !important;
  color: #fff !important;
}

/* ---------- Form controls ---------- */
input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select {
  border: 1px solid #d5dbe3 !important;
  border-radius: 9px !important;
  background: #fff;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,
input[type="search"]:focus, textarea:focus, select:focus {
  border-color: var(--fxs-blue) !important;
  box-shadow: 0 0 0 3px rgba(0, 111, 229, 0.15) !important;
  outline: none !important;
}

/* ============================================================
   LEFT SIDEBAR
   ============================================================ */
#vertical-navigation.grimlock-vertical-navigation {
  background: var(--fxs-sidebar) !important;
  border: none !important;
}
#vertical-navigation .navbar-wrapper { background: transparent !important; }

/* Logo */
#vertical-navigation .vertical-navbar-brand { padding: 18px 20px 12px !important; }
#vertical-navigation .vertical-navbar-brand img { max-height: 38px; width: auto; }

/* Sidebar search */
#vertical-navigation .grimlock-vertical-navbar-search input.search-field {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #e8edf4 !important;
  border-radius: 999px !important;
}
#vertical-navigation .grimlock-vertical-navbar-search input.search-field::placeholder { color: rgba(232, 237, 244, 0.45); }
#vertical-navigation .grimlock-vertical-navbar-search .search-submit { color: rgba(232, 237, 244, 0.6) !important; }

/* Nav items */
#vertical-navigation #menu-left.vertical-navbar-nav { padding: 6px 0 24px !important; }
#vertical-navigation #menu-left li.menu-item > a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 2px 12px !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  color: rgba(233, 238, 245, 0.75) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  transition: background 0.15s ease, color 0.15s ease;
}
#vertical-navigation #menu-left li.menu-item > a:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
}
#vertical-navigation #menu-left li.menu-item.current-menu-item > a,
#vertical-navigation #menu-left li.menu-item.current_page_item > a {
  background: var(--fxs-blue) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(0, 111, 229, 0.35);
}
#vertical-navigation #menu-left .material-icons {
  font-size: 20px !important;
  opacity: 0.9;
  flex: 0 0 auto;
}
/* Section labels: Learn / Lounge / Contact */
#vertical-navigation #menu-left li > a[href="#"] {
  pointer-events: none !important;
  background: transparent !important;
  margin-top: 10px !important;
}
#vertical-navigation #menu-left li > a[href="#"] > div {
  padding-top: 0 !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

/* ============================================================
   TOP BAR
   ============================================================ */
#navigation.grimlock-navbar {
  background: rgba(255, 255, 255, 0.92) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--fxs-line) !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04);
}
#navigation .navbar-search input.search-field {
  background: #eef1f5 !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  padding: 8px 16px 8px 38px !important;
  font-size: 14px !important;
  min-width: 260px;
}
#navigation .navbar-search input.search-field:focus { background: #fff !important; }
#navigation .navbar-search .search-submit { color: var(--fxs-muted) !important; }

/* Icon buttons in top bar */
#navigation .navbar-nav--buddypress > li.menu-item > a {
  border-radius: 50% !important;
  width: 38px; height: 38px;
  display: inline-flex !important;
  align-items: center; justify-content: center;
  color: #5b6472 !important;
}
#navigation .navbar-nav--buddypress > li.menu-item > a:hover { background: #eef1f5 !important; color: var(--fxs-ink) !important; }
#navigation .menu-item--profile__name { font-weight: 600 !important; color: var(--fxs-ink) !important; }

/* ============================================================
   MAIN CONTENT — page header, composer, tabs, feed
   ============================================================ */
.grimlock--page-header .page-title.single-title {
  font-size: 23px !important;
  font-weight: 700 !important;
  color: var(--fxs-ink) !important;
  margin-bottom: 18px !important;
}

/* Cards */
#whats-new-form.card,
#activity-stream li.activity-item,
section.widget_custom_html {
  background: var(--fxs-card) !important;
  border: 1px solid var(--fxs-line) !important;
  border-radius: var(--fxs-radius) !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05) !important;
}

/* Composer */
#whats-new-form.card { padding: 18px 20px !important; margin-bottom: 18px !important; }
#whats-new-textarea textarea#whats-new {
  border: 1px solid #dfe4ea !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  min-height: 58px !important;
  font-size: 15px !important;
  background: #fafbfc !important;
}
#whats-new-submit { margin-top: 10px !important; }
#aw-whats-new-submit { padding: 10px 26px !important; font-size: 14.5px !important; }

/* Filter tabs — segmented control */
.item-list-tabs.activity-type-tabs { margin-bottom: 16px !important; }
.item-list-tabs.activity-type-tabs .item-list-tabs-ul {
  display: inline-flex !important;
  background: #e9edf2 !important;
  border-radius: 999px !important;
  padding: 4px !important;
  gap: 2px !important;
}
.item-list-tabs.activity-type-tabs li { margin: 0 !important; }
.item-list-tabs.activity-type-tabs li a {
  display: inline-flex !important;
  align-items: center;
  border-radius: 999px !important;
  padding: 8px 16px !important;
  color: #5b6472 !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  border: none !important;
  background: transparent !important;
}
.item-list-tabs.activity-type-tabs li a:hover { color: var(--fxs-ink) !important; }
.item-list-tabs.activity-type-tabs li.selected a {
  background: #fff !important;
  color: var(--fxs-ink) !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12) !important;
}
.item-list-tabs.activity-type-tabs li a span {
  background: #dde3ea !important;
  border-radius: 999px !important;
  padding: 1px 8px !important;
  font-size: 12px !important;
  margin-left: 7px !important;
  color: #5b6472 !important;
}
.item-list-tabs.activity-type-tabs li.selected a span { background: rgba(0, 111, 229, 0.12) !important; color: var(--fxs-blue) !important; }

/* "Everything" dropdown */
.dir-filter .select-style select {
  border: 1px solid #dfe4ea !important;
  border-radius: 9px !important;
  padding: 8px 12px !important;
  background: #fff !important;
  font-size: 13.5px !important;
  color: var(--fxs-text) !important;
}

/* Activity items */
#activity-stream { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#activity-stream li.activity-item {
  padding: 20px 22px !important;
  margin: 0 0 16px !important;
}
#activity-stream .activity-header p { margin: 0 !important; }
#activity-stream .activity-header a { color: var(--fxs-ink) !important; font-weight: 650 !important; }
#activity-stream .activity-header a:hover { color: var(--fxs-blue) !important; }
#activity-stream .activity-time-since .time-since { color: var(--fxs-muted) !important; font-size: 13px !important; }
#activity-stream .activity-inner { color: var(--fxs-text) !important; font-size: 14.5px !important; line-height: 1.62 !important; margin-top: 8px !important; }
#activity-stream .activity-avatar img.avatar { width: 46px !important; height: 46px !important; }

/* Comment / like actions */
#activity-stream a.acomment-reply {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  background: #f1f4f8 !important;
  border-radius: 8px !important;
  padding: 7px 14px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  color: #5b6472 !important;
}
#activity-stream a.acomment-reply:hover { background: #e6ebf2 !important; color: var(--fxs-ink) !important; }
#activity-stream .wp_ulike_btn {
  background: #f1f4f8 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 7px 12px !important;
}
#activity-stream .wp_ulike_counter_up { font-weight: 700 !important; color: #5b6472 !important; }

/* Load more */
#main a[href*="acpage"] {
  display: inline-block !important;
  background: #fff !important;
  border: 1px solid #dfe4ea !important;
  border-radius: 999px !important;
  padding: 11px 30px !important;
  font-weight: 600 !important;
  color: var(--fxs-ink) !important;
}
#main a[href*="acpage"]:hover { border-color: var(--fxs-blue) !important; color: var(--fxs-blue) !important; }

/* ============================================================
   RIGHT WIDGETS
   ============================================================ */
section.widget_custom_html { padding: 18px 20px !important; margin-bottom: 16px !important; }
section.widget_custom_html .widget-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--fxs-muted) !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: none !important;
}

/* ============================================================
   LOG-IN PAGE (page-id-2535) — clean centered card
   ============================================================ */
body.page-id-2535 { background: #eef1f5 !important; }
body.page-id-2535 .subway-login-form,
body.page-id-2535 .subway-login-sucessfull {
  max-width: 440px !important;
  margin: 48px auto !important;
  padding: 34px 32px !important;
  background: #fff !important;
  border: 1px solid var(--fxs-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 34px rgba(16, 24, 40, 0.1) !important;
  float: none !important;
}
body.page-id-2535 .subway-login-form__actions h3 {
  text-align: center !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  color: var(--fxs-ink) !important;
  margin: 0 0 6px !important;
}
body.page-id-2535 #loginform .login-username,
body.page-id-2535 #loginform .login-password { margin-bottom: 14px !important; float: none !important; width: 100% !important; }
body.page-id-2535 #loginform label { display: block; font-weight: 600; margin-bottom: 6px; color: #333; font-size: 14px; }
body.page-id-2535 #user_login, body.page-id-2535 #user_pass {
  width: 100% !important;
  padding: 12px 14px !important;
  font-size: 16px !important;
}
body.page-id-2535 #loginform .login-remember { float: left !important; margin: 4px 0 18px !important; }
body.page-id-2535 #loginform .subway-login-lost-password { float: right !important; margin: 4px 0 18px !important; }
body.page-id-2535 #loginform .login-submit { clear: both !important; margin: 0 !important; }
body.page-id-2535 #wp-submit { width: 100% !important; padding: 14px !important; font-size: 16.5px !important; }
body.page-id-2535 .vc_empty_space,
body.page-id-2535 .wpb_row:empty,
body.page-id-2535 .vc_row:empty { display: none !important; }
@media (max-width: 480px) {
  body.page-id-2535 .subway-login-form { margin: 24px 16px !important; padding: 26px 22px !important; }
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 991px) {
  #activity-stream li.activity-item { padding: 16px !important; }
  .item-list-tabs.activity-type-tabs .item-list-tabs-ul { flex-wrap: wrap; border-radius: 14px; }
}