/* Customer-specific Bulma is-primary overrides */

/* Bulma v1.x CSS custom properties */
:root {
    --bulma-primary-h: 325deg;
    --bulma-primary-s: 100%;
    --bulma-primary-l: 32%;
    --bulma-primary: #1f96ae;
    --bulma-primary-invert: #ffffff;
    --bulma-primary-light: #ffe0ef;
    --bulma-primary-dark: #19788b;
}

/* Bulma v0.x — button */
.button.is-primary {
    background-color: #1f96ae;
    border-color: transparent;
    color: #fff;
}
    .button.is-primary:hover,
    .button.is-primary.is-hovered {
        background-color: #19788b;
        color: #fff;
    }
.button.is-primary:focus,
.button.is-primary.is-focused {
    color: #fff;
    border-color: transparent;
    box-shadow: 0 0 0 0.125em rgba(31, 150, 174, 0.25);
}
    .button.is-primary:active,
    .button.is-primary.is-active {
        background-color: #19788b;
        color: #fff;
    }
.button.is-primary[disabled] {
    background-color: #1f96ae;
    border-color: transparent;
}
.button.is-primary.is-outlined {
    background-color: transparent;
    border-color: #1f96ae;
    color: #1f96ae;
}
.button.is-primary.is-outlined:hover,
.button.is-primary.is-outlined:focus {
    background-color: #1f96ae;
    border-color: #1f96ae;
    color: #fff;
}
.button.is-primary.is-light {
    background-color: #ffe0ef;
    color: #1f96ae;
}
.button.is-primary.is-light:hover {
    background-color: #ffc9e2;
    color: #1f96ae;
}

/* tag */
.tag.is-primary {
    background-color: #1f96ae;
    color: #fff;
}

/* notification */
.notification.is-primary {
    background-color: #1f96ae;
    color: #fff;
}
.notification.is-primary.is-light {
    background-color: #ffe0ef;
    color: #1f96ae;
}

/* progress */
.progress.is-primary::-webkit-progress-value { background-color: #1f96ae; }
.progress.is-primary::-moz-progress-bar      { background-color: #1f96ae; }
.progress.is-primary:indeterminate           { background-image: linear-gradient(to right, #1f96ae 30%, #e5e5e5 30%); }

/* form inputs */
.input.is-primary,
.textarea.is-primary,
.select.is-primary select {
    border-color: #1f96ae;
}
.input.is-primary:focus,
.textarea.is-primary:focus,
.select.is-primary select:focus {
    box-shadow: 0 0 0 0.125em rgba(31, 150, 174, 0.25);
}

/* hero */
.hero.is-primary {
    background-color: #1f96ae;
    color: #fff;
}
.hero.is-primary .title,
.hero.is-primary .subtitle {
    color: #fff;
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
    color: rgba(255, 255, 255, 0.7);
}
    .hero.is-primary a.navbar-item:hover,
    .hero.is-primary .navbar-link:hover {
        background-color: #19788b;
        color: #fff;
    }

/* helpers */
.has-background-primary { background-color: #1f96ae !important; }
.has-text-primary        { color: #1f96ae !important; }
.has-text-primary-dark   { color: #19788b !important; }
.has-text-primary-light  { color: #ffe0ef !important; }

/* panel */
.panel.is-primary .panel-heading {
    background-color: #1f96ae;
    color: #fff;
}
.panel.is-primary .panel-tabs a.is-active {
    border-bottom-color: #1f96ae;
    color: #1f96ae;
}
.panel.is-primary .panel-block.is-active .panel-icon {
    color: #1f96ae;
}

/* tabs */
.tabs.is-boxed a:hover,
.tabs.is-toggle a:hover {
    border-color: #1f96ae;
    color: #1f96ae;
}

.cart-header {
    padding: 1rem;
    background: #1f96ae !important;
    color: white;
    cursor: pointer;
    user-select: none;
}