@import 'WiseProperty.Client.gboi25ejft.bundle.scp.css';

/* /Components/Account/Pages/PreLogin.razor.rz.scp.css */
/* ==========================================================================
   PRELOGIN - Account Selection Cards
   ========================================================================== */

/* --- Account Card Base --- */
.account-card[b-6e04wxztrh] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    width: 100%;
    padding: 0.875rem 1rem;
    border: 2px solid var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    color: var(--color-text-dark);
    text-decoration: none;
    transition: var(--transition-base);
}

/* --- Selected State --- */
.account-card--selected[b-6e04wxztrh] {
    border-color: var(--color-primary-mid);
    background-color: var(--color-primary-pale);
}

/* --- Expired State --- */
.account-card--expired[b-6e04wxztrh] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* --- Logo Circle Backgrounds per Role --- */
.account-card__logo--pm[b-6e04wxztrh] {
    background-color: #0040D0;
}

.account-card__logo--tenant[b-6e04wxztrh] {
    background-color: #06B6D4;
}

.account-card__logo--si[b-6e04wxztrh] {
    background-color: #16A34A;
}

.account-card__logo--owner[b-6e04wxztrh] {
    background-color: #4F46E5;
}

.account-card__logo--vendor[b-6e04wxztrh] {
    background-color: #F4A261;
}

.account-card__logo--bm[b-6e04wxztrh] {
    background-color: #8B5CF6;
}

.account-card__logo--default[b-6e04wxztrh] {
    background-color: var(--color-text-secondary);
}

/* --- Role Badge Colors --- */
[b-6e04wxztrh] .account-badge--pm {
    background-color: #0040D0;
    color: #fff;
}

[b-6e04wxztrh] .account-badge--tenant {
    background-color: #06B6D4;
    color: #fff;
}

[b-6e04wxztrh] .account-badge--si {
    background-color: #16A34A;
    color: #fff;
}

[b-6e04wxztrh] .account-badge--owner {
    background-color: #4F46E5;
    color: #fff;
}

[b-6e04wxztrh] .account-badge--vendor {
    background-color: #F4A261;
    color: #fff;
}

[b-6e04wxztrh] .account-badge--bm {
    background-color: #8B5CF6;
    color: #fff;
}

[b-6e04wxztrh] .account-badge--default {
    background-color: var(--color-text-secondary);
    color: #fff;
}
/* /Components/Account/Shared/FAQItem.razor.rz.scp.css */
.faq-chevron[b-ebu7qg6f0n] {
    transition: transform 0.2s;
}

button:not(.collapsed) .faq-chevron[b-ebu7qg6f0n] {
    transform: rotate(180deg);
}
/* /Components/Account/Shared/FormInput.razor.rz.scp.css */
/* --- Base form-control styles now handled in overrides.public.css --- */

.form-input-icon[b-9op1h7j9r4] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 1rem;
    color: var(--color-text-secondary);
    z-index: 1;
    pointer-events: none;
}

.form-input-right-icon[b-9op1h7j9r4] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 1rem;
    color: var(--color-text-secondary);
    z-index: 1;
    pointer-events: none;
}

.form-input-password-toggle[b-9op1h7j9r4] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 1rem;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--color-text-secondary) !important;
    text-decoration: none !important;
    width: auto;
    height: auto;
    min-width: 20px;
}

.form-input-password-toggle:hover[b-9op1h7j9r4] {
    color: var(--color-text-dark) !important;
}

.form-input-password-toggle:focus[b-9op1h7j9r4] {
    outline: none;
    box-shadow: none;
}
/* /Components/Account/Shared/HeroSection.razor.rz.scp.css */
.hero-section[b-tbjnp1vxsz] {
    position: relative;
    overflow: hidden;
}

.hero-grid[b-tbjnp1vxsz] {
    opacity: 0.1;
}

/* --- hero-text max-width now handled by .max-w-700 global utility --- */

/* ==========================================================================
   PRIMARY COLOR OVERRIDES - Use --color-primary
   ========================================================================== */

