/* titillium-web-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: url('/static/fonts/titillium-web-v19-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* titillium-web-italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 400;
    src: url('/static/fonts/titillium-web-v19-latin-italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* titillium-web-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: url('/static/fonts/titillium-web-v19-latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root, [data-theme="dark"] {
  --bulma-primary-h: 251deg;
  --bulma-primary-l: 67%;
  --bulma-primary-s: 100%;
  --bulma-scheme-h: 267;
  --bulma-scheme-s: 74%;
  --bulma-primary-invert: #ffffff;
  --bulma-primary-invert-h: 0;
  --bulma-primary-invert-s: 0%;
  --bulma-primary-invert-l: 100%;
  --bulma-scheme-brightness: 'dark';
  --bulma-navbar-dropdown-item-color: var(--bulma-primary-invert);
  --bulma-navbar-dropdown-item-hover-color: var(--bulma-primary-invert);
  --bulma-navbar-dropdown-item-hover-background-color: rgba(255, 255, 255, 0.1);
}

/* Override locally scoped Bulma variables */
.input, .textarea, .select select {
  --bulma-input-border-color: hsl(251deg, 20%, 40%);
  --bulma-input-color: #ffffff;
  --bulma-input-background-color: rgba(255, 255, 255, 0.05);
  --bulma-input-hover-border-color: hsl(251deg, 67%, 60%); /* Purple glow on hover */
}

.input:hover, .textarea:hover, .select select:hover {
  --bulma-input-border-color: hsl(251deg, 67%, 60%);
}

.tabs {
  --bulma-tabs-boxed-link-border-color: hsl(251deg, 20%, 50%);
  --bulma-tabs-boxed-link-hover-background-color: rgba(255, 255, 255, 0.1);
  --bulma-tabs-boxed-link-hover-border-bottom-color: hsl(251deg, 20%, 50%);
  --bulma-tabs-boxed-link-active-border-color: hsl(251deg, 20%, 60%);

  --bulma-tabs-link-color: #b5b5b5;
  --bulma-tabs-link-active-color: #ffffff;
}

.tabs ul {
    --bulma-tabs-border-bottom-color: hsl(251, 42%, 47%);
}
.breadcrumb {

    --bulma-breadcrumb-item-separator-color: var(--bulma-primary-invert);
}



body {
    font-family: 'Titillium Web', sans-serif;

    
}
    


/* header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 2rem;
    background: #111;
    color: #fff;
} */

main {
    padding: 2rem;
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 64px;;
}

.flash {
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    border-left: 4px solid var(--block-accent-color);
    background: #f4f8f7;
}




#register-link {
    margin: 1em;
}

button {
    cursor: pointer;
}

button.block{
    font-size: 1em;
}

.block.alarming {
    --block-accent-color: #ff4d4f !important;
}

.confirm-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.confirm-dialog-content {
    padding: 2rem;
    text-align: center;
}

.confirm-dialog-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
}

input {
    border: 3px solid var(--block-text-color);
    border-radius: 3px;
}

.block.normal {
    font-weight: normal;
}

/* New layout styles */
.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 1rem;
    background: #f9f9f9;
    border: 2px solid #ddd;
    border-radius: 3px;
}

.site-header h1 {
    margin: 0;
    /* flex-grow: 1; */
    text-align: center;
}

.site-actions {
    display: flex;
    gap: 0.5rem;
}

.back-link {
    font-size: 1.1em;
    padding: 0.5rem;
    border-radius: 3px;
    transition: background 0.3s;
}

.back-link:hover {
    background: #e9e9e9;
}

.status-bar {
    display: flex;
    justify-content: space-around;
    padding: 1rem;
    margin-bottom: 1rem;
    background: #f9f9f9;
    border: 2px solid #ddd;
    border-radius: 3px;
}

.status-item {
    text-align: center;
}

/* .tabs {
    display: flex;
    margin-bottom: 1rem;
    background: #f9f9f9;
    border: 2px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
}

.tab-button {
    flex: 1;
    padding: 0.75rem 1rem;
    background: none;
    border: none;
    color: #222;
    cursor: pointer;
    transition: background 0.3s;
    font-size: 1em;
}

.tab-button:hover {
    background: #e9e9e9;
}

.tab-button.active {
    background: var(--block-accent-color);
    color: #fff;
}

.tab-content {
    margin-top: 1rem;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
} */

.sites-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table th, table td {
    /* border-bottom: 1px solid #ddd; */
    padding: 0.75rem;
    text-align: left;
    font-size: 1.2em;
}

table th {
    border-bottom: 1px solid #ddd;
}

/* Apply background color to even rows */
tr:nth-child(even) {
  background-color: #f2f2f2; /* A light gray color */
}

/* Active navbar item styling */
.navbar.is-primary {
    --bulma-navbar-item-color: var(--bulma-primary-invert);
    --bulma-navbar-item-hover-color: var(--bulma-primary-invert);
    --bulma-navbar-item-active-color: var(--bulma-primary-invert);
}

.navbar.is-primary .navbar-item.is-active {
    background-color: rgba(0, 0, 0, 0.2);
    font-weight: 700;
}