/* "ti" prefix az egyedi változókra */

:root {
    --ti-max-width: 900px;

    --bs-border-radius: 1rem;
    --bs-border-radius-sm: .75rem;
    --bs-border-radius-lg: 1.5rem;
}

/* Egyedi színek, világos témához */
[data-bs-theme="light"] {
    --ti-body-bg: var(--bs-gray-100);
    --ti-card-bg: var(--bs-white);
    --ti-navbar-bg: var(--bs-white);
    --ti-table-header-color: var(--bs-gray-600);
    --ti-star-color: #f6b73c;
    --ti-star-empty-color: var(--bs-gray-400);
}

/* Egyedi színek, sötét témához */
[data-bs-theme="dark"] {
    --ti-body-bg: var(--bs-gray-900);
    --ti-card-bg: var(--bs-gray-800);
    --ti-navbar-bg: var(--bs-gray-800);
    --ti-table-header-color: var(--bs-gray-500);
    --ti-star-color: #f6b73c;
    --ti-star-empty-color: var(--bs-gray-600);
}

body {
    font-family: 'Inter', sans-serif;
    background: var(--ti-body-bg);
}

.ti-container {
    max-width: var(--ti-max-width);
}

.ti-navbar {
    background: var(--ti-navbar-bg);
    border-bottom: 1px solid var(--bs-border-color);
}

.ti-card {
    background: var(--ti-card-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.ti-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ti-card-link:hover {
    border-color: var(--bs-primary);
    box-shadow: 0 .25rem .75rem rgb(0 0 0 / .07);
}

.ti-table thead th {
    color: var(--ti-table-header-color);
    font-weight: 500;
    font-size: .85rem;
}

.ti-table > :not(caption) > * > * {
    background: var(--ti-card-bg);
    padding: .75rem;
}

.ti-search {
    min-width: 280px;
}

.rating-stars {
    color: var(--ti-star-color);
    white-space: nowrap;
}

.rating-stars .bi-star {
    color: var(--ti-star-empty-color);
}

.ti-review-text {
    white-space: pre-line;
}

/* iPhone-on minimum 1rem-es font méret kell, hogy ne zoomoljon bele kattintáskor. */
.form-control, .form-select {
    font-size: 1rem;
}