@import url('./base.css');
@import url('./navbar.css');
@import url('./server-panel.css');
@import url('./buttons.css');
@import url('./hero.css');
@import url('./forms.css');
@import url('./footer.css');
@import url('./responsive.css');
@import url('./news.css');


html {
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
}

body {
  margin-bottom: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

main {
  flex: 1 0 auto;
  overflow-x: hidden;
  width: 100%;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Botões de Login/Register no Navbar */
.navbar .btn-outline-primary,
.navbar .btn-outline-secondary,
.navbar-nav .nav-link.btn,
.auth-buttons .btn {
    padding: 0.5rem 1.5rem !important;
    background: transparent !important;
    border: 2px solid #7896b4 !important;
    color: #7896b4 !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.85rem;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    text-decoration: none;
    margin-left: 0.5rem;
}

.navbar .btn-outline-primary:hover,
.navbar .btn-outline-secondary:hover,
.navbar-nav .nav-link.btn:hover,
.auth-buttons .btn:hover {
    background: rgba(120, 150, 180, 0.1) !important;
    border-color: #b8d0e8 !important;
    color: #b8d0e8 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(120, 150, 180, 0.3);
}

/* Remove estilos Bootstrap padrão */
.navbar .btn:not(:disabled):not(.disabled):active,
.navbar .btn:not(:disabled):not(.disabled).active {
    background: rgba(120, 150, 180, 0.2) !important;
    border-color: #7896b4 !important;
    color: #7896b4 !important;
}

.auth-buttons .btn-login,
.auth-buttons .btn-register {
    padding: 0.5rem 1.5rem;
    background: transparent !important;
    border: 2px solid #7896b4;
    color: #7896b4 !important;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.85rem;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.auth-buttons .btn-login:hover,
.auth-buttons .btn-register:hover {
    background: rgba(120, 150, 180, 0.1) !important;
    border-color: #b8d0e8;
    color: #b8d0e8 !important;
    transform: translateY(-2px);
}

/* Mobile Fixes */
@media (max-width: 768px) {
    html, body {
        overflow-x: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    body {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .container {
        overflow-x: hidden;
        max-width: 100%;
    }

    .footer, .footer-wrapper {
        overflow: visible !important;
        width: 100%;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .footer-bottom {
        margin-bottom: 0 !important;
        padding-bottom: 0.5rem !important;
    }
}

/* News Card Home */
.news-card-home {
    background: rgba(10, 15, 25, 0.7);
    border: 2px solid rgba(120, 150, 180, 0.3);
    border-radius: 12px;
    padding: 2rem;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.news-card-home:hover {
    transform: translateY(-5px);
    border-color: rgba(120, 150, 180, 0.5);
    box-shadow: 0 8px 25px rgba(120, 150, 180, 0.2);
}