/*
 Theme Name:   EPAFOS Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Το θέμα αυτό έχει υλοποιηθεί από την ΕΠΑΦΟΣ New Technologies. Για περισσότερες σχετικές πληροφορίες μπορείτε να απευθυνθείτε στο otrs-websites@epafos.gr.
 Author:       EPAFOS New Technologies
 Author URI:   https://www.epafos.gr/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}
html,
body {
  scroll-behavior: auto !important;
}

details.wp-block-details {
  margin-bottom: 5px;
  transition: all 0.2s ease-out 0s;
  &[open] {
    padding: var(--spacing-xs);
    background: #f5f5f5 !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    summary {
      margin-bottom: var(--spacing-xs);
    }
  }
  summary {
    padding: var(--spacing-xs);
    background: var(--colors-secondary-shades-ultra-dark);
    color: var(--colors-white);
    font-weight: bold;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-out 0s;
    border-radius: var(--radius-sm);
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    &:hover {
      background: var(--colors-primary);
    }
  }
}

a.wp-block-button__link.wp-element-button,
a.wp-block-file__button.wp-element-button {
  color: var(--colors-white);
  transition: all 0.2s ease-out 0s;
  &:hover {
    color: var(--colors-white);
    background: var(--colors-primary);
    box-shadow: 0 5px 7px -5px hsla(var(--colors-dark-hsl), 0.5);
    transform: translateY(-1px);
  }
}

pressidium-floating-button {
  transform: scale(1.5);
  left: 20px;
  bottom: 20px;
}

nav#pageBreadcrumb span.item {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  white-space: nowrap;
}
.tooltip {
  display: none;
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  z-index: 1000;
}
[data-tooltip] {
  cursor: help;
}