/* =========================================================
   🎨 VARIÁVEIS (tema)
========================================================= */
:root {
    --laranja: #ff9c00;
    --roxo: #c300ff;
    --roxo-escuro: #9d04cc;
    --laranja-escuro: #ff8902;
    --azul: #2F96BA;
    --preto: #111111;
    --cinza: #f5f7fb;
    --branco: #ffffff;
    --texto: #2a2a2a;
    --bg1: #0B1629;
    --bg2: #2D445E;

    /* extras usados no CSS */
    --whatsapp: #25D366;
    --whatsapp-hover: #20c057;
    --verde: #00BB9C;
}

/* =========================================================
   🧱 BASE
========================================================= */
body {
    color: var(--texto);
    background: linear-gradient(90deg, var(--bg1) 0%, var(--bg2) 100%);
    font-size: .825rem;
}

/* =========================================================
   🔝 TOPBAR / NAV
========================================================= */
.topbar {
    background: var(--preto);
    color: var(--branco);
    font-size: .925rem;
}

.topbar a {
    color: var(--branco);
    text-decoration: none;
    opacity: .9;
}

.topbar a:hover {
    opacity: 1;
    text-decoration: underline;
}

.navbar {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
}

.navbar .nav-link {
    font-weight: 600;
    font-size: .825rem;
}

/* Navbar com degradê (classe extra) */
.navbar-gradient {
    background: linear-gradient(90deg, #0c180c, #9C27B0, #2196F3);
}

.navbar.navbar-gradient .nav-link,
.navbar.navbar-gradient .navbar-brand,
.navbar.navbar-gradient .navbar-brand img {
    color: #fff !important;
}

.navbar.navbar-gradient .nav-link:hover,
.navbar.navbar-gradient .nav-link:focus {
    color: #fff !important;
    background: rgba(255, 255, 255, .12);
    border-radius: .5rem;
}

.navbar.navbar-gradient .nav-link.active {
    position: relative;
}

.navbar.navbar-gradient .nav-link.active::after {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: -6px;
    height: 3px;
    border-radius: 999px;
    background: #fff;
    opacity: .9;
}

.navbar.navbar-gradient .navbar-toggler {
    border-color: rgba(255, 255, 255, .55);
}

.navbar.navbar-gradient .navbar-toggler .navbar-toggler-icon {
    filter: invert(1) brightness(2);
}

/* Dropdown (geral) */
.navbar .dropdown-menu {
    border-radius: .75rem;
    border: 1px solid rgba(0, 0, 0, .06);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}
#buscaEbook::placeholder {
    color: #ccc;
}

#buscaEbook:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 187, 156, .3);
    border-color: #00BB9C;
}

.card:hover {
    transform: translateY(-5px);
    transition: .3s ease;
}

.btn:hover {
    background-color: #00d9b3 !important;
}