@import url("./cyberdom-theme-tokens.css");

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  --cd-brand-accent: #592b4f;
  --cd-brand-accent-2: #6b355f;
  --cd-brand-accent-3: #30162a;
  --cd-brand-bg-deep: #2b1024;
  --cd-brand-text: #ffffff;
  --cd-brand-text-muted: #eadceb;
  --cd-brand-acid: #beff3d;
  --cd-brand-hover: #8d46d8;
  --cd-brand-surface: rgba(89, 43, 79, 0.78);
  --cd-brand-surface-2: rgba(58, 22, 47, 0.88);
  --cd-brand-border: rgba(190, 255, 61, 0.24);
  --cd-brand-border-soft: rgba(255, 255, 255, 0.12);
  --cd-light-bg: #ffffff;
  --cd-light-text: #161616;
  --cd-light-muted: #4a4a4a;
  --cd-light-link: #592b4f;
  --cd-font-sans: "Manrope", "Montserrat", "Inter", Arial, sans-serif;
  --cd-font-mono: "IBM Plex Mono", "JetBrains Mono", Consolas, monospace;
  --cd-brand-gradient-main: linear-gradient(180deg, #6b355f 0%, #592b4f 45%, #2b1024 100%);
  --gin-color-primary:#460c29 !important;
  --gin-color-primary-rgb:70, 12, 41 !important;
  --gin-color-primary-hover:#3a0b22 !important;
  --gin-color-primary-active:#2c071a !important;
  --cyberdom-accent:#592b4f !important;
}

html,
body,
.dialog-off-canvas-main-canvas {
  font-family: var(--cd-font-sans);
  background: var(--cd-brand-gradient-main);
  color: var(--cd-brand-text);
}

body,
button,
input,
select,
textarea,
.form-control,
.form-element {
  font-family: var(--cd-font-sans);
}

code,
pre,
kbd,
samp {
  font-family: var(--cd-font-mono);
}

/* top menu and footer: solid brand accent */
.region-navigation,
.region-header,
.navbar,
.navbar-default,
.header,
.site-header,
.topbar,
.region-footer,
.footer,
.site-footer,
.page-footer {
  background: var(--cd-brand-accent) !important;
  background-image: none !important;
  border-color: var(--cd-brand-border-soft) !important;
  box-shadow: none !important;
}

.region-navigation,
.region-header,
.navbar,
.navbar-default,
.header,
.site-header,
.topbar,
.region-footer,
.footer,
.site-footer,
.page-footer,
.region-navigation *,
.region-header *,
.navbar *,
.navbar-default *,
.header *,
.site-header *,
.topbar *,
.region-footer *,
.footer *,
.site-footer *,
.page-footer * {
  color: var(--cd-brand-text);
}

.region-navigation a,
.region-header a,
.navbar a,
.navbar-default a,
.header a,
.site-header a,
.topbar a,
.region-footer a,
.footer a,
.site-footer a,
.page-footer a {
  color: var(--cd-brand-text) !important;
  text-decoration: none;
}

.region-navigation a:hover,
.region-navigation a:focus,
.region-header a:hover,
.region-header a:focus,
.navbar a:hover,
.navbar a:focus,
.navbar-default a:hover,
.navbar-default a:focus,
.header a:hover,
.header a:focus,
.site-header a:hover,
.site-header a:focus,
.topbar a:hover,
.topbar a:focus,
.region-footer a:hover,
.region-footer a:focus,
.footer a:hover,
.footer a:focus,
.site-footer a:hover,
.site-footer a:focus,
.page-footer a:hover,
.page-footer a:focus,
.menu a:hover,
.menu a:focus,
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li.is-active > a,
.nav > li.active > a {
  color: var(--cd-brand-acid) !important;
  background: transparent !important;
}

body,
.dialog-off-canvas-main-canvas,
.layout-container,
main,
.main-container {
  background: var(--cd-brand-gradient-main);
  color: var(--cd-brand-text);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .page-title,
body .card__title,
body .panel-title,
body legend,
body .block-title {
  color: var(--cd-brand-text);
}

body p,
body li,
body label,
body small,
body .description,
body .help-block,
body .form-item__description {
  color: var(--cd-brand-text-muted);
}

body a {
  color: var(--cd-brand-acid);
}

.card,
.panel,
.block,
.messages,
.alert,
fieldset,
.well,
.dropdown-menu,
.popover,
.modal-content,
.list-group-item,
.views-exposed-form,
.view-empty {
  background: var(--cd-brand-surface) !important;
  color: var(--cd-brand-text) !important;
  border: 1px solid var(--cd-brand-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(4px);
}

input:not([type="checkbox"]):not([type="radio"]),
textarea,
select,
.form-control,
.form-text,
.form-email,
.form-search,
.form-select {
  background: var(--cd-brand-surface-2) !important;
  color: var(--cd-brand-text) !important;
  border: 1px solid rgba(190, 255, 61, 0.36) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(234, 220, 235, 0.78) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: var(--cd-brand-acid) !important;
  box-shadow: 0 0 0 1px rgba(190, 255, 61, 0.28) !important;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--cd-brand-acid);
}

.btn,
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  border-radius: 0 !important;
  box-shadow: none !important;
  font-weight: 700;
}

