@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    background: #111827; /* Dark background */
    background-image: radial-gradient(at 47% 33%, hsl(203.00, 67%, 44%) 0, transparent 59%), 
                      radial-gradient(at 82% 65%, hsl(218.00, 39%, 24%) 0, transparent 55%);
    color: #e5e7eb; /* <-- Main fix: Set a default LIGHT text color for the whole page */
    min-height: 100vh;
}

/* Make all headings white */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

/* Glassmorphism Card Effect */
.bg-glass {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.navbar {
    background: rgba(17, 24, 39, 0.8) !important;
    backdrop-filter: blur(10px);
}

.btn-primary {
    background: linear-gradient(90deg, #3b82f6, #6366f1);
    border: none;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
}

/* Link Card Styling */
.link-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.link-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}

.original-link {
    font-size: 0.9rem;
    color: #adb5bd; /* Light gray for secondary text */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.short-link-text {
    font-weight: 600;
    color: #60a5fa; /* A bright blue for the short link */
}

a.short-link-text:hover {
    color: #82baff;
    text-decoration: none;
}


.clicks-badge {
    background-color: rgba(255, 255, 255, 0.1);
    color: #e5e7eb;
    font-size: 0.9em;
    padding: 0.4em 0.7em;
}

/* Kebab Dropdown Menu */
.dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    background: rgba(31, 41, 55, 0.9);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dropdown-item {
    color: #d1d5db;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.dropdown-item .fas {
    margin-right: 10px;
    width: 16px;
}

/* Form Styling */
.form-control {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff; /* Ensure text typed into form is white */
}
.form-control::placeholder { color: #6c757d; }
.form-control:focus {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #6366f1;
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25);
    color: #fff;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .link-card .d-flex {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .actions-menu {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }
    .link-info {
        margin-bottom: 1rem;
    }
}