.shop-product-cart-action a {
  min-height: unset !important;
}
/* ---------------------------------------------------------
   03. HEADER / NAVIGATION
--------------------------------------------------------- */

.site-navbar {
    min-height: 82px;

    background: var(--hegadi-blue);

    border: 0;
    box-shadow: none;
}


/* =========================================================
   HEADER CONTAINER
========================================================= */

.site-navbar > .container {
    min-height: 82px;
}


/* =========================================================
   LOGO
   Actual output:
   .site-logo is an empty anchor
   .custom-logo-link contains the real image
========================================================= */

.site-navbar .site-logo {
    display: none;
}

.site-navbar .custom-logo-link {
    display: inline-flex;
    align-items: center;

    flex: 0 0 auto;

    text-decoration: none !important;
}

.site-navbar .custom-logo {
    display: block;

    width: auto;
    max-width: 210px;
    max-height: 58px;

    height: auto;
}


/* =========================================================
   MAIN NAVIGATION
========================================================= */

.site-navbar #menu-main-menu {
    align-items: center;

    gap: 4px !important;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* Menu item */

.site-navbar #menu-main-menu > li {
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* Main menu link */

.site-navbar #menu-main-menu > li > a {

    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 82px;

    padding: 0 14px;

    color: #fff !important;

    font-family: var(--hegadi-font);
    font-size: .88rem;
    font-weight: 600;
    line-height: 1;

    letter-spacing: .1px;

    text-transform: uppercase;

    text-decoration: none !important;

    white-space: nowrap;

    transition:
        color var(--hegadi-transition);
}


/* =========================================================
   ACTIVE / HOVER UNDERLINE
========================================================= */

.site-navbar #menu-main-menu > li > a::after {

    content: "";

    position: absolute;

    left: 14px;
    right: 14px;
    bottom: 13px;

    width: 0;
    height: 3px;

    margin: 0 auto;

    border-radius: 999px;

    background: var(--hegadi-green);

    transition:
        width var(--hegadi-transition);
}


/* Hover */

.site-navbar #menu-main-menu > li > a:hover {
    color: var(--hegadi-green) !important;
}


/* Active */

.site-navbar #menu-main-menu > li.current-menu-item > a,
.site-navbar #menu-main-menu > li.current_page_item > a,
.site-navbar #menu-main-menu > li.current-menu-ancestor > a,
.site-navbar #menu-main-menu > li.current_page_ancestor > a {
    color: var(--hegadi-green) !important;
}


/* Active underline */

.site-navbar #menu-main-menu > li.current-menu-item > a::after,
.site-navbar #menu-main-menu > li.current_page_item > a::after,
.site-navbar #menu-main-menu > li.current-menu-ancestor > a::after,
.site-navbar #menu-main-menu > li.current_page_ancestor > a::after {

    width: calc(100% - 28px);
}


/* =========================================================
   HEADER ACTIONS
========================================================= */

.site-navbar .header-actions {
    display: flex;
    align-items: center;

    gap: 15px;

    margin-left: 22px !important;
}


/* =========================================================
   CART ICON
========================================================= */

.site-navbar .header-icon-link {

    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    margin: 0;

    color: #fff !important;

    font-size: 1.15rem;
    line-height: 1;

    text-decoration: none !important;

    transition:
        color var(--hegadi-transition),
        transform var(--hegadi-transition);
}

.site-navbar .header-icon-link:hover {

    color: var(--hegadi-green) !important;

    transform: translateY(-1px);
}


/* Cart counter */

.site-navbar .cart-count {

    position: absolute;

    top: -4px;
    right: -7px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 18px;
    height: 18px;

    padding: 0 4px;

    border-radius: 999px;

    color: #fff;

    background: var(--hegadi-green);

    font-size: .62rem;
    font-weight: 700;
    line-height: 1;
}


/* =========================================================
   GET IN TOUCH BUTTON
========================================================= */

.site-navbar .header-actions .btn-brand {

    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 224px;
    min-width: 224px;
    height: 52px;
    min-height: 52px;

    margin: 0 !important;
    padding: 0 52px 0 25px !important;

    border: 0 !important;
    border-radius: 999px !important;

    color: #fff !important;

    background:
        linear-gradient(
            180deg,
            var(--hegadi-green) 0%,
            #4cb521 100%
        ) !important;

    font-family: var(--hegadi-font);
    font-size: .9rem;
    font-weight: 600;
    line-height: 1;

    text-align: center;

    text-decoration: none !important;
    text-transform: none;

    box-shadow:
        0 8px 22px rgba(61, 141, 28, .20);

    white-space: nowrap;

    transition:
        transform var(--hegadi-transition),
        background var(--hegadi-transition),
        box-shadow var(--hegadi-transition);
}


/* =========================================================
   BUTTON ARROW
   Added with CSS because actual HTML has no icon
========================================================= */

.site-navbar .header-actions .btn-brand::after {

    content: "→";

    position: absolute;

    top: 50%;
    right: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    color: var(--hegadi-green);

    background: #fff;

    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1;

    transform: translateY(-50%);

    transition:
        transform var(--hegadi-transition);
}


/* Button hover */

.site-navbar .header-actions .btn-brand:hover {

    color: #fff !important;

    background:
        linear-gradient(
            180deg,
            #64c52f 0%,
            var(--hegadi-green-dark) 100%
        ) !important;

    transform: translateY(-2px);

    box-shadow:
        0 14px 30px rgba(61, 141, 28, .28);
}

.site-navbar .header-actions .btn-brand:hover::after {

    transform:
        translate(2px, -50%);
}


/* =========================================================
   REMOVE BOOTSTRAP BUTTON EFFECTS
========================================================= */

.site-navbar .header-actions .btn-brand:focus,
.site-navbar .header-actions .btn-brand:active {

    color: #fff !important;

    box-shadow:
        0 8px 22px rgba(61, 141, 28, .20) !important;
}