/* ========================
    BitWebTools Custom CSS
   ======================== */

/* Global body and font */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa; /* light grey */
    color: #212529;
}

/* Headings */
h1, h2, h3 {
    color: #0d6efd; /* Bootstrap primary blue */
}

/* Navbar logo adjustment */
.navbar-brand img {
    height: 30px; /* your updated logo height */
}

/* Tool buttons */
.tool-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.75rem 1rem;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

/* Icon spacing in buttons */
.tool-btn i {
    font-size: 1.2rem;
    margin-right: 0.5rem;
}

/* Button hover */
.tool-btn:hover {
    background-color: #0b5ed7; /* slightly darker primary blue */
    text-decoration: none;
}

/* Textareas */
textarea {
    resize: vertical;
    min-height: 100px;
}

/* Footer links */
footer a {
    transition: color 0.2s ease;
}

footer a:hover {
    text-decoration: underline;
    color: #ffffff;
}

/* Header sections */
header h1 {
    font-size: 2.5rem;
}

header p.lead {
    font-size: 1.2rem;
}

/* Responsive spacing adjustments */
@media (max-width: 768px) {
    header h1 {
        font-size: 2rem;
    }

    .tool-btn {
        justify-content: center;
        text-align: center;
    }

    .tool-btn i {
        margin-right: 0.25rem;
    }
}