/* TODO: Rename to scss, verify it works as expected */

/* Base Styles */
.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

.btn {
    padding: 13px 28px 13px 28px !important;
    text-transform: uppercase;
}

/* .copyright {
    color: #A8A8B2;
} */

.pages {
  .home {
    /* background-color: green; */
  }
  .contact {
    /* background-color: red; */
  }
  .about {
    /* background-color: blue; */
  }
}

.services {
   .index {
        /* background-color: red; */
    }
    .show {
        /* background-color: blue; */
    }
}

.industries {
    .index {
        /* background-color: blue; */
    }
    .show {
        /* background-color: green; */
    }
}

.events {
    .index {
        /* background-color: yellow; */
    }
    .show {
        /* background-color: orange; */
    }
}

.posts {
    .index {
        .fs-7 {
            font-size: 0.875rem;
        }
    }

    .show {
        /* background-color: pink; */
    }
}

/* Organization Portal Styles */
.organization {
    .sessions {
        .new {
            /* Login page styles */
        }
    }
    
    .registrations {
        .new {
            /* Registration page styles */
        }
    }
}

/* Authentication Form Enhancements */
.auth-form {
    .form-control-lg {
        border-radius: 0.5rem;
        border: 2px solid #e9ecef;
        transition: all 0.3s ease;
    }
    
    .form-control-lg:focus {
        border-color: #0d6efd;
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    }
    
    .btn-lg {
        border-radius: 0.5rem;
        font-weight: 600;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
    }
    
    .btn-lg:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
}

/* Card enhancements for auth pages */
.auth-card {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: none;
    overflow: hidden;
}

.auth-card .card-body {
    padding: 3rem;
}

@media (max-width: 768px) {
    .auth-card .card-body {
        padding: 2rem;
    }
}