/* ═══════════════════════════════════════════════════
   COBALT MANGAS — Theme Override
   Remaps Uranium green (#a3e635) → Cobalt Blue (#3b82f6)
   ═══════════════════════════════════════════════════ */

/* ── 1. Gradient Text ────────────────────────────── */
.text-gradient-uranium {
    background: linear-gradient(135deg, #3b82f6, #60a5fa 50%, #93c5fd);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ── 2. Selection Color ──────────────────────────── */
::selection {
    background-color: rgba(59, 130, 246, 0.3);
}
::-moz-selection {
    background-color: rgba(59, 130, 246, 0.3);
}

/* ── 3. Focus outline ────────────────────────────── */
:focus-visible {
    outline-color: #3b82f6;
}

/* ── 4. Hero stat cards ──────────────────────────── */
.hero-stat-card {
    border-color: rgba(59, 130, 246, 0.15);
}
.hero-stat-label {
    color: #3b82f6;
}

/* ── 5. Avatar ring ──────────────────────────────── */
.ring-uranium-400\/10 {
    --tw-ring-color: rgba(59, 130, 246, 0.1);
}
.ring-offset-dark-950 {
    --tw-ring-offset-color: #09090f;
}

/* ── 6. Buttons — Override green to blue ─────────── */
.btn-primary {
    background-color: #3b82f6;
    color: #fff;
}
.btn-primary:hover {
    background-color: #60a5fa;
    --tw-shadow-color: rgba(59, 130, 246, 0.3);
}

/* ── 7. Section headings icon color ──────────────── */
.section-heading i {
    color: #3b82f6;
}

/* ── 8. Card hover border ────────────────────────── */
.card:hover {
    border-color: rgba(59, 130, 246, 0.3);
}

/* ── 9. Login/Acceder button ─────────────────────── */
a[style*="background:#2d5016"] {
    background: #1e40af;
    border: 1px solid rgba(59, 130, 246, 0.25);
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.15);
}

/* ── 10. Novel hover text ────────────────────────── */
.group:hover .novel-card-compact .title,
.collection-card:hover .title {
    color: #60a5fa;
}

/* ── 11. Nav active states ───────────────────────── */
.bg-uranium-400\/15,
[class*="bg-uranium-400"] {
    background-color: rgba(59, 130, 246, 0.15);
}
.text-uranium-300,
.text-uranium-400,
[class*="text-uranium"] {
    color: #60a5fa;
}

/* ── 12. Border uranium overrides ────────────────── */
[class*="border-uranium"] {
    border-color: rgba(59, 130, 246, 0.2);
}

/* ── 13. Shadow uranium overrides ────────────────── */
[class*="shadow-uranium"] {
    --tw-shadow-color: rgba(59, 130, 246, 0.15);
}

/* ── 14. Pagination ──────────────────────────────── */
.pagination-wrap .page-link:hover {
    background-color: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
}
.pagination-wrap .active .page-link {
    background-color: #3b82f6;
    border-color: #3b82f6;
    color: #fff;
}

/* ── 15. Input focus ─────────────────────────────── */
.input-field:focus {
    border-color: rgba(59, 130, 246, 0.4);
    --tw-ring-color: rgba(59, 130, 246, 0.2);
}

/* ── 16. Scrollbar ───────────────────────────────── */
::-webkit-scrollbar-thumb:hover {
    background-color: #3b82f6;
}

/* ── 17. Accent color ────────────────────────────── */
.accent-uranium-400 {
    accent-color: #3b82f6;
}

/* ── 18. Dropdown menu border ────────────────────── */
.dropdown-menu {
    border-color: rgba(59, 130, 246, 0.15);
}

/* ── 19. Hero avatar border glow ─────────────────── */
[class*="border-uranium-400"][class*="shadow-uranium"] {
    border-color: rgba(59, 130, 246, 0.25);
    --tw-shadow-color: rgba(59, 130, 246, 0.15);
}

/* ── 20. Gradient backgrounds ────────────────────── */
.bg-gradient-to-br.from-uranium-400\/40 {
    --tw-gradient-from: rgba(59, 130, 246, 0.4);
}
.from-uranium-400\/10 {
    --tw-gradient-from: rgba(59, 130, 246, 0.1);
}

/* ── 21. Group hover ─────────────────────────────── */
.group:hover .group-hover\:text-uranium-300,
.group:hover .group-hover\:text-uranium-400,
.group:hover .group-hover\:bg-uranium-300 {
    color: #60a5fa;
}

/* ── 22. Focus-within ────────────────────────────── */
[class*="focus-within\:border-uranium"] {
    border-color: rgba(59, 130, 246, 0.3);
}

/* ── 23. Hover bg uranium ────────────────────────── */
[class*="hover\:bg-uranium"] {
    background-color: rgba(59, 130, 246, 0.15);
}