.hero-section.bg-primary[b-tbjnp1vxsz] {
    background-color: var(--color-primary) !important;
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
[b-j3d2ree3ex] .card .nav-link.custom {
    text-align: left;
    padding: .5rem 1rem;
    border-radius: .375rem;
    margin-bottom: .25rem;
    border: 0;
    transition: all var(--transition-base, 300ms) ease;
    color: var(--color-text-dark);
    background-color: transparent;
    text-decoration: none;
    display: block;
}

[b-j3d2ree3ex] .card .nav-link.custom i {
    color: inherit;
}

[b-j3d2ree3ex] .card .nav-link.custom:not(.active):hover {
    background-color: var(--bs-light);
}

[b-j3d2ree3ex] .card .nav-link.custom.active {
    background-color: var(--color-primary);
    color: var(--color-white);
    font-weight: 600;
}

/* Profile row layout */
.profile-row[b-j3d2ree3ex] {
    gap: .75rem;
}

.profile-avatar[b-j3d2ree3ex] {
    width: 56px;
    height: 56px;
    font-size: 20px;
    background-color: var(--color-primary);
}

.profile-info[b-j3d2ree3ex] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    flex: 1 1 0;
    min-width: 0;
}

.profile-info .profile-name[b-j3d2ree3ex] {
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.profile-email[b-j3d2ree3ex] {
    font-size: .85rem;
    color: var(--bs-muted, #6c757d);
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.manage-separator[b-j3d2ree3ex] {
    display: block;
    border: 0;
    height: 1px;
    box-sizing: border-box;
    /* stronger visible color with fallback */
    background-color: rgba(0, 0, 0, 0.06);
    background-color: var(--bs-light, rgba(0, 0, 0, 0.06));
    width: calc(100% - 2rem);
    margin: 0 1rem;
}

/* Slightly reduce vertical spacing so separator sits flush with card bodies */
.card-body:first-of-type[b-j3d2ree3ex] {
    padding-bottom: .5rem;
}

.card-body:last-of-type[b-j3d2ree3ex] {
    padding-top: .5rem;
}
/* /Components/Account/Shared/StatusPopup.razor.rz.scp.css */
.modal.show[b-tdql8v9dqx] {
    display: block !important;
}

.modal-body[b-tdql8v9dqx] {
    padding: 2rem;
}

@media (min-width: 992px) {
    .modal-body[b-tdql8v9dqx] {
        padding: 3rem;
    }
}
/* /Components/Public/About.razor.rz.scp.css */
/* ==========================================================================
   ABOUT PAGE - LAYOUT
   ========================================================================== */



/* ==========================================================================
   CANADIAN COMMITMENT SECTION
   ========================================================================== */

.about-canadian-commitment[b-48d3a0w4hy] {
    background: linear-gradient(135deg, rgba(var(--color-chart-1-rgb), 0.05), rgba(var(--color-chart-1-rgb), 0.05));
}

.about-commitment-bullet[b-48d3a0w4hy] {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
}

/* ==========================================================================
   CTA SECTION
   ========================================================================== */

.about-cta-card[b-48d3a0w4hy] {
    background: linear-gradient(135deg, var(--color-background), rgba(var(--color-background-rgb), 0.9));
}
/* /Components/Public/Index.razor.rz.scp.css */
/* Typography overrides are now handled globally in overrides.public.css */

/* ==========================================================================
   Hero Section - Buttons and Layout
   ========================================================================== */

section.bg-white.py-5.pt-0[b-kw4cz5zrm3] {
    margin-top: 72px;
}

section.bg-white.py-5.pt-0 .row.align-items-center[b-kw4cz5zrm3] {
    min-height: calc(100vh - 72px);
}

/* Hero decorative element positioning */
section.bg-white.py-5.pt-0 .position-absolute.bg-primary.opacity-10[b-kw4cz5zrm3],
section.bg-white.py-5.pt-0 .position-absolute.bg-primary.opacity-10.rounded-4[b-kw4cz5zrm3] {
    background-color: var(--color-primary-light) !important;
    opacity: 0.1 !important;
    top: 20px;
    left: 20px;
    z-index: 0;
}

/* ==========================================================================
   Page-Specific Backgrounds
   ========================================================================== */

.bg-section-3[b-kw4cz5zrm3] {
    background-image: url("/landing_page_image_section7.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
}

/* ==========================================================================
   SECTION 2 - CANADIAN DIFFERENCE CARDS (Specific Overrides)
   ========================================================================== */

.canadian-difference-card .icon-circle[b-kw4cz5zrm3] {
    --bs-bg-opacity: 0.2 !important;
}

.canadian-difference-card i.bi.text-primary[b-kw4cz5zrm3] {
    fill: var(--app-primary-mid) !important;
    color: var(--app-primary-mid) !important;
    font-size: 2.1rem !important;
}

/* ==========================================================================
   CARD HOVER EFFECTS (Component Specific)
   ========================================================================== */

.pain-point-card:hover[b-kw4cz5zrm3] {
    background-color: rgba(var(--color-white-rgb), 0.3) !important;
}

/* Icon transitions in cards */
.pain-point-card i[b-kw4cz5zrm3],
.ai-card i[b-kw4cz5zrm3] {
    transition: transform 0.3s ease !important;
}

.pain-point-card:hover i[b-kw4cz5zrm3] {
    transform: scale(1.2) !important;
}

.ai-card:hover i[b-kw4cz5zrm3] {
    transform: scale(1.25) rotate(8deg) !important;
    color: var(--app-primary-mid) !important;
}

/* Badge transitions in cards */
.ai-card .badge[b-kw4cz5zrm3] {
    transition: all 0.3s ease !important;
}

.ai-card:hover .badge[b-kw4cz5zrm3] {
    transform: scale(1.1) !important;
    background-color: var(--app-primary-mid) !important;
    color: var(--color-white) !important;
}

/* ==========================================================================
   FEATURE BLOCKS
   ========================================================================== */

.feature-block[b-kw4cz5zrm3] {
    transition: all 0.3s ease !important;
    cursor: pointer;
    padding: 1rem;
    border-radius: 0.5rem;
}

.feature-block:hover[b-kw4cz5zrm3] {
    background-color: rgba(var(--color-primary-rgb), 0.08) !important;
    transform: translateX(12px) !important;
}

.feature-block i[b-kw4cz5zrm3] {
    transition: all 0.3s ease !important;
}

.feature-block:hover i[b-kw4cz5zrm3] {
    transform: scale(1.3) rotate(-8deg) !important;
    color: var(--app-primary-mid) !important;
}

/* ==========================================================================
   SECTION 5 - IMAGE AND DECORATIVE ELEMENTS
   ========================================================================== */

section.py-5.bg-light .position-absolute.bg-info.opacity-25.rounded-4[b-kw4cz5zrm3] {
    top: 15px;
    left: 15px;
    z-index: 0;
}

/* ==========================================================================
   CTA SECTION
   ========================================================================== */

.cta-section[b-kw4cz5zrm3] {
    background-color: var(--app-primary-mid) !important;
}

.cta-decorative-circles[b-kw4cz5zrm3] {
    pointer-events: none;
    z-index: 0;
}

.cta-circle[b-kw4cz5zrm3] {
    border-radius: 50%;
    background: rgba(var(--color-white-rgb), 0.1);
}

.cta-circle-1[b-kw4cz5zrm3] {
    top: 20%;
    left: 10%;
    width: 100px;
    height: 100px;
}

.cta-circle-2[b-kw4cz5zrm3] {
    top: 60%;
    right: 15%;
    width: 150px;
    height: 150px;
}

.cta-circle-3[b-kw4cz5zrm3] {
    bottom: 10%;
    left: 30%;
    width: 80px;
    height: 80px;
}

.cta-btn-primary[b-kw4cz5zrm3] {
    --bs-btn-hover-bg: var(--color-white);
}

.cta-btn-secondary[b-kw4cz5zrm3] {
    --bs-btn-hover-bg: rgba(var(--color-white-rgb), 0.25);
    --bs-btn-hover-border-color: var(--color-white);
    --bs-btn-hover-color: var(--color-white);
}

/* ==========================================================================
   SPECIFIC ICON SIZES
   ========================================================================== */

section.py-5.bg-white .bi.bi-arrow-down-circle.text-primary[b-kw4cz5zrm3] {
    font-size: 2.5rem;
}

section.py-5.text-white .bi.bi-rocket-takeoff[b-kw4cz5zrm3] {
    font-size: 3rem;
}