.btn-primary,
.btn-success,
.button--primary,
button.button--primary,
input[type="submit"],
.form-submit {
  background: var(--cd-brand-acid) !important;
  color: var(--cd-brand-accent) !important;
  border: 1px solid var(--cd-brand-acid) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus,
.button--primary:hover,
.button--primary:focus,
button.button--primary:hover,
button.button--primary:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.form-submit:hover,
.form-submit:focus {
  background: var(--cd-brand-hover) !important;
  color: var(--cd-brand-text) !important;
  border-color: var(--cd-brand-hover) !important;
}

.btn-default,
.btn-secondary,
.button:not(.button--primary):not(.btn-primary):not(.btn-success) {
  background: rgba(255,255,255,.08) !important;
  color: var(--cd-brand-text) !important;
  border: 1px solid var(--cd-brand-border-soft) !important;
}

.table,
table,
.views-table {
  color: var(--cd-brand-text);
  border-color: var(--cd-brand-border-soft) !important;
}

thead th,
.table > thead > tr > th,
.views-table thead th {
  color: var(--cd-brand-acid) !important;
  background: rgba(48, 22, 42, 0.92) !important;
  border-color: var(--cd-brand-border-soft) !important;
}

tbody td,
tbody th,
.table > tbody > tr > td,
.table > tbody > tr > th,
.views-table tbody td,
.views-table tbody th {
  border-color: var(--cd-brand-border-soft) !important;
  background: rgba(89, 43, 79, 0.32) !important;
}

.nav-tabs,
.tabs--primary,
.tabs--secondary {
  border-color: var(--cd-brand-border-soft) !important;
}

.nav-tabs > li > a,
.tabs--primary li a,
.tabs--secondary li a {
  color: var(--cd-brand-text) !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.tabs--primary li.is-active a,
.tabs--secondary li.is-active a {
  color: var(--cd-brand-acid) !important;
  background: rgba(48, 22, 42, 0.94) !important;
  border-color: var(--cd-brand-border) !important;
}

.badge,
.label,
.tag,
.social-tag,
.topic,
.taxonomy-term {
  background: rgba(190, 255, 61, 0.12) !important;
  color: var(--cd-brand-acid) !important;
  border: 1px solid rgba(190, 255, 61, 0.24) !important;
  border-radius: 0 !important;
}

/* breadcrumbs */
#block-cyberdom-breadcrumbs,
.block-cyberdom-breadcrumbs,
.block-system-breadcrumb-block {
  background: var(--cd-brand-accent-3) !important;
  color: #ffffff !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

#block-cyberdom-breadcrumbs *,
.block-cyberdom-breadcrumbs *,
.block-system-breadcrumb-block * {
  color: #ffffff !important;
}

#block-cyberdom-breadcrumbs .breadcrumb,
.block-cyberdom-breadcrumbs .breadcrumb,
.block-system-breadcrumb-block .breadcrumb,
.breadcrumb .breadcrumb {
  background: transparent !important;
  margin: 0 !important;
  padding: 2px 1rem !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  min-height: auto !important;
  border: 0 !important;
}

#block-cyberdom-breadcrumbs .breadcrumb a,
.block-cyberdom-breadcrumbs .breadcrumb a,
.block-system-breadcrumb-block .breadcrumb a,
#block-cyberdom-breadcrumbs .breadcrumb li,
.block-cyberdom-breadcrumbs .breadcrumb li,
.block-system-breadcrumb-block .breadcrumb li,
#block-cyberdom-breadcrumbs .breadcrumb span,
.block-cyberdom-breadcrumbs .breadcrumb span,
.block-system-breadcrumb-block .breadcrumb span {
  color: #ffffff !important;
}

#block-cyberdom-breadcrumbs .breadcrumb a:hover,
#block-cyberdom-breadcrumbs .breadcrumb a:focus,
.block-cyberdom-breadcrumbs .breadcrumb a:hover,
.block-cyberdom-breadcrumbs .breadcrumb a:focus,
.block-system-breadcrumb-block .breadcrumb a:hover,
.block-system-breadcrumb-block .breadcrumb a:focus {
  color: var(--cd-brand-acid) !important;
}

/* light-surface safety */
.bg-white,
.card--light,
.ui-widget-content,
.ck-content,
.ck-editor__editable_inline,
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#ffffff"],
[style*="background: #ffffff"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"],
[style*="background:rgb(255, 255, 255)"],
[style*="background-color:rgb(255, 255, 255)"] {
  color: var(--cd-light-text) !important;
}

.bg-white p,
.bg-white li,
.bg-white label,
.bg-white small,
.card--light p,
.card--light li,
.card--light label,
.card--light small,
.ck-content p,
.ck-content li,
.ck-content label,
.ck-content small,
.ck-editor__editable_inline p,
.ck-editor__editable_inline li,
.ck-editor__editable_inline label,
.ck-editor__editable_inline small,
[style*="background:#fff"] p,
[style*="background:#fff"] li,
[style*="background:#fff"] label,
[style*="background:#fff"] small,
[style*="background:#ffffff"] p,
[style*="background:#ffffff"] li,
[style*="background:#ffffff"] label,
[style*="background:#ffffff"] small,
[style*="background-color:#fff"] p,
[style*="background-color:#fff"] li,
[style*="background-color:#fff"] label,
[style*="background-color:#fff"] small,
[style*="background-color:#ffffff"] p,
[style*="background-color:#ffffff"] li,
[style*="background-color:#ffffff"] label,
[style*="background-color:#ffffff"] small {
  color: var(--cd-light-muted) !important;
}

.bg-white a,
.card--light a,
.ck-content a,
.ck-editor__editable_inline a,
[style*="background:#fff"] a,
[style*="background:#ffffff"] a,
[style*="background-color:#fff"] a,
[style*="background-color:#ffffff"] a {
  color: var(--cd-light-link) !important;
}

.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6,
.card--light h1,
.card--light h2,
.card--light h3,
.card--light h4,
.card--light h5,
.card--light h6,
.ck-content h1,
.ck-content h2,
.ck-content h3,
.ck-content h4,
.ck-content h5,
.ck-content h6,
.ck-editor__editable_inline h1,
.ck-editor__editable_inline h2,
.ck-editor__editable_inline h3,
.ck-editor__editable_inline h4,
.ck-editor__editable_inline h5,
.ck-editor__editable_inline h6 {
  color: var(--cd-light-text) !important;
}

/* CYBERDOM_FRONTEND_ACCENT_START */
.card__nested-section{
  background:var(--cyberdom-purple)!important;
  color:var(--cyberdom-accent-contrast)!important;
}

.card__nested-section .card__title,
.card__nested-section .card__subtitle,
.card__nested-section .fieldset__label,
.card__nested-section .form-item__label,
.card__nested-section label,
.card__nested-section legend,
.card__nested-section .description,
.card__nested-section .help-block,
.card__nested-section .form-item__description,
.card__nested-section p,
.card__nested-section li,
.card__nested-section a{
  color:var(--cyberdom-accent-contrast)!important;
}

button.button--primary,
input.button.button--primary,
a.button.button--primary,
.btn.btn-flat.waves-effect.waves-btn,
a.btn.btn-flat.waves-effect.waves-btn,
button.btn.btn-flat.waves-effect.waves-btn{
  background:var(--cyberdom-accent)!important;
  border-color:var(--cyberdom-accent)!important;
  color:var(--cyberdom-accent-contrast)!important;
  opacity:1!important;
}

button.button--primary *,
input.button.button--primary *,
a.button.button--primary *,
.btn.btn-flat.waves-effect.waves-btn *,
a.btn.btn-flat.waves-effect.waves-btn *,
button.btn.btn-flat.waves-effect.waves-btn *{
  color:inherit!important;
}

button.button--primary svg,
input.button.button--primary svg,
a.button.button--primary svg,
.btn.btn-flat.waves-effect.waves-btn svg,
a.btn.btn-flat.waves-effect.waves-btn svg,
button.btn.btn-flat.waves-effect.waves-btn svg,
button.button--primary i,
input.button.button--primary i,
a.button.button--primary i,
.btn.btn-flat.waves-effect.waves-btn i,
a.btn.btn-flat.waves-effect.waves-btn i,
button.btn.btn-flat.waves-effect.waves-btn i{
  fill:currentColor!important;
  color:currentColor!important;
}

button.button--primary:hover,
button.button--primary:focus,
input.button.button--primary:hover,
input.button.button--primary:focus,
a.button.button--primary:hover,
a.button.button--primary:focus,
.btn.btn-flat.waves-effect.waves-btn:hover,
.btn.btn-flat.waves-effect.waves-btn:focus,
a.btn.btn-flat.waves-effect.waves-btn:hover,
a.btn.btn-flat.waves-effect.waves-btn:focus,
button.btn.btn-flat.waves-effect.waves-btn:hover,
button.btn.btn-flat.waves-effect.waves-btn:focus{
  background:var(--cyberdom-accent)!important;
  border-color:var(--cyberdom-accent)!important;
  color:var(--cyberdom-accent-contrast)!important;
}
/* CYBERDOM_FRONTEND_ACCENT_END */

/* CYBERDOM_PROFILE_TAG_BUTTONS_START */
/* user/*/profile: tag checkboxes as inline purple chips + transparent content wrappers */

body.path-user .profile-profile-edit-form .form-checkboxes {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 10px !important;
  column-count: auto !important;
  columns: auto !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

body.path-user .profile-profile-edit-form .form-checkboxes > .form-item.checkbox,
body.path-user .profile-profile-edit-form .form-checkboxes > .checkbox.form-group {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.path-user .profile-profile-edit-form .form-checkboxes > .form-item.checkbox + .form-item.checkbox {
  margin-top: 0 !important;
}

body.path-user .profile-profile-edit-form .form-checkboxes .form-checkbox {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.path-user .profile-profile-edit-form .form-checkboxes label.control-label.option {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border: 1px solid var(--cyberdom-accent, var(--cyberdom-purple)) !important;
  border-radius: 999px !important;
  background: var(--cyberdom-accent, var(--cyberdom-purple)) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  box-shadow: none !important;
  opacity: .38 !important;
  cursor: pointer !important;
  transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body.path-user .profile-profile-edit-form .form-checkboxes label.control-label.option::before,
body.path-user .profile-profile-edit-form .form-checkboxes label.control-label.option::after {
  display: none !important;
  content: none !important;
}

body.path-user .profile-profile-edit-form .form-checkboxes .form-checkbox:focus + label.control-label.option,
body.path-user .profile-profile-edit-form .form-checkboxes label.control-label.option:hover {
  opacity: .72 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .18) !important;
}

body.path-user .profile-profile-edit-form .form-checkboxes .form-checkbox:checked + label.control-label.option {
  opacity: 1 !important;
  filter: saturate(1.12) brightness(1.02) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .22) !important;
}

body.path-user .profile-profile-edit-form fieldset.fieldset,
body.path-user .profile-profile-edit-form .fieldset-wrapper,
body.path-user .profile-profile-edit-form .form-group,
body.path-user .profile-profile-edit-form .help-block {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.path-user main .card,
body.path-user main .panel,
body.path-user main .block,
body.path-user main .messages,
body.path-user main .alert,
body.path-user main fieldset,
body.path-user main .well,
body.path-user main .dropdown-menu,
body.path-user main .popover,
body.path-user main .modal-content,
body.path-user main .list-group-item,
body.path-user main .views-exposed-form,
body.path-user main .view-empty {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.path-user main .messages,
body.path-user main .alert,
body.path-user main .view-empty {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.path-user main fieldset > legend.control-label {
  border: 0 !important;
  margin-bottom: 8px !important;
}

/* CYBERDOM_PROFILE_TAG_BUTTONS_END */

/* CYBERDOM FRONTEND TAG CHIPS START */

/* =========================================================
   CYBERDOM TAG CHIPS
   Real markup on /user/*/profile:
   .form-item.checkbox.form-group > input.form-checkbox + label.control-label.option
   View mode on /user/*/information:
   .field--name-field-profile-* .field--item
   ========================================================= */

/* ---------- Shared view-mode chips ---------- */
.field--name-field-profile-hobbies .field__items,
.field--name-field-profile-prof-interests .field__items,
.field--name-field-profile-social-resp .field__items {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.field--name-field-profile-hobbies .field--item,
.field--name-field-profile-prof-interests .field--item,
.field--name-field-profile-social-resp .field--item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  padding: 5px 7px !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,0.30) !important;
  border-radius: 5px !important;
  background: var(--cyberdom-accent) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.14) !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  opacity: 1 !important;
}

.field--name-field-profile-hobbies .field--item:hover,
.field--name-field-profile-prof-interests .field--item:hover,
.field--name-field-profile-social-resp .field--item:hover {
  background: var(--cyberdom-accent) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

/* ---------- Edit-form chip containers ---------- */
body.path-user .profile-profile-edit-form .field--name-field-profile-hobbies .form-checkboxes,
body.path-user .profile-profile-edit-form .field--name-field-profile-prof-interests .form-checkboxes,
body.path-user .profile-profile-edit-form .field--name-field-profile-social-resp .form-checkboxes {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

body.path-user .profile-profile-edit-form .field--name-field-profile-hobbies .form-item.checkbox.form-group,
body.path-user .profile-profile-edit-form .field--name-field-profile-prof-interests .form-item.checkbox.form-group,
body.path-user .profile-profile-edit-form .field--name-field-profile-social-resp .form-item.checkbox.form-group {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  width: auto !important;
}

body.path-user .profile-profile-edit-form .field--name-field-profile-hobbies .form-item.checkbox.form-group::before,
body.path-user .profile-profile-edit-form .field--name-field-profile-hobbies .form-item.checkbox.form-group::after,
body.path-user .profile-profile-edit-form .field--name-field-profile-prof-interests .form-item.checkbox.form-group::before,
body.path-user .profile-profile-edit-form .field--name-field-profile-prof-interests .form-item.checkbox.form-group::after,
body.path-user .profile-profile-edit-form .field--name-field-profile-social-resp .form-item.checkbox.form-group::before,
body.path-user .profile-profile-edit-form .field--name-field-profile-social-resp .form-item.checkbox.form-group::after {
  display: none !important;
  content: none !important;
}

/* Hide native checkbox only inside the three tag fields */
body.path-user .profile-profile-edit-form .field--name-field-profile-hobbies input.form-checkbox,
body.path-user .profile-profile-edit-form .field--name-field-profile-prof-interests input.form-checkbox,
body.path-user .profile-profile-edit-form .field--name-field-profile-social-resp input.form-checkbox {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
}

/* ---------- The actual editable tags ---------- */
body.path-user .profile-profile-edit-form .field--name-field-profile-hobbies input.form-checkbox + label.control-label.option,
body.path-user .profile-profile-edit-form .field--name-field-profile-prof-interests input.form-checkbox + label.control-label.option,
body.path-user .profile-profile-edit-form .field--name-field-profile-social-resp input.form-checkbox + label.control-label.option {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 5px 7px !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 5px !important;
  background: var(--cyberdom-purple) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.10) !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  cursor: pointer !important;
  opacity: 0.72 !important;
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease !important;
  padding-left: 7px !important;
}

body.path-user .profile-profile-edit-form .field--name-field-profile-hobbies input.form-checkbox + label.control-label.option::before,
body.path-user .profile-profile-edit-form .field--name-field-profile-hobbies input.form-checkbox + label.control-label.option::after,
body.path-user .profile-profile-edit-form .field--name-field-profile-prof-interests input.form-checkbox + label.control-label.option::before,
body.path-user .profile-profile-edit-form .field--name-field-profile-prof-interests input.form-checkbox + label.control-label.option::after,
body.path-user .profile-profile-edit-form .field--name-field-profile-social-resp input.form-checkbox + label.control-label.option::before,
body.path-user .profile-profile-edit-form .field--name-field-profile-social-resp input.form-checkbox + label.control-label.option::after {
  display: none !important;
  content: none !important;
}

body.path-user .profile-profile-edit-form .field--name-field-profile-hobbies input.form-checkbox + label.control-label.option:hover,
body.path-user .profile-profile-edit-form .field--name-field-profile-prof-interests input.form-checkbox + label.control-label.option:hover,
body.path-user .profile-profile-edit-form .field--name-field-profile-social-resp input.form-checkbox + label.control-label.option:hover {
  background: var(--cyberdom-accent) !important;
  color: #ffffff !important;
  opacity: 0.92 !important;
  transform: translateY(-1px) !important;
}

body.path-user .profile-profile-edit-form .field--name-field-profile-hobbies input.form-checkbox:checked + label.control-label.option,
body.path-user .profile-profile-edit-form .field--name-field-profile-prof-interests input.form-checkbox:checked + label.control-label.option,
body.path-user .profile-profile-edit-form .field--name-field-profile-social-resp input.form-checkbox:checked + label.control-label.option {
  background: var(--cyberdom-accent) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  border-color: rgba(255,255,255,0.30) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

/* Plain helper labels must stay normal */
body.path-user .profile-profile-edit-form .field--name-field-profile-hobbies label.control-label:not(.option),
body.path-user .profile-profile-edit-form .field--name-field-profile-prof-interests label.control-label:not(.option),
body.path-user .profile-profile-edit-form .field--name-field-profile-social-resp label.control-label:not(.option) {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 0 6px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  text-align: left !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: default !important;
  transform: none !important;
}

/* Links inside rendered chips */
.field--name-field-profile-hobbies .field--item a,
.field--name-field-profile-prof-interests .field--item a,
.field--name-field-profile-social-resp .field--item a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Compact spacing */
.field--name-field-profile-hobbies .field--label,
.field--name-field-profile-prof-interests .field--label,
.field--name-field-profile-social-resp .field--label {
  margin-bottom: 8px !important;
}

.path-user .field--name-field-profile-hobbies,
.path-user .field--name-field-profile-prof-interests,
.path-user .field--name-field-profile-social-resp {
  margin-bottom: 14px !important;
}

/* CYBERDOM FRONTEND TAG CHIPS END */

/* CYBERDOM PROFILE INFO LINK ACCENT START */

body.path-user .list-item__text a[href^="mailto:"] {
  color: var(--cd-brand-acid) !important;
}

body.path-user .list-item__text a[href^="mailto:"]:hover,
body.path-user .list-item__text a[href^="mailto:"]:focus,
body.path-user .list-item__text a[href^="mailto:"]:active {
  color: var(--cd-brand-acid) !important;
}

/* CYBERDOM PROFILE INFO LINK ACCENT END */

/* CYBERDOM PROFILE LOCAL TASKS ALIGN START */
body.path-user .region--sidebar-first #block-cyberdom-local-tasks {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.path-user .region--sidebar-first #block-cyberdom-local-tasks .navbar-scrollable {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  gap: 0 !important;
}

body.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li {
  float: none !important;
  display: flex !important;
  flex: 0 1 auto !important;
  max-width: 100% !important;
}

body.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a {
  display: block !important;
  padding: 14px 16px !important;
  white-space: nowrap !important;
  text-align: center !important;
}

body.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li.active > a,
body.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a.is-active {
  display: block !important;
}
/* CYBERDOM PROFILE LOCAL TASKS ALIGN END */

/* CYBERDOM GIN USER EDIT TAG PILLS START */
/* Real markup from /user/*/edit with Gin toolbar:
   - not admin path, but frontend-reference-safe.css is attached
   - wrappers:
     #edit-profile-profiles-0-entity-field-profile-hobbies--wrapper
     #edit-profile-profiles-0-entity-field-profile-social-resp--wrapper
     #edit-profile-profiles-0-entity-field-profile-prof-interests--wrapper
   - options render as input.form-checkbox + label.option
*/

body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-hobbies .form-item,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-social-resp .form-item,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-prof-interests .form-item,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-hobbies .checkbox,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-social-resp .checkbox,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-prof-interests .checkbox {
  display: inline-flex !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-height: auto !important;
}

body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-hobbies.form-checkboxes,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-social-resp.form-checkboxes,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-prof-interests.form-checkboxes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: flex-start !important;
}

body.gin--vertical-toolbar input.form-checkbox[id^="edit-profile-profiles-0-entity-field-profile-hobbies-"],
body.gin--vertical-toolbar input.form-checkbox[id^="edit-profile-profiles-0-entity-field-profile-social-resp-"],
body.gin--vertical-toolbar input.form-checkbox[id^="edit-profile-profiles-0-entity-field-profile-prof-interests-"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  pointer-events: none !important;
}

body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-hobbies-"],
body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-social-resp-"],
body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-prof-interests-"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  border: 1px solid #d8c8dc !important;
  background: #efe7f2 !important;
  color: #30162a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: break-word !important;
  max-width: 100% !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-transform: none !important;
  min-height: auto !important;
  min-width: 0 !important;
}

body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-hobbies-"]::before,
body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-social-resp-"]::before,
body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-prof-interests-"]::before,
body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-hobbies-"]::after,
body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-social-resp-"]::after,
body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-prof-interests-"]::after {
  display: none !important;
  content: none !important;
}

body.gin--vertical-toolbar input.form-checkbox[id^="edit-profile-profiles-0-entity-field-profile-hobbies-"]:checked + label.option[for^="edit-profile-profiles-0-entity-field-profile-hobbies-"],
body.gin--vertical-toolbar input.form-checkbox[id^="edit-profile-profiles-0-entity-field-profile-social-resp-"]:checked + label.option[for^="edit-profile-profiles-0-entity-field-profile-social-resp-"],
body.gin--vertical-toolbar input.form-checkbox[id^="edit-profile-profiles-0-entity-field-profile-prof-interests-"]:checked + label.option[for^="edit-profile-profiles-0-entity-field-profile-prof-interests-"] {
  background: var(--cyberdom-accent) !important;
  border-color: var(--cyberdom-accent) !important;
  color: #ffffff !important;
}

body.gin--vertical-toolbar input.form-checkbox[id^="edit-profile-profiles-0-entity-field-profile-hobbies-"]:focus + label.option[for^="edit-profile-profiles-0-entity-field-profile-hobbies-"],
body.gin--vertical-toolbar input.form-checkbox[id^="edit-profile-profiles-0-entity-field-profile-social-resp-"]:focus + label.option[for^="edit-profile-profiles-0-entity-field-profile-social-resp-"],
body.gin--vertical-toolbar input.form-checkbox[id^="edit-profile-profiles-0-entity-field-profile-prof-interests-"]:focus + label.option[for^="edit-profile-profiles-0-entity-field-profile-prof-interests-"],
body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-hobbies-"]:hover,
body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-social-resp-"]:hover,
body.gin--vertical-toolbar label.option[for^="edit-profile-profiles-0-entity-field-profile-prof-interests-"]:hover {
  border-color: #b79ab8 !important;
  box-shadow: 0 0 0 2px rgba(89, 43, 79, 0.08) !important;
}

body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-hobbies--wrapper,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-social-resp--wrapper,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-prof-interests--wrapper {
  margin-bottom: 1rem !important;
}

body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-hobbies--wrapper .fieldset-wrapper,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-social-resp--wrapper .fieldset-wrapper,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-prof-interests--wrapper .fieldset-wrapper {
  display: block !important;
}

body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-hobbies--wrapper .help-block,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-social-resp--wrapper .help-block,
body.gin--vertical-toolbar #edit-profile-profiles-0-entity-field-profile-prof-interests--wrapper .help-block {
  margin-bottom: 8px !important;
}
/* CYBERDOM GIN USER EDIT TAG PILLS END */

/* CYBERDOM FRONT FIELD LABEL WEIGHT START */
body:not(.gin-admin-theme) .field--label {
  font-weight: 700 !important;
}
/* CYBERDOM FRONT FIELD LABEL WEIGHT END */

/* CYBERDOM USER INFO FIELD LABEL PADDING START */
body.path-user .view-user-information .field--label {
  padding-top: 8px !important;
}
/* CYBERDOM USER INFO FIELD LABEL PADDING END */

/* CYBERDOM USER HERO LOCAL TASKS COMPACT START */
body.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: visible !important;
}

body.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li {
  float: none !important;
  display: block !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a {
  display: block !important;
  padding: 8px 4px !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  text-align: center !important;
}
/* CYBERDOM USER HERO LOCAL TASKS COMPACT END */

/* CYBERDOM HERO CTA BUTTON START */
body.path-user .region--sidebar-first .hero-footer__cta .btn,
body.path-user .region--sidebar-first .hero-footer__cta .btn.btn-accent,
body.path-user .region--sidebar-first .hero-footer__cta .btn.btn-lg {
  background: var(--cyberdom-accent) !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

body.path-user .region--sidebar-first .hero-footer__cta .btn:hover,
body.path-user .region--sidebar-first .hero-footer__cta .btn.btn-accent:hover,
body.path-user .region--sidebar-first .hero-footer__cta .btn.btn-lg:hover,
body.path-user .region--sidebar-first .hero-footer__cta .btn:focus,
body.path-user .region--sidebar-first .hero-footer__cta .btn.btn-accent:focus,
body.path-user .region--sidebar-first .hero-footer__cta .btn.btn-lg:focus {
  background: #4c2141 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  box-shadow: none !important;
}

body.path-user .region--sidebar-first .hero-footer__cta .btn:active,
body.path-user .region--sidebar-first .hero-footer__cta .btn.btn-accent:active,
body.path-user .region--sidebar-first .hero-footer__cta .btn.btn-lg:active,
body.path-user .region--sidebar-first .hero-footer__cta .btn.is-active,
body.path-user .region--sidebar-first .hero-footer__cta .btn.btn-accent.is-active,
body.path-user .region--sidebar-first .hero-footer__cta .btn.btn-lg.is-active {
  background: #3c1832 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: none !important;
}
/* CYBERDOM HERO CTA BUTTON END */


/* CYBERDOM FRONT DROPDOWN STREAM FIX START */

/* current user header inside dropdown: make it consistent with dropdown menu */
.dropdown-menu .dropdown-header.header-nav-current-user,
.dropdown-menu .header-nav-current-user.dropdown-header {
  background: var(--cyberdom-purple) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .10) !important;
}

.dropdown-menu .dropdown-header.header-nav-current-user *,
.dropdown-menu .header-nav-current-user.dropdown-header * {
  color: #ffffff !important;
}

/* force stream action icons to white where possible */
.post-visibility,
.post-photo-add,
.post-visibility *,
.post-photo-add * {
  color: #ffffff !important;
}

.post-visibility svg,
.post-visibility svg *,
.post-photo-add svg,
.post-photo-add svg * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.post-visibility i,
.post-photo-add i,
.post-visibility .icon,
.post-photo-add .icon,
.post-visibility [class*="icon-"],
.post-photo-add [class*="icon-"],
.post-visibility [class*="fi-"],
.post-photo-add [class*="fi-"],
.post-visibility [class*="fa-"],
.post-photo-add [class*="fa-"],
.post-visibility:before,
.post-photo-add:before,
.post-visibility:after,
.post-photo-add:after {
  color: #ffffff !important;
}

/* fallback for stubborn image-based icon wrappers */
.post-visibility [style*="background-image"],
.post-photo-add [style*="background-image"] {
  filter: brightness(0) invert(1) !important;
}

/* tighten left nav panel to hero area on user stream/profile pages */
.path-user .block-social-profile .hero__bgimage-overlay {
  margin-bottom: 0 !important;
}

.path-user .block-social-profile .social-post-entity-form.post-form.card.card--stream.social-post-album--form {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.path-user .block-social-profile .nav.navbar-nav {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.path-user .block-social-profile .social-post-entity-form.post-form.card.card--stream.social-post-album--form + .nav.navbar-nav,
.path-user .block-social-profile .social-post-entity-form.post-form.card.card--stream.social-post-album--form ~ .nav.navbar-nav {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* CYBERDOM FRONT DROPDOWN STREAM FIX END */
\n\n/* CYBERDOM FRONT DROPDOWN STREAM FIX START */

/* user dropdown header: remove white header look, keep same dark dropdown treatment */
.navbar-user .dropdown-menu .dropdown-header,
.navbar-user .dropdown-menu .header-nav-current-user,
.dropdown-menu .dropdown-header.header-nav-current-user,
.dropdown-menu .header-nav-current-user.dropdown-header {
  background: var(--cyberdom-purple) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .10) !important;
}

.navbar-user .dropdown-menu .dropdown-header *,
.navbar-user .dropdown-menu .header-nav-current-user *,
.dropdown-menu .dropdown-header.header-nav-current-user *,
.dropdown-menu .header-nav-current-user.dropdown-header * {
  color: #ffffff !important;
}

/* buttons themselves */
.post-visibility,
.post-photo-add,
.post-visibility *,
.post-photo-add * {
  color: #ffffff !important;
}

/* exact stubborn svg/use markup from live page */
.post-visibility svg.btn-icon,
.post-photo-add svg.btn-icon,
.post-visibility svg.btn-icon use,
.post-photo-add svg.btn-icon use {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
}

/* reliable fallback requested by user: hide the icons if recolor still fails */
.post-visibility svg.btn-icon,
.post-photo-add svg.btn-icon {
  display: none !important;
}

/* on user stream pages remove the composer block sitting between hero and profile nav */
.path-user .block-profile-hero-block .social-post-entity-form.post-form.card.card--stream.social-post-album--form,
.path-user .block-social-profile .social-post-entity-form.post-form.card.card--stream.social-post-album--form {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* pull nav flush to hero */
.path-user .block-profile-hero-block .hero,
.path-user .block-social-profile .hero,
.path-user .block-profile-hero-block .hero__bgimage-overlay,
.path-user .block-social-profile .hero__bgimage-overlay,
.path-user .block-profile-hero-block .hero__content,
.path-user .block-social-profile .hero__content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.path-user .block-profile-hero-block .nav.navbar-nav,
.path-user .block-social-profile .nav.navbar-nav {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* CYBERDOM FRONT DROPDOWN STREAM FIX END */

/* CYBERDOM STREAM SIDEBAR FIX START */

/* 1) hide only the sidebar post composer under the profile hero,
      so local tasks move directly under the hero block */
.path-user .region--sidebar-first #block-cyberdom-postonprofileblock {
  display: none !important;
}

/* 2) tighten spacing around the local tasks nav under the hero */
.path-user .region--sidebar-first #block-cyberdom-profile-hero-block,
.path-user .region--sidebar-first #block-cyberdom-profile-hero-block .cover,
.path-user .region--sidebar-first #block-cyberdom-profile-hero-block .cover-wrap,
.path-user .region--sidebar-first #block-cyberdom-profile-hero-block .hero-footer {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks,
.path-user .region--sidebar-first #block-cyberdom-local-tasks.navbar,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .navbar-scrollable,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* small visual lift */
.path-user .region--sidebar-first #block-cyberdom-local-tasks {
  position: relative !important;
  top: -6px !important;
}

/* 3) hide the exact button icons in stream composer controls */
.path-user .form--post-create #post-photo-add > svg.btn-icon,
.path-user .form--post-create #post-visibility > svg.icon-small {
  display: none !important;
}

/* keep text alignment neat after icon removal */
.path-user .form--post-create #post-photo-add,
.path-user .form--post-create #post-visibility {
  padding-left: 14px !important;
}

.path-user .form--post-create #post-photo-add > span,
.path-user .form--post-create #post-visibility > span.text {
  margin-left: 0 !important;
}

/* CYBERDOM STREAM SIDEBAR FIX END */
\n\n/* CYBERDOM LOCAL TASKS COMMENT FIX START */

/* local tasks bar under profile hero */
.path-user .region--sidebar-first #block-cyberdom-local-tasks,
.path-user .region--sidebar-first #block-cyberdom-local-tasks.navbar,
.path-user .region--sidebar-first #block-cyberdom-local-tasks.navbar.navbar-secondary,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .navbar-scrollable,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li.active,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li.active > a,
.path-user .region--sidebar-first #block-cyberdom-local-tasks * {
  background: var(--cd-brand-surface-2) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks {
  margin-top: 0 !important;
  top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .navbar-scrollable {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 0 !important;
  width: 100% !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a {
  color: var(--cd-brand-acid) !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  text-decoration: none !important;
  line-height: 1.15 !important;
  padding: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a:hover,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a:focus {
  color: var(--cd-brand-acid) !important;
  border: 0 !important;
  border-bottom: 2px solid var(--cd-brand-acid) !important;
  outline: 0 !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li.active > a,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a.is-active {
  color: #ffffff !important;
  border: 0 !important;
  border-bottom: 2px solid #ffffff !important;
  outline: 0 !important;
}

/* comment submit button: no green frame/fill */
.path-user .comment-form .btn--comment-submit,
.path-user .comment-form .btn--comment-submit.btn,
.path-user .comment-form .btn--comment-submit.button,
.path-user .comment-form .btn--comment-submit.btn-primary,
.path-user .comment-form button.btn--comment-submit {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  min-height: auto !important;
  padding: 10px 16px !important;
}

.path-user .comment-form .btn--comment-submit:hover,
.path-user .comment-form .btn--comment-submit:focus,
.path-user .comment-form .btn--comment-submit:active {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

.path-user .comment-form .btn--comment-submit .label {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  padding: 0 0 15px 0 !important;
  display: inline-block !important;
}

.path-user .comment-form .btn--comment-submit .btn-icon {
  display: none !important;
}

/* comment like row */
.path-user .vote-like.type-comment {
  padding-bottom: 15px !important;
}

.path-user .vote-like.type-comment .label,
.path-user .vote-like.type-comment span,
.path-user .vote-like.type-comment a {
  padding-bottom: 15px !important;
}

/* like icon */
.path-user .icon-vote,
.path-user .icon-vote *,
.path-user .vote-like .icon-vote,
.path-user .vote-like .icon-vote * {
  stroke: var(--cd-brand-text-muted) !important;
}

/* CYBERDOM LOCAL TASKS COMMENT FIX END */
\n
/* ===== CYBERDOM FIX: social post photo upload must stay clickable on Safari ===== */
.card--stream.social-post-album--form form .field--name-field-post-image,
.card--stream.social-post-album--form form .field--widget-social-post-album-image,
.card--stream.social-post-album--form form .table-responsive + .image-widget:not(.hidden) {
  position: relative !important;
}

.card--stream.social-post-album--form form .field--widget-social-post-album-image .add-image-help,
.card--stream.social-post-album--form form .table-responsive + .image-widget:not(.hidden) .add-image-help,
.card--stream.social-post-album--form form #post-photo-add {
  position: relative !important;
  z-index: 1 !important;
}

.card--stream.social-post-album--form form .field--widget-social-post-album-image input[type="file"],
.card--stream.social-post-album--form form .table-responsive + .image-widget:not(.hidden) input[type="file"],
.card--stream.social-post-album--form form input[data-drupal-selector^="edit-field-post-image-0-upload"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 0.001 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 20 !important;
}

.card--stream.social-post-album--form form input[data-drupal-selector^="edit-field-post-image-0-upload"]::-webkit-file-upload-button {
  cursor: pointer !important;
}
/* ===== /CYBERDOM FIX ===== */

\n\n/* CYBERDOM LOCAL TASKS COMMENT FIX START */

/* local tasks bar under profile hero */
.path-user .region--sidebar-first #block-cyberdom-local-tasks,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .navbar-scrollable,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav {
  background: #000 !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks {
  margin-top: -5px !important;
  padding-top: 10px !important;
  padding-bottom: 1px !important;
  border: 0 !important;
  box-shadow: none !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .navbar-scrollable {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 10px 1px !important;
  border: 0 !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a {
  background: transparent !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 10px 14px 9px !important;
  line-height: 1.15 !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li.active > a,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a:hover,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* comment submit button: no green frame/fill */
.path-user .comment-form .btn--comment-submit,
.path-user .comment-form .btn--comment-submit.btn,
.path-user .comment-form .btn--comment-submit.button,
.path-user .comment-form .btn--comment-submit.btn-primary,
.path-user .comment-form button.btn--comment-submit {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  min-height: auto !important;
  padding: 10px 16px !important;
}

.path-user .comment-form .btn--comment-submit:hover,
.path-user .comment-form .btn--comment-submit:focus,
.path-user .comment-form .btn--comment-submit:active {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

.path-user .comment-form .btn--comment-submit .label {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  padding: 0 0 15px 0 !important;
  display: inline-block !important;
}

.path-user .comment-form .btn--comment-submit .btn-icon {
  display: none !important;
}

/* comment like row */
.path-user .vote-like.type-comment {
  padding-bottom: 15px !important;
}

.path-user .vote-like.type-comment .label,
.path-user .vote-like.type-comment span,
.path-user .vote-like.type-comment a {
  padding-bottom: 15px !important;
}

/* CYBERDOM LOCAL TASKS COMMENT FIX END */\n\n/* CYBERDOM LOCAL TASKS COMMENT FIX START */

/* local tasks bar under profile hero */
.path-user .region--sidebar-first #block-cyberdom-local-tasks,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .navbar-scrollable,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav {
  background: #000 !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks {
  margin-top: -5px !important;
  padding-top: 10px !important;
  padding-bottom: 1px !important;
  border: 0 !important;
  box-shadow: none !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .navbar-scrollable {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 10px 1px !important;
  border: 0 !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a {
  background: transparent !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 10px 14px 9px !important;
  line-height: 1.15 !important;
}

.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li.active > a,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a:hover,
.path-user .region--sidebar-first #block-cyberdom-local-tasks .nav.navbar-nav > li > a:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* comment submit button: no green frame/fill */
.path-user .comment-form .btn--comment-submit,
.path-user .comment-form .btn--comment-submit.btn,
.path-user .comment-form .btn--comment-submit.button,
.path-user .comment-form .btn--comment-submit.btn-primary,
.path-user .comment-form button.btn--comment-submit {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  min-height: auto !important;
  padding: 10px 16px !important;
}

.path-user .comment-form .btn--comment-submit:hover,
.path-user .comment-form .btn--comment-submit:focus,
.path-user .comment-form .btn--comment-submit:active {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

.path-user .comment-form .btn--comment-submit .label {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  padding: 0 0 15px 0 !important;
  display: inline-block !important;
}

.path-user .comment-form .btn--comment-submit .btn-icon {
  display: none !important;
}

/* comment like row */
.path-user .vote-like.type-comment {
  padding-bottom: 15px !important;
}

.path-user .vote-like.type-comment .label,
.path-user .vote-like.type-comment span,
.path-user .vote-like.type-comment a {
  padding-bottom: 15px !important;
}

/* CYBERDOM LOCAL TASKS COMMENT FIX END */\n\n/* CYBERDOM LOCAL TASKS COMMENT FIX START */

/* exact local tasks tree from live markup:
   nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav > li > a */
.path-user .region--sidebar-first nav#block-cyberdom-local-tasks,
.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable,
.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > h2,
.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav,
.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav > li,
.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav > li > a {
  background: var(--cd-brand-surface-2) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.path-user .region--sidebar-first nav#block-cyberdom-local-tasks {
  margin: 0 !important;
  padding: 0 !important;
  top: auto !important;
  border: 0 !important;
  box-shadow: none !important;
}

.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 100% !important;
}

.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 0 !important;
  width: 100% !important;
}

.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav > li {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 10px !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  color: var(--cd-brand-acid) !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
}

/* hover/focus = green 2px underline */
.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav > li > a:hover,
.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav > li > a:focus {
  background: var(--cd-brand-surface-2) !important;
  color: var(--cd-brand-acid) !important;
  border: 0 !important;
  border-bottom: 2px solid var(--cd-brand-acid) !important;
  outline: 0 !important;
}

/* active = white 2px underline */
.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav > li.active > a,
.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav > li > a.is-active,
.path-user .region--sidebar-first nav#block-cyberdom-local-tasks > .navbar-scrollable > ul.nav.navbar-nav > li > a[aria-current="page"] {
  background: var(--cd-brand-surface-2) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-bottom: 2px solid #ffffff !important;
  outline: 0 !important;
}

/* comment submit button: no green frame/fill */
.path-user .comment-form .btn--comment-submit,
.path-user .comment-form .btn--comment-submit.btn,
.path-user .comment-form .btn--comment-submit.button,
.path-user .comment-form .btn--comment-submit.btn-primary,
.path-user .comment-form button.btn--comment-submit {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  min-height: auto !important;
  padding: 10px 16px !important;
}

.path-user .comment-form .btn--comment-submit:hover,
.path-user .comment-form .btn--comment-submit:focus,
.path-user .comment-form .btn--comment-submit:active {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

.path-user .comment-form .btn--comment-submit .label {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  padding: 0 0 15px 0 !important;
  display: inline-block !important;
}

.path-user .comment-form .btn--comment-submit .btn-icon {
  display: none !important;
}

/* comment like row */
.path-user .vote-like.type-comment {
  padding-bottom: 15px !important;
}

.path-user .vote-like.type-comment .label,
.path-user .vote-like.type-comment span,
.path-user .vote-like.type-comment a {
  padding-bottom: 15px !important;
}

/* like icon */
.path-user .icon-vote,
.path-user .icon-vote *,
.path-user .vote-like .icon-vote,
.path-user .vote-like .icon-vote * {
  stroke: var(--cd-brand-text-muted) !important;
}

/* CYBERDOM LOCAL TASKS COMMENT FIX END */\n

/* CYBERDOM PROFILE TAG FILTER LINKS START */
body.path-user .cd-profile-tag-link,
body[class*=" path-user-"] .cd-profile-tag-link,
body .cd-profile-tag-link {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
}

body.path-user .cd-profile-tag-link:hover,
body.path-user .cd-profile-tag-link:focus,
body[class*=" path-user-"] .cd-profile-tag-link:hover,
body[class*=" path-user-"] .cd-profile-tag-link:focus,
body .cd-profile-tag-link:hover,
body .cd-profile-tag-link:focus {
  text-decoration: none !important;
  color: inherit !important;
  filter: brightness(1.06);
}
/* CYBERDOM PROFILE TAG FILTER LINKS END */

@media (max-width: 767px) {
  body .layout--with-two-columns,
  body .region--content,
  body #block-cyberdom-content,
  body #block-cyberdom-content > .container,
  body .layout-content,
  body main[role="main"] {
    margin-top: 0 !important;
    padding-top: 16px !important;
  }

  body .region--content,
  body #block-cyberdom-content,
  body #block-cyberdom-content > .container,
  body .layout-content,
  body main[role="main"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}