/* {{{ JS-less borgir menu. */
#cm-menu-switch {
    display: none;
}

#cm-menu-switch:checked + .navbar-brand .navbar-burger {
    span:nth-child(1) {
        transform: rotate(-45deg);
    }
    span:nth-child(2) {
        transform: rotate(45deg);
    }
    span:nth-child(3) {
        opacity: 0;
    }
    span:nth-child(4) {
        opacity: 0;
    }
}

#cm-menu-switch:checked ~ .navbar-menu{
    display: block;
}
/* }}} */

table.cm-directory {
    td {
        vertical-align: middle;

        img {
            width: 2rem;
            height: 2rem;
            vertical-align: middle;
        }
    }
}

.subtitle img.cm-gym-logo {
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    margin-right: .5em;
}

.card .media.cm-gym-logo-right {
    float: right;
}

.cm-diff {
    width: 3em;
}

.cm-lang-fr {
    dt::after {
      content: " :";
    }
}

.cm-lang-en {
    dt::after {
      content: ":";
    }
}

dl {
    display: table;

    .cm-dt-row {
        display: table-row;
    }

    dt {
        display: table-cell;
        font-weight: bold;
        padding-right: 1em;
    }

    dd {
        display: table-cell;
    }
}

.cm-tooltip-container {
    button {
        text-decoration: underline dotted;
        cursor: help;

        &:hover + [role="tooltip"],
        &:focus + [role="tooltip"] {
            display: block;
            position: absolute;
        }
    }

    [role="tooltip"] {
        display: none;
        position: absolute;
        padding: 5px;
        border-radius: 4px;
        margin-top: 10px;

        &::after {
            position: absolute;
            content: "";
            width: 0;
            height: 0;

            left: 15%;

            margin-top: -11px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 7px solid var(--bulma-primary);
        }
    }
}

.cm-boulder-details {
    .card-image img {
        object-fit: cover;
    }
}

.card-footer-item input {
    border: none;
    font-size: inherit;
    font-family: inherit;
    text-decoration: inherit;
    cursor: pointer;

    color: var(--bulma-link-light);
    background-color: inherit;
}

body {
    max-width: 500px;
    margin: auto;
}

section.section:first-of-type {
    padding-top: 10px;
}

.cm-stupid-comment,
.cm-very-stupid-comment {
    display: none;
}

select.cm-boulder-style {
    text-transform: capitalize;
}

table.cm-gym-admin-sectors td {
  vertical-align: middle;
}

.tabs.is-toggle {
  input[type="radio"] {
    display: none;
  }

  li:has(input[type="radio"]:checked) a {
    background-color: var(--bulma-tabs-toggle-link-active-background-color);
    border-color: var(--bulma-tabs-toggle-link-active-border-color);
    color: var(--bulma-tabs-toggle-link-active-color);
    z-index: 1;
  }
}

.cm-grading-input {
  input[type="color"] {
    padding: 0;
    height: var(--bulma-input-height);
    width: var(--bulma-input-height);
  }
}

.cm-grading-input, .cm-openers-input {
  td {
    vertical-align: middle;
  }
}

.cm-boulder-form {
  input[type="color"] {
    padding: 0;
    height: var(--bulma-input-height);
    width: 100%;
  }
}

.cm-quick-filter-grade, .cm-holds-color {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid white;
}

.cm-holds-color {
  height: 1.25em;
  width: 1.25em;
}

.cm-quick-filter-grade {
  height: 2em;
  width: 2em;
  margin: 2px;
}