:root {
  --corporative-color: #1C4C62 !important;
  --mirai-ui-accent: #1C4C62 !important;
  --mirai-ui-accent-background: #E5F3FD !important;
  --mirai-ui-accent-light: #2D708F !important;
  --mirai-ui-accent-border: #90D2F6 !important;
  --mirai-ui-accent-dark: #0C2B38 !important;
  --secondary-accent:#E8DAB3 !important;
}

/* Fixes */
.component_finder {
  justify-self: center;
  border-radius: 4px;
  padding: 16px;
  background-color: #e8dab3;
}
.component_finder:not(.fixed){
  position: relative;
  top: 70%;
}
.body-header.movil .component_finder:not(.fixed) {
  position: absolute;
  width: 100%;
  left: 0;
  top:65%;
}
:has(.body-header.movil) .component_finder.fixed {
  order: 3;
}
body.club #container{
  background-color: var(--secondary-accent);
}

.component_session {
  background-color: var(--mirai-ui-accent);
  text-align: right;
}
.component_session [data-mirai-component="session"]>ui-pressable[data-role="login"] *{
  color: var(--secondary-accent) !important;
}
.component_session [data-mirai-component="session"]>ui-pressable[data-role="login"] {
  padding: 8px 16px 8px 8px;
}
/* body:has(#home)  */.header.header-transsp:not(.header.white-color) .component_finder.fixed{
  display: none;
}
/* body:not(#home) .header.header-transsp:not(.header.white-color) .component_finder.fixed ui-finder {
  margin: 0 auto;
} */

.header.header.header-white-color .component_finder.fixed ui-finder {
  justify-self: center;
}
@media (width > 1164px){
  .component_session {
      display: none;
  }
}
@media (width < 1164px){
  .component_session_desktop {
      display: none;
  }
}

/* club */
/* ================================= */
/* CSS FOR NEW CLUB */
.elementor-sticky--effects [data-role="login"] [data-role="content"] {
  color: inherit;
}

[data-role="login"] [data-role="content"] /[data-role="login"]>[data-role="view"]>[data-role="content"] {
  color: var(--text-color__over-corporative-color);
}

.elementor-sticky--effects [data-mirai-component="session"] [data-role="content"] {
  color: var(--corporative-color);
}

@media (min-width: 768px) {
  [data-mirai-component="session"] [data-role="content"] {
      color: var(--text-color-over-corporative-color);
  }
}

[data-role="bookingquery"] [data-role="content"] {
  color: var(--text-colorover-corporative-color);
}

[data-mirai-component="signup"] {
  display: flex;
  justify-content: center;
}

[data-role="signup"] ui-input-option a {
  font-size: inherit !important;
}

ui-checkbox {
  font-size: var(--mirai-ui-font-size-paragraph);
  line-height: var(--mirai-ui-font-size-paragraph);
}

[data-mirai-component="profile"] input {
  background-color: var(--mirai-ui-input-background);
}

[data-mirai-component="session"] {
  line-height: var(--mirai-ui-font-size-paragraph);
  color: var(--mirai-ui-content);
}
.header.header-transsp:not(.header.white-color)  .component_session_desktop [data-mirai-component="session"]>ui-pressable[data-role="login"] * {
  color: var(--mirai-ui-base);
}
.header.header-white-color:not(.header.header-transspr)  .component_session_desktop [data-mirai-component="session"]>ui-pressable[data-role="login"] * {
  color: var(--corporative-color);
}
.component_session_desktop {
  margin: 6px 0 0 0;
}
.header.header-transsp:not(.header.white-color) .component_session_desktop [data-mirai-component="session"]>[data-testid="session"]>ui-menu>ui-pressable>ui-view>ui-view:last-child {
  color: var(--mirai-ui-base);
}

.component_session [data-mirai-component="session"] {
  padding: 8px;
}
.header.header-white-color:not(.header.header-transspr) .component_session_desktop [data-mirai-component=session]>ui-pressable[data-role=login] * {
  color: var(--corporative-color);
}
body:not(:has(#home)) .header [data-mirai-component=session]>ui-pressable[data-role=login] * {
  color: var(--corporative-color);
}
body:not(:has(#home)) .header.header-transsp:not(.header.white-color) .component_session_desktop [data-mirai-component=session]>[data-testid=session]>ui-menu>ui-pressable>ui-view>ui-view:last-child {
  color: var(--corporative-color);
}

body:has(ui-modal-overflow[class*="_visible"]) #qt-button-frame{
  visibility: hidden;
}