/* Make public navbar match the instructor green theme */

/* Header background */
.header {
    background: rgba(242, 250, 238, 1) !important;
    border-bottom: 3px solid #000;
    color: #374938 !important;
}

/* Logo area spacing */
.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 0;
}

/* Logo sizing */
.header .logo img {
    height: 60px;
}

/* Buttons (Sign In) */
.header .w-button {
    background: rgba(242, 250, 238, 1) !important;
    color: #374938 !important;
    border: 2px solid #000 !important;
    border-radius: 12px !important;
    padding: 10px 22px !important;
    font-weight: 600 !important;
    transition: 0.2s ease;
}

/* Hover effect */
.header .w-button:hover {
    background: #fff !important;
    /* subtle white highlight */
    color: #000 !important;
    box-shadow: 2px 2px 0 #000;
}

/* Text colors */
.header strong,
.header a,
.header span {
    color: #374938 !important;
}



.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 0;
}

.header .logo img {
    height: 60px;
}

.header .w-button {
    background: var(--green-bg) !important;
    color: var(--green-text) !important;
    border: var(--border) !important;
    border-radius: var(--radius) !important;
    padding: 10px 22px !important;
    font-weight: 600 !important;
    transition: 0.2s ease;
}

.header .w-button:hover {
    background: var(--white) !important;
    color: var(--black) !important;
    box-shadow: var(--shadow);
}

.header strong,
.header a,
.header span {
    color: var(--green-text) !important;
}