/* ============================================================
   Header – BitsyBows Theme (OPTIMIZED)
   Transparent header + branding/logo only

   OPTIMIZATIONS:
   - Removed redundant selectors
   - Consolidated image rules
   - Used more specific selectors to reduce cascade
   - Removed unnecessary flex properties
   - Optimized transitions with will-change hints
   ============================================================ */

/* ---------- Remove borders from images ---------- */
img {
    border: none;
    outline: none;
    box-shadow: none;
}

/* ---------- Header Base ---------- */
.site-header {
    background: transparent;
    padding: 10px 0;
    flex-shrink: 0;
}

.header-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

/* ---------- Branding / Logo ---------- */
.site-branding {
    text-align: center;
    width: 100%;
}

.custom-logo {
    display: block;
    width: clamp(250px, 80vw, 450px);
    height: auto;
    margin: 0 auto;
    transition: transform 0.25s ease;
    will-change: transform;
}

.custom-logo:hover {
    transform: scale(1.02);
}

.site-title {
    font-size: 2rem;
    font-family: 'Gabriola', 'Cormorant', cursive, serif;
    margin: 0;
    color: #3d4a27;
}

.site-title a {
    text-decoration: none;
    color: inherit;
}

.site-description {
    font-size: 1rem;
    color: #666;
    margin: 0.5rem 0 0;
    font-style: italic;
}

/* ------------------------------------------------ */
/* ---------  Navigation / Menu location  --------- */
/* ------------------------------------------------ */

/* Vertical alignment */
.header-inner.above-menu {
    flex-direction: column-reverse;
}

/* Horizontal alignment - increased specificity without !important */
.nav-container.align-left .primary-menu {
    justify-content: flex-start;
}

.nav-container.align-center .primary-menu {
    justify-content: center;
}

.nav-container.align-right .primary-menu {
    justify-content: flex-end;
}