@font-face {
    font-family: 'Pretoria';
    src: url('/font/Pretoria\ Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

body {
    font-family: 'Pretoria', serif;
   
}

 html, body {
    overflow-x: hidden;
}

/* Navbar Base - Cowboy Desert Theme */
.comic-navbar {
    background: linear-gradient(to bottom, #d4a373, #b5835a); /* warm sandy gradient */
    border: 4px solid #5c3a21; /* dark leather border */
    border-radius: 0 0 15px 15px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.4);
    background-image: url('/images/navbar.png'); /* optional texture */
    background-size: cover;
}

/* Logo */
.navbar-logo {
    height: 60px;
    filter: drop-shadow(2px 2px 0 #5c3a21);
}

/* Nav Links */
.nav-link {
    color: #3b1f0e !important; /* dark brown text */
    font-size: 1.2rem;
    padding: 0.5rem 1rem;
    text-shadow: 1px 1px 0 #f5e6ca;
    letter-spacing: 1px;
}
.nav-link:hover {
    color: #fff3d6 !important;
    background-color: rgba(92, 58, 33, 0.2);
    border-radius: 6px;
}

/* Join Button */
.join-btn {
    background-color: #c08552;
    color: #fff3d6;
    font-weight: bold;
    border: 3px solid #5c3a21;
    border-radius: 6px;
    padding: 0.4rem 1rem;
    box-shadow: 3px 3px 0 #5c3a21;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.join-btn:hover {
    background-color: #a76d3c;
    color: #fff8e1;
}

/* Mobile toggle icon styling */
.navbar-toggler {
    border-color: #5c3a21;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(92, 58, 33, 0.9)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}