/* UrKitchen brand overrides - navbar color + height + minor alignment tweaks */
:root{
    /* Default UrKitchen dark green. Change these to exact brand hexes if you provide them */
    --urk-primary: #0c382c; /* dark green */
    --urk-primary-dark: #0c382c;
    --urk-accent: #ffffff;
}

/* Upper navbar (main header) - dark green + increased height */
.main-header.navbar {
    background: linear-gradient(90deg, var(--urk-primary), var(--urk-primary-dark)) !important;
    min-height: 72px !important; /* increase height */
    height: 72px !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    border-bottom: 2px solid rgba(0,0,0,0.06) !important;
}

/* Make brand link vertically centered in taller navbar */
.main-header .brand-link {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding: 0.5rem 0.75rem !important;
}
.main-header .brand-link .brand-image{ max-height:44px; margin-right:0.5rem; }
.main-header .brand-link .brand-text{ color: #fff !important; font-weight:700; }

/* Increase nav link vertical spacing so items center in taller navbar */
.main-header .navbar-nav .nav-link {
    padding-top: 0.9rem !important;
    padding-bottom: 0.9rem !important;
    color: #fff !important;
}

/* Adjust dropdowns inside navbar for vertical centering */
.main-header .nav-item .dropdown-menu { margin-top: 12px; }

/* Keep small-screen behavior reasonable */
@media (max-width:768px){
    .main-header.navbar { min-height: 56px; height:56px; }
    .main-header .brand-link .brand-image{ max-height:34px; }
}

/* Keep brand color consistent for icons */
.main-header .nav-link i, .main-header .navbar .nav-link {
    color: #fff !important;
}