@import '_content/RentalKit.Web/RentalKit.Web.t80zd7awsj.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   MAIN LAYOUT - Dark Theme
   ═══════════════════════════════════════════════════════════════════════════ */

.page[b-3wipsvlpdy] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--rk-bg, #0a0a0b);
    min-height: 100vh;
}

main[b-3wipsvlpdy] {
    flex: 1;
    background-color: var(--rk-bg, #0a0a0b);
}

.sidebar[b-3wipsvlpdy] {
    background: linear-gradient(180deg, var(--rk-surface-elevated, #131315) 0%, var(--rk-bg, #0a0a0b) 100%);
}

.top-row[b-3wipsvlpdy] {
    background-color: var(--rk-bg, #0a0a0b);
    border-bottom: 1px solid var(--rk-border-subtle, #1e1e21);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-3wipsvlpdy]  a, .top-row[b-3wipsvlpdy]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
    color: var(--rk-on-surface-muted, #8e8e93);
}

.top-row[b-3wipsvlpdy]  a:hover, .top-row[b-3wipsvlpdy]  .btn-link:hover {
    text-decoration: underline;
    color: var(--rk-primary, #f5a623);
}

.top-row[b-3wipsvlpdy]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row[b-3wipsvlpdy] {
        justify-content: space-between;
    }

    .top-row[b-3wipsvlpdy]  a, .top-row[b-3wipsvlpdy]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-3wipsvlpdy] {
        flex-direction: row;
    }

    .sidebar[b-3wipsvlpdy] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-3wipsvlpdy] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-3wipsvlpdy]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-3wipsvlpdy], article[b-3wipsvlpdy] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* ─── Footer redesign ─────────────────────────────────────────────────────── */
/* Soft amber glow at the top of the footer + a centred hairline accent, replacing
   the flat package border. */
[b-3wipsvlpdy] .site-footer {
    border-top: none;
    position: relative;
}

[b-3wipsvlpdy] .site-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(245, 166, 35, 0.6), transparent);
}

/* Two columns sitting next to each other, centred as a group in the footer. */
[b-3wipsvlpdy] .footer-grid {
    display: grid;
    grid-template-columns: minmax(0, 30rem) auto;
    justify-content: center;
    column-gap: 5rem;
    row-gap: 2rem;
    align-items: start;
}

[b-3wipsvlpdy] .footer-intro {
    max-width: 30rem;
}

/* Larger brand wordmark for the redesigned footer */
[b-3wipsvlpdy] .footer-brand {
    font-size: 2.6rem;
    margin-bottom: 0.4rem;
}

/* Contact list with amber icons that nudge on hover */
[b-3wipsvlpdy] .footer-contact-list {
    font-style: normal;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

[b-3wipsvlpdy] .footer-contact-line {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    color: var(--rk-on-surface-muted, #8e8e93);
    text-decoration: none;
    font-size: 0.95rem;
    line-height: 1.5;
    transition: color 0.2s ease, transform 0.2s ease;
}

[b-3wipsvlpdy] .footer-contact-line svg {
    color: var(--rk-primary, #f5a623);
    flex-shrink: 0;
    margin-top: 2px;
    opacity: 0.85;
}

[b-3wipsvlpdy] .footer-contact-line:hover {
    color: var(--rk-on-surface, #f5f5f7);
    transform: translateX(3px);
}

/* The full-width trust bar already separates the copyright, so drop the extra
   divider line above it. */
[b-3wipsvlpdy] .footer-bottom {
    border-top: none;
    margin-top: 0;
    padding-top: 0.5rem;
}

@media (max-width: 768px) {
    [b-3wipsvlpdy] .footer-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

/* Footer trust bar — full-bleed band (sits outside .container) so the top and
   bottom borders run all the way to the screen edges. The items themselves are
   re-aligned to the page grid by the inner .container. */
[b-3wipsvlpdy] .footer-trust-bar {
    padding: 1rem 0;
    margin-bottom: 0.5rem;
    border-top: 1px solid var(--rk-border-subtle, #1e1e21);
    border-bottom: 1px solid var(--rk-border-subtle, #1e1e21);
}

[b-3wipsvlpdy] .footer-trust-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem 2rem;
}

[b-3wipsvlpdy] .trust-item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-family: var(--rk-font-body, 'Outfit', sans-serif);
    font-size: 0.8rem;
    color: var(--rk-on-surface-muted, #8e8e93);
    letter-spacing: 0.3px;
}

[b-3wipsvlpdy] .trust-item svg {
    color: var(--rk-primary, #f5a623);
    opacity: 0.7;
    flex-shrink: 0;
}

@media (max-width: 640.98px) {
    [b-3wipsvlpdy] .footer-trust-inner {
        flex-direction: column;
        gap: 0.6rem;
    }
}

/* ─── ERROR BOUNDARY ───────────────────────────────────────────────────────── */
[b-3wipsvlpdy] .error-boundary-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

[b-3wipsvlpdy] .error-boundary-content {
    text-align: center;
    max-width: 480px;
}

[b-3wipsvlpdy] .error-boundary-icon {
    color: var(--rk-primary, #f5a623);
    margin-bottom: 1.5rem;
    opacity: 0.8;
}

[b-3wipsvlpdy] .error-boundary-title {
    font-family: var(--rk-font-display, 'Bebas Neue', Impact, sans-serif);
    font-size: 2rem;
    letter-spacing: 1px;
    color: var(--rk-on-surface, #f5f5f7);
    margin-bottom: 0.75rem;
}

[b-3wipsvlpdy] .error-boundary-message {
    font-family: var(--rk-font-body, 'Outfit', sans-serif);
    font-size: 1rem;
    color: var(--rk-on-surface-muted, #8e8e93);
    line-height: 1.6;
    margin-bottom: 2rem;
}

[b-3wipsvlpdy] .error-boundary-button {
    display: inline-block;
    padding: 0.75rem 2rem;
    font-family: var(--rk-font-body, 'Outfit', sans-serif);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--rk-bg, #0a0a0b);
    background-color: var(--rk-primary, #f5a623);
    border: none;
    border-radius: var(--rk-radius-md, 12px);
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

[b-3wipsvlpdy] .error-boundary-button:hover {
    background-color: var(--rk-primary-light, #ffd666);
    transform: translateY(-1px);
}

[b-3wipsvlpdy] .error-boundary-button:active {
    transform: translateY(0);
}

#blazor-error-ui[b-3wipsvlpdy] {
    color-scheme: dark;
    background: var(--rk-surface-card, #1a1a1d);
    border: 1px solid var(--rk-danger, #ff453a);
    bottom: 0;
    box-shadow: 0 -4px 20px rgba(255, 69, 58, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    color: var(--rk-on-surface, #f5f5f7);
}

#blazor-error-ui .dismiss[b-3wipsvlpdy] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
    color: var(--rk-on-surface-muted, #8e8e93);
}

#blazor-error-ui .dismiss:hover[b-3wipsvlpdy] {
    color: var(--rk-primary, #f5a623);
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   NAV MENU - Dark Theme with Amber Accents
   ═══════════════════════════════════════════════════════════════════════════ */

.navbar-toggler[b-ook9g5uabd] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(245, 166, 35, 0.3);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28245, 166, 35, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(245, 166, 35, 0.1);
    border-radius: 6px;
    transition: all 0.2s ease;
}

.navbar-toggler:hover[b-ook9g5uabd] {
    border-color: rgba(245, 166, 35, 0.5);
    background-color: rgba(245, 166, 35, 0.15);
}

.top-row[b-ook9g5uabd] {
    min-height: 3.5rem;
    background-color: var(--rk-bg, #0a0a0b);
    border-bottom: 1px solid var(--rk-border-subtle, #1e1e21);
}

.navbar-brand[b-ook9g5uabd] {
    font-family: var(--rk-font-display, 'Bebas Neue', sans-serif);
    font-size: 1.3rem;
    letter-spacing: 3px;
    color: var(--rk-on-surface, #f5f5f7) !important;
}

.bi[b-ook9g5uabd] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ook9g5uabd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23f5a623' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ook9g5uabd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23f5a623' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ook9g5uabd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23f5a623' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-ook9g5uabd] {
    font-size: 0.9rem;
    font-family: var(--rk-font-body, 'Outfit', sans-serif);
}

.nav-item[b-ook9g5uabd]  .nav-link {
    color: var(--rk-on-surface-muted, #8e8e93);
    background: none;
    border: none;
    border-radius: 6px;
    height: auto;
    display: flex;
    align-items: center;
    line-height: normal;
    width: 100%;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
}

.nav-item[b-ook9g5uabd]  .nav-link:hover {
    background-color: rgba(245, 166, 35, 0.1);
    color: var(--rk-primary, #f5a623);
}

.nav-item[b-ook9g5uabd]  .nav-link.active {
    background-color: rgba(245, 166, 35, 0.15);
    color: var(--rk-primary, #f5a623);
    border-left: 3px solid var(--rk-primary, #f5a623);
}


/* Dropdown menu styling for dark theme */
[b-ook9g5uabd] .dropdown-menu {
    background-color: var(--rk-surface-card, #1a1a1d);
    border: 1px solid var(--rk-border, #2a2a2e);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

[b-ook9g5uabd] .dropdown-item {
    color: var(--rk-on-surface-muted, #8e8e93);
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
}

[b-ook9g5uabd] .dropdown-item:hover,
[b-ook9g5uabd] .dropdown-item:focus {
    background-color: rgba(245, 166, 35, 0.1);
    color: var(--rk-primary, #f5a623);
}

/* BTW Toggle */
[b-ook9g5uabd] .btw-toggle {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border: 1px solid var(--rk-border, #2a2a2e);
    border-radius: 6px;
    background: transparent;
    color: var(--rk-on-surface-muted, #8e8e93);
    font-family: var(--rk-font-body, 'Outfit', sans-serif);
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

[b-ook9g5uabd] .btw-toggle:hover {
    border-color: rgba(245, 166, 35, 0.4);
    color: var(--rk-primary, #f5a623);
}

[b-ook9g5uabd] .btw-toggle.btw-incl {
    border-color: rgba(245, 166, 35, 0.5);
    background: rgba(245, 166, 35, 0.1);
    color: var(--rk-primary, #f5a623);
}

[b-ook9g5uabd] .btw-toggle .btw-label {
    font-weight: 600;
}

[b-ook9g5uabd] .btw-toggle .btw-state {
    font-weight: 400;
    opacity: 0.85;
}

/* Since 1994 badge */
[b-ook9g5uabd] .since-badge {
    font-family: var(--rk-font-body, 'Outfit', sans-serif);
    font-size: 0.6rem;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--rk-on-surface-muted, #8e8e93);
    opacity: 0.7;
    margin-left: 0.25rem;
    align-self: flex-end;
    margin-bottom: 0.15rem;
    white-space: nowrap;
}

/* Language selector styling */
[b-ook9g5uabd] .language-selector select,
[b-ook9g5uabd] select.form-select {
    background-color: var(--rk-surface-card, #1a1a1d);
    border: 1px solid var(--rk-border, #2a2a2e);
    color: var(--rk-on-surface-muted, #8e8e93);
    border-radius: 6px;
    padding: 0.375rem 2rem 0.375rem 0.75rem;
    font-size: 0.875rem;
}

[b-ook9g5uabd] .language-selector select:focus,
[b-ook9g5uabd] select.form-select:focus {
    border-color: var(--rk-primary, #f5a623);
    box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.25);
    outline: none;
}
/* /Components/Pages/About.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   ABOUT PAGE - Dark Theme
   ═══════════════════════════════════════════════════════════════════════════ */

[b-vs14v42yo9] .container {
    background-color: var(--rk-bg, #0a0a0b);
}

[b-vs14v42yo9] h1 {
    font-family: var(--rk-font-display, 'Bebas Neue', sans-serif);
    font-size: 2.5rem;
    letter-spacing: 2px;
    color: var(--rk-on-surface, #f5f5f7);
}

[b-vs14v42yo9] h2 {
    font-family: var(--rk-font-display, 'Bebas Neue', sans-serif);
    font-size: 1.8rem;
    letter-spacing: 1px;
    color: var(--rk-on-surface, #f5f5f7);
}

[b-vs14v42yo9] h5 {
    color: var(--rk-on-surface, #f5f5f7);
    font-weight: 600;
}

[b-vs14v42yo9] .lead {
    color: var(--rk-on-surface-muted, #8e8e93);
    font-size: 1.2rem;
}

[b-vs14v42yo9] p {
    color: var(--rk-on-surface-muted, #8e8e93);
    line-height: 1.8;
}

[b-vs14v42yo9] .list-unstyled li {
    color: var(--rk-on-surface-muted, #8e8e93);
    padding: 8px 0;
}

/* Checkmark styling */
[b-vs14v42yo9] .list-unstyled li::before {
    color: var(--rk-primary, #f5a623);
}

/* Values section */
[b-vs14v42yo9] .row .col-md-6 h5 {
    color: var(--rk-primary, #f5a623);
    margin-bottom: 8px;
}

/* Section dividers */
[b-vs14v42yo9] .row.mb-5 {
    padding-bottom: 40px;
    border-bottom: 1px solid var(--rk-border-subtle, #1e1e21);
}

[b-vs14v42yo9] .row.mb-5:last-child {
    border-bottom: none;
}
/* /Components/Pages/Contact.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   CONTACT PAGE - Dark Theme
   ═══════════════════════════════════════════════════════════════════════════ */

[b-v733j90jwc] .container {
    background-color: var(--rk-bg, #0a0a0b);
}

[b-v733j90jwc] h1 {
    font-family: var(--rk-font-display, 'Bebas Neue', sans-serif);
    font-size: 2.5rem;
    letter-spacing: 2px;
    color: var(--rk-on-surface, #f5f5f7);
}

[b-v733j90jwc] h5 {
    color: var(--rk-on-surface, #f5f5f7);
    font-weight: 600;
}

[b-v733j90jwc] .lead {
    color: var(--rk-on-surface-muted, #8e8e93);
    font-size: 1.2rem;
}

[b-v733j90jwc] p {
    color: var(--rk-on-surface-muted, #8e8e93);
}

/* Card Styling */
[b-v733j90jwc] .card {
    background-color: var(--rk-surface-card, #1a1a1d);
    border: 1px solid var(--rk-border, #2a2a2e);
    border-radius: 16px;
}

[b-v733j90jwc] .card-body {
    padding: 32px;
}

/* Form Controls */
[b-v733j90jwc] .form-label {
    color: var(--rk-on-surface-muted, #8e8e93);
    font-weight: 500;
}

[b-v733j90jwc] .form-control,
[b-v733j90jwc] .form-select {
    background-color: var(--rk-surface-elevated, #131315);
    border: 1px solid var(--rk-border, #2a2a2e);
    color: var(--rk-on-surface, #f5f5f7);
    border-radius: 8px;
    padding: 12px 14px;
}

[b-v733j90jwc] .form-control:focus,
[b-v733j90jwc] .form-select:focus {
    background-color: var(--rk-surface, #222225);
    border-color: var(--rk-primary, #f5a623);
    box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.15);
    color: var(--rk-on-surface, #f5f5f7);
}

[b-v733j90jwc] .form-control::placeholder {
    color: var(--rk-on-surface-dim, #636366);
}

[b-v733j90jwc] textarea.form-control {
    min-height: 120px;
}

[b-v733j90jwc] select.form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238e8e93' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
}

/* Submit Button */
[b-v733j90jwc] .btn-primary {
    background: linear-gradient(135deg, var(--rk-primary, #f5a623) 0%, var(--rk-primary-dark, #c77800) 100%);
    border: none;
    color: #000;
    font-weight: 600;
    padding: 16px 32px;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 20px rgba(245, 166, 35, 0.25);
}

[b-v733j90jwc] .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(245, 166, 35, 0.35);
    background: linear-gradient(135deg, var(--rk-primary-light, #ffd666) 0%, var(--rk-primary, #f5a623) 100%);
    color: #000;
}

[b-v733j90jwc] .btn-primary:disabled {
    background: var(--rk-surface, #222225);
    border: 1px solid var(--rk-border, #2a2a2e);
    color: var(--rk-on-surface-dim, #636366);
    box-shadow: none;
    transform: none;
}

/* Alerts */
[b-v733j90jwc] .alert-success {
    background-color: rgba(48, 209, 88, 0.15);
    border: 1px solid rgba(48, 209, 88, 0.3);
    color: var(--rk-success, #30d158);
    border-radius: 12px;
}

[b-v733j90jwc] .alert-success .alert-heading {
    color: var(--rk-success, #30d158);
}

[b-v733j90jwc] .alert-danger {
    background-color: rgba(255, 69, 58, 0.15);
    border: 1px solid rgba(255, 69, 58, 0.3);
    color: var(--rk-danger, #ff453a);
    border-radius: 12px;
}

[b-v733j90jwc] .alert-danger .alert-heading {
    color: var(--rk-danger, #ff453a);
}

[b-v733j90jwc] .btn-close {
    filter: invert(1);
}

/* Contact Info Section */
[b-v733j90jwc] .row.mt-5 h5 {
    color: var(--rk-primary, #f5a623);
    margin-bottom: 16px;
}

[b-v733j90jwc] .row.mt-5 p {
    color: var(--rk-on-surface-muted, #8e8e93);
}

[b-v733j90jwc] .row.mt-5 strong {
    color: var(--rk-on-surface, #f5f5f7);
}

/* Spinner */
[b-v733j90jwc] .spinner-border {
    color: #000;
}

/* Map Section */
[b-v733j90jwc] .map-section h5 {
    color: var(--rk-primary, #f5a623);
    margin-bottom: 16px;
}

[b-v733j90jwc] .map-container {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--rk-border, #2a2a2e);
}

[b-v733j90jwc] .map-container iframe {
    width: 100%;
    height: 350px;
    border: 0;
    display: block;
}

[b-v733j90jwc] .map-link {
    display: inline-block;
    margin-top: 8px;
    font-size: 0.875rem;
    color: var(--rk-primary, #f5a623);
    text-decoration: none;
    transition: color 0.2s ease;
}

[b-v733j90jwc] .map-link:hover {
    color: var(--rk-primary-light, #ffd666);
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   HOME PAGE - Dark Theme
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Hero entrance animations ─────────────────────────────────────────────── */

@keyframes fadeWord-b-g72a875cna {
    0%,   2.8% { opacity: 0; transform: translateY(6px); }
    5.5%, 30.5%{ opacity: 1; transform: translateY(0); }
    33.3%,100% { opacity: 0; transform: translateY(-6px); }
}

[b-g72a875cna] .hero-sub {
    display: block;
    margin-top: 0.15em;
}

[b-g72a875cna] .hero-cycling {
    position: relative;
    display: inline-block;
}

[b-g72a875cna] .hero-sizer {
    visibility: hidden;
}

[b-g72a875cna] .hero-word {
    position: absolute;
    left: 0;
    top: 0;
    color: var(--rk-primary, #f5a623);
    opacity: 0;
    animation: fadeWord-b-g72a875cna 9s infinite;
    animation-delay: var(--delay);
    animation-fill-mode: backwards;
}

@keyframes heroReveal-b-g72a875cna {
    from {
        opacity: 0;
        transform: translateY(28px);
        filter: blur(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes shimmer-b-g72a875cna {
    from { background-position: 200% center; }
    to   { background-position: -200% center; }
}

[b-g72a875cna] .hero-tagline {
    animation: heroReveal-b-g72a875cna 0.9s var(--ease-out-expo, cubic-bezier(0.16,1,0.3,1)) both;
}

[b-g72a875cna] .hero-section h1 {
    animation: heroReveal-b-g72a875cna 1s 0.18s var(--ease-out-expo, cubic-bezier(0.16,1,0.3,1)) both;
}

[b-g72a875cna] .hero-actions {
    animation: heroReveal-b-g72a875cna 0.8s 0.38s var(--ease-out-expo, cubic-bezier(0.16,1,0.3,1)) both;
}

/* Hero made taller so the video runs further down the page, and pulled up under
   the fixed navbar (negative margin cancels the package's 62px header spacer) so
   the video sits behind the transparent navbar — see wwwroot/css/home.css.
   Plain selector (no ::deep) targets the element itself → .hero-section[scope],
   which outranks the package's .hero-section { min-height: 70vh }. */
.hero-section[b-g72a875cna] {
    min-height: 88vh;
    margin-top: -62px;
}

/* About section overlaps the bottom of the hero video; its own top fades in from
   transparent to the solid section colour so the video melts into it (no hard
   edge). margin-top sets the overlap, padding-top keeps the text on the solid
   area, and the gradient length must match that padding. */
.about-section[b-g72a875cna] {
    position: relative;
    z-index: 2;
    margin-top: -22rem;
    padding-top: 16rem;
    background: linear-gradient(to bottom, transparent 0, var(--rk-bg, #0a0a0b) 16rem);
}

/* Hero Buttons */
[b-g72a875cna] .hero-section .btn-primary {
    background: linear-gradient(
        105deg,
        var(--rk-primary-dark, #c77800) 0%,
        var(--rk-primary, #f5a623) 40%,
        var(--rk-primary-light, #ffd666) 55%,
        var(--rk-primary, #f5a623) 70%,
        var(--rk-primary-dark, #c77800) 100%
    );
    background-size: 250% auto;
    border: none;
    color: #000;
    font-weight: 700;
    font-size: 0.88rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 16px 38px;
    border-radius: 4px;
    transition: background-position 0.5s var(--ease-out-expo, cubic-bezier(0.16,1,0.3,1)),
                transform 0.3s var(--ease-out-expo, cubic-bezier(0.16,1,0.3,1)),
                box-shadow 0.3s ease;
}

[b-g72a875cna] .hero-section .btn-primary:hover {
    background-position: right center;
    transform: translateY(-3px);
    box-shadow: 0 14px 40px rgba(245, 166, 35, 0.45);
}

[b-g72a875cna] .hero-section .btn-outline-primary {
    background: transparent;
    border: 1px solid rgba(245, 166, 35, 0.55);
    color: var(--rk-on-surface, #f5f5f7);
    font-weight: 500;
    font-size: 0.85rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 16px 34px;
    border-radius: 4px;
    transition: all 0.3s var(--ease-out-expo, cubic-bezier(0.16,1,0.3,1));
}

[b-g72a875cna] .hero-section .btn-outline-primary:hover {
    background: rgba(245, 166, 35, 0.08);
    border-color: var(--rk-primary, #f5a623);
    color: var(--rk-primary, #f5a623);
    transform: translateY(-3px);
}

/* Services Section */
[b-g72a875cna] section.bg-light {
    background: var(--rk-surface-elevated, #131315) !important;
}

/* ─── CSS-art: moving-head spotlights ──────────────────────────────────────────
   Two decorative stage fixtures hang from the top corners of the "Wat wij doen"
   section and cast static cool-white beams over the dark background. Purely
   decorative (aria-hidden, pointer-events:none); beams sit behind the content. */
/* NOTE: no ::deep here — the <section> and .container are top-level elements
   authored in Home.razor, so they carry this component's scope attribute
   directly. ::deep would move the scope to a (non-existent) scoped ancestor and
   the rule would silently fail — leaving the light layer positioned against the
   page instead of the section. */
section.services-section[b-g72a875cna] {
    position: relative; /* anchor for the absolutely-positioned light layer */
}

.services-section > .container[b-g72a875cna] {
    position: relative;
    z-index: 2; /* heading + cards above the light beams */
}

[b-g72a875cna] .services-lights {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden; /* clip the beams here, not on the section (keeps card hover-shadows intact) */
    pointer-events: none;
    /* cool-white beam colour (RGB triplet → composed with alpha below) */
    --beam: 224, 238, 255;
}

/* Fixture anchor — hangs from the top of the section */
[b-g72a875cna] .moving-head {
    position: absolute;
    top: 0;
    width: 36px;
    height: 0;
}

[b-g72a875cna] .moving-head--left  { left: 12%; }
[b-g72a875cna] .moving-head--right { right: 12%; }

/* Yoke / mounting clamp — the rectangle that holds the head */
[b-g72a875cna] .mh-yoke {
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 13px;
    border-radius: 5px;
    background: linear-gradient(#26262b, #141417);
    border: 1px solid var(--rk-border, #2a2a2e);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.55),
                inset 0 -1px 0 rgba(245, 166, 35, 0.25); /* faint amber rim ties into the brand */
    z-index: 2;
}

/* Arm — holds the head + beam and fixes the aiming angle */
[b-g72a875cna] .mh-arm {
    position: absolute;
    top: 13px;
    left: 50%;
    width: 30px;
    transform-origin: top center;
}

/* Aim the beams inward so they cross over the centre of the section */
[b-g72a875cna] .moving-head--left  .mh-arm { transform: translateX(-50%) rotate(-28deg); }
[b-g72a875cna] .moving-head--right .mh-arm { transform: translateX(-50%) rotate(28deg); }

/* Head — the oval body; rounded on top, flat on the bottom (the lens end) */
[b-g72a875cna] .mh-head {
    position: relative;
    display: block;
    width: 30px;
    height: 44px;
    border-radius: 50% 50% 18% 18% / 58% 58% 16% 16%;
    background: linear-gradient(160deg, #2e2e34 0%, #18181c 55%, #0f0f12 100%);
    border: 1px solid var(--rk-border, #2a2a2e);
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05),
                0 4px 10px rgba(0, 0, 0, 0.5);
    z-index: 2;
}

/* Lens — the bright flat emitter at the bottom of the head */
[b-g72a875cna] .mh-head::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px;
    transform: translateX(-50%);
    width: 20px;
    height: 7px;
    border-radius: 50%;
    background: rgba(var(--beam), 0.95);
    box-shadow: 0 0 12px 3px rgba(var(--beam), 0.65),
                0 0 4px 1px rgba(255, 255, 255, 0.9);
}

/* Beam — soft cone of cool-white light fanning out from the lens */
[b-g72a875cna] .mh-beam {
    position: absolute;
    top: 44px; /* flush with the bottom of the head so light springs from the lens */
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
    height: 560px;
    background:
        radial-gradient(70px 26px at 50% 0, rgba(var(--beam), 0.45), transparent 70%),
        linear-gradient(to bottom,
            rgba(var(--beam), 0.28) 0%,
            rgba(var(--beam), 0.10) 30%,
            rgba(var(--beam), 0.02) 70%,
            transparent 100%);
    /* narrower beam angle — a focused spot rather than a wide fan */
    clip-path: polygon(47% 0, 53% 0, 68% 100%, 32% 100%);
    filter: blur(7px);
    mix-blend-mode: screen;
}

/* Mobile — keep the beams from swamping the stacked cards */
@media (max-width: 768px) {
    [b-g72a875cna] .services-lights { opacity: 0.55; }
    [b-g72a875cna] .mh-beam { width: 150px; height: 320px; }
    [b-g72a875cna] .moving-head--left  { left: 3%; }
    [b-g72a875cna] .moving-head--right { right: 3%; }
}

[b-g72a875cna] section h2 {
    font-family: var(--rk-font-display, 'Bebas Neue', sans-serif);
    font-size: 2.2rem;
    letter-spacing: 2px;
    color: var(--rk-on-surface, #f5f5f7);
}

/* Service Cards */
[b-g72a875cna] .card {
    background: var(--rk-surface-card, #1a1a1d);
    border: 1px solid var(--rk-border, #2a2a2e);
    border-radius: 16px;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

[b-g72a875cna] .card:hover {
    border-color: var(--rk-primary, #f5a623);
    transform: translateY(-8px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
}

[b-g72a875cna] .card-title {
    color: var(--rk-on-surface, #f5f5f7);
    font-weight: 600;
}

[b-g72a875cna] .card-text {
    color: var(--rk-on-surface-muted, #8e8e93);
}

/* Service Card Header Image — full-bleed (cancels the card's 2rem padding) */
[b-g72a875cna] .service-card {
    overflow: hidden; /* clip the full-bleed image to the card's rounded corners */
}

/* Clickable service card (rendered as <a>) — strip link styling */
[b-g72a875cna] a.service-card {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

[b-g72a875cna] a.service-card:hover {
    border-color: var(--rk-primary, #f5a623);
}

[b-g72a875cna] .service-card-image {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    /* negative top/side margins pull the photo out to the card edges */
    margin: -2rem -2rem 1.5rem;
    background-color: var(--rk-surface-elevated, #131315);
}

[b-g72a875cna] .service-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s var(--ease-out-expo, cubic-bezier(0.16, 1, 0.3, 1));
}

[b-g72a875cna] .service-card:hover .service-card-img {
    transform: scale(1.05);
}

/* Stats Section — compacter (override RentalKit package defaults) */
[b-g72a875cna] .stats-section {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

[b-g72a875cna] .stat-number {
    font-size: 2.4rem;
}

[b-g72a875cna] .stat-label {
    font-size: 0.8rem;
}

/* Features Section */
[b-g72a875cna] section.py-5:not(.bg-light) {
    background: var(--rk-bg, #0a0a0b);
}

/* Feature Checkmarks */
[b-g72a875cna] .display-6.text-primary {
    color: var(--rk-primary, #f5a623) !important;
    font-size: 2rem;
}

[b-g72a875cna] section h5 {
    color: var(--rk-on-surface, #f5f5f7);
    font-weight: 600;
}

[b-g72a875cna] section p {
    color: var(--rk-on-surface-muted, #8e8e93);
}

/* Responsive */
@media (max-width: 768px) {
    [b-g72a875cna] .hero-section {
        min-height: 60vh;
        padding: 3rem 0;
    }

    [b-g72a875cna] .hero-section h1 {
        letter-spacing: 2px;
    }

    [b-g72a875cna] .hero-section .btn-primary,
    [b-g72a875cna] .hero-section .btn-outline-primary {
        width: 100%;
        text-align: center;
    }

    [b-g72a875cna] .d-flex.gap-3 {
        flex-direction: column;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   NOT FOUND PAGE — Signal Lost
   ═══════════════════════════════════════════════════════════════════════════ */

@keyframes glow-pulse-b-6m6ri0eocy {
    0%, 100% { opacity: 0.06; }
    50%       { opacity: 0.13; }
}

@keyframes fade-up-b-6m6ri0eocy {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Wrapper ─────────────────────────────────────────────────────────────── */

.notfound-wrapper[b-6m6ri0eocy] {
    position: relative;
    min-height: calc(100vh - 62px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 4rem 1.5rem;
    background-color: var(--rk-bg, #0a0a0b);
}

/* ── Dot-grid background ─────────────────────────────────────────────────── */

[b-6m6ri0eocy] .notfound-bg-grid {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(245, 166, 35, 0.18) 1px, transparent 1px);
    background-size: 36px 36px;
    opacity: 0.35;
    pointer-events: none;
}

/* ── Ambient "404" behind content ────────────────────────────────────────── */

[b-6m6ri0eocy] .notfound-ambient-404 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--rk-font-display, 'Bebas Neue', sans-serif);
    font-size: clamp(8rem, 22vw, 18rem);
    letter-spacing: 12px;
    color: var(--rk-primary, #f5a623);
    opacity: 0.06;
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
    animation: glow-pulse-b-6m6ri0eocy 4s ease-in-out infinite;
}

/* ── Content container ───────────────────────────────────────────────────── */

[b-6m6ri0eocy] .notfound-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 680px;
    width: 100%;
}

/* ── Badge ───────────────────────────────────────────────────────────────── */

[b-6m6ri0eocy] .notfound-badge {
    display: inline-block;
    font-family: var(--rk-font-mono, 'JetBrains Mono', monospace);
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--rk-primary, #f5a623);
    border: 1px solid rgba(245, 166, 35, 0.35);
    border-radius: 4px;
    padding: 4px 12px;
    margin-bottom: 1.5rem;
    opacity: 0;
    animation: fade-up-b-6m6ri0eocy 0.6s var(--ease-out-expo, cubic-bezier(0.16, 1, 0.3, 1)) 0.1s forwards;
}

/* ── Heading ─────────────────────────────────────────────────────────────── */

[b-6m6ri0eocy] .notfound-heading {
    font-family: var(--rk-font-body, 'Outfit', sans-serif);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--rk-on-surface, #f5f5f7);
    margin: 0 0 0.75rem;
    opacity: 0;
    animation: fade-up-b-6m6ri0eocy 0.6s var(--ease-out-expo, cubic-bezier(0.16, 1, 0.3, 1)) 0.2s forwards;
}

/* ── Message ─────────────────────────────────────────────────────────────── */

[b-6m6ri0eocy] .notfound-message {
    font-family: var(--rk-font-body, 'Outfit', sans-serif);
    font-size: 1.05rem;
    color: var(--rk-on-surface-muted, #8e8e93);
    max-width: 440px;
    line-height: 1.65;
    margin: 0 0 2.5rem;
    opacity: 0;
    animation: fade-up-b-6m6ri0eocy 0.6s var(--ease-out-expo, cubic-bezier(0.16, 1, 0.3, 1)) 0.35s forwards;
}

/* ── Navigation cards ────────────────────────────────────────────────────── */

[b-6m6ri0eocy] .notfound-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    width: 100%;
    max-width: 620px;
    margin: 2.5rem auto 0;
    opacity: 0;
    animation: fade-up-b-6m6ri0eocy 0.6s var(--ease-out-expo, cubic-bezier(0.16, 1, 0.3, 1)) 0.5s forwards;
}

[b-6m6ri0eocy] .notfound-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.4rem 1.25rem;
    background: var(--rk-surface-card, #1a1a1d);
    border: 1px solid var(--rk-border, #2a2a2e);
    border-radius: var(--rk-radius-lg, 20px);
    text-decoration: none;
    color: var(--rk-on-surface, #f5f5f7);
    transition: all 0.3s var(--ease-out-expo, cubic-bezier(0.16, 1, 0.3, 1));
    text-align: left;
}

[b-6m6ri0eocy] .notfound-card:hover {
    transform: translateY(-3px);
    border-color: rgba(245, 166, 35, 0.45);
    box-shadow: 0 8px 32px rgba(245, 166, 35, 0.12);
    text-decoration: none;
    color: var(--rk-on-surface, #f5f5f7);
}

[b-6m6ri0eocy] .notfound-card:hover .notfound-card-icon {
    color: var(--rk-primary, #f5a623);
}

[b-6m6ri0eocy] .notfound-card:hover .notfound-card-arrow {
    color: var(--rk-primary, #f5a623);
    transform: translateX(3px);
}

/* ── Card icon ───────────────────────────────────────────────────────────── */

[b-6m6ri0eocy] .notfound-card-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--rk-on-surface-muted, #8e8e93);
    transition: color 0.3s var(--ease-out-expo, cubic-bezier(0.16, 1, 0.3, 1));
}

/* ── Card body ───────────────────────────────────────────────────────────── */

[b-6m6ri0eocy] .notfound-card-body {
    flex: 1;
    min-width: 0;
}

[b-6m6ri0eocy] .notfound-card-body h3 {
    font-family: var(--rk-font-display, 'Bebas Neue', sans-serif);
    font-size: 1.35rem;
    letter-spacing: 1.5px;
    color: var(--rk-on-surface, #f5f5f7);
    margin: 0 0 0.2rem;
    line-height: 1.2;
}

[b-6m6ri0eocy] .notfound-card-body p {
    font-family: var(--rk-font-body, 'Outfit', sans-serif);
    font-size: 0.8rem;
    color: var(--rk-on-surface-muted, #8e8e93);
    margin: 0;
    line-height: 1.5;
}

/* ── Card arrow ──────────────────────────────────────────────────────────── */

[b-6m6ri0eocy] .notfound-card-arrow {
    flex-shrink: 0;
    font-size: 1.1rem;
    color: var(--rk-on-surface-dim, #9a9a9f);
    transition: color 0.3s var(--ease-out-expo, cubic-bezier(0.16, 1, 0.3, 1)),
                transform 0.3s var(--ease-out-expo, cubic-bezier(0.16, 1, 0.3, 1));
}

/* ── Home link ───────────────────────────────────────────────────────────── */

[b-6m6ri0eocy] .notfound-home {
    display: inline-block;
    margin-top: 2rem;
    font-family: var(--rk-font-body, 'Outfit', sans-serif);
    font-size: 0.875rem;
    color: var(--rk-on-surface-muted, #8e8e93);
    text-decoration: none;
    letter-spacing: 0.3px;
    transition: color 0.2s ease;
    opacity: 0;
    animation: fade-up-b-6m6ri0eocy 0.6s var(--ease-out-expo, cubic-bezier(0.16, 1, 0.3, 1)) 0.65s forwards;
}

[b-6m6ri0eocy] .notfound-home:hover {
    color: var(--rk-primary, #f5a623);
    text-decoration: none;
}

/* ── Mobile ──────────────────────────────────────────────────────────────── */

@media (max-width: 480px) {
    [b-6m6ri0eocy] .notfound-cards {
        grid-template-columns: 1fr;
    }

    [b-6m6ri0eocy] .notfound-ambient-404 {
        font-size: 8rem;
    }
}

/* ── Reduced motion ──────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
    [b-6m6ri0eocy] .notfound-ambient-404 {
        animation: none;
        opacity: 0.08;
    }

    [b-6m6ri0eocy] .notfound-badge,
    [b-6m6ri0eocy] .notfound-heading,
    [b-6m6ri0eocy] .notfound-message,
    [b-6m6ri0eocy] .notfound-cards,
    [b-6m6ri0eocy] .notfound-home {
        animation: none;
        opacity: 1;
    }
}