/* 1) Header background (normal area) */
nav.header-navbar,
nav.header-navbar .header-navbar-top,
nav.header-navbar .header-navbar-bottom {
    background-color: #b3dcdc;
}

/* 2) FULL-WIDTH background behind header (fixes black side gutters) */
nav.header-navbar {
    position: relative; /* required for ::before */
}

nav.header-navbar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;              /* spans full browser width */
    height: 100%;
    transform: translateX(-50%);
    background-color: #b3dcdc;
    z-index: -1;               /* sits behind header content */
}

/* 3) Top menu links (Kapcsolat, ÁSZF, etc.) */
nav.header-navbar .header-navbar-top .nav-link {
    color: #07666d;
}

nav.header-navbar .header-navbar-top .nav-link:hover {
    color: #ffe4f1;
}

/* 4) Header icons (SVG uses fill='currentColor') */
nav.header-navbar svg,
nav.header-navbar .btn,
nav.header-navbar .nav-link {
    color: #07666d;
}

/* 5) Header category menu */
#module_category_wrapper .category-module,
#module_category_wrapper .category-menu {
    background-color: #b3dcdc;
}

#module_category_wrapper .category-menu .nav-link {
    color: #07666d;
}

#module_category_wrapper .category-menu .nav-link:hover,
#module_category_wrapper .category-menu .nav-item.active > .nav-link {
    background-color: #ff85c2;
    color: #ffffff;
}

/* 6) Dropdown / submenu under the TOP menu */
#module_category_wrapper .category-menu .children {
    background-color: #b3dcdc;
}

#module_category_wrapper .category-menu .children .nav-link:hover {
    background-color: #ffa6d5;
}

/* 7) Cart button fix (btn-primary forces dark background) */
nav.header-navbar .cart-dropdown-toggle.btn-primary {
    background-color: #b3dcdc;
    border-color: #b3dcdc;
    color: #07666d;
}

nav.header-navbar .cart-dropdown-toggle.btn-primary:hover,
nav.header-navbar .cart-dropdown-toggle.btn-primary:focus {
    background-color: #b3dcdc;
    border-color: #b3dcdc;
    color: #07666d;
}

/* 8) Hamburger button is also btn-primary in your header */
nav.header-navbar #js-hamburger-icon.btn-primary {
    background-color: #b3dcdc;
    border-color: #b3dcdc;
}

nav.header-navbar #js-hamburger-icon.btn-primary:hover,
nav.header-navbar #js-hamburger-icon.btn-primary:focus {
    background-color: #ff85c2;
    border-color: #ff85c2;
}

/* =========================
   SIDEBAR MENU (Category2) – make background + title match
   ========================= */

/* Sidebar wrapper and module background */
#category2.module.side-position,
#category2 .module-head,
#category2 .module-body,
#category2 .category-menu,
#category2 ul.category2,
#category2 ul.children {
    background-color: #f67da1 !important;
}

/* Sidebar title ("Termékszűrő") */
#category2 .module-head-title {
    color: #ffffff !important;
}

/* Sidebar links */
#category2 .nav-link {
    color: #ffffff !important;
}

#category2 .nav-link:hover,
#category2 .nav-item.active > .nav-link,
#category2 .nav-item.selected > .nav-link {
    background-color: #ff85c2 !important;
    color: #ffffff !important;
}

/* Sidebar dropdown children slightly lighter */
#category2 ul.children {
    background-color: #ff85c2 !important;
}

/* === FORCE CART BUTTON (btn-primary) TO PINK === */
#js-cart .cart-dropdown-toggle.btn.btn-primary,
#js-cart .cart-dropdown a.cart-dropdown-toggle.btn.btn-primary,
.header-navbar-top-right #js-cart .cart-dropdown-toggle.btn.btn-primary {
    background-color: #b3dcdc !important;
    border-color: #b3dcdc !important;
    color: #ffffff !important;
}

/* Hover / focus / active states (Bootstrap-like) */
#js-cart .cart-dropdown-toggle.btn.btn-primary:hover,
#js-cart .cart-dropdown-toggle.btn.btn-primary:focus,
#js-cart .cart-dropdown-toggle.btn.btn-primary:active,
#js-cart .cart-dropdown-toggle.btn.btn-primary.active {
    background-color: #ff85c2 !important;
    border-color: #ff85c2 !important;
    color: #ffffff !important;
}
/* === FORCE LOGO BIGGER (theme override) === */
.header-navbar .header-navbar-top-center a.navbar-brand img,
nav.header-navbar .header-navbar-top-center .navbar-brand img {
    height: 100px !important;     /* change this: 120 / 150 / 180 */
    max-height: 65px !important;
    width: auto !important;
    max-width: none !important;
    display: block;
}

/* If the <a> or its container is limiting height/overflow, relax it */
.header-navbar .header-navbar-top-center a.navbar-brand,
.header-navbar .header-navbar-top-center {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* ===== Mobile / Tablet ===== */
@media (max-width: 991px) {

  /* Make the header row stable */
  .header-navbar .header-navbar-top {
    display: flex !important;
    align-items: center !important;
    min-height: 70px !important;   /* IMPORTANT: don't keep this at 20px */
  }

  /* Mobile logo size (pick what you like) */
  .header-navbar .header-navbar-top-center a.navbar-brand img {
    height: 25px !important;       /* try 45–70px */
    max-height: 25px !important;
    width: auto !important;
  }

  /* Center the logo block */
  .header-navbar .header-navbar-top-center {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* VISUAL CENTERING: shift logo slightly right */
  .header-navbar .header-navbar-top-center a.navbar-brand {
    position: relative !important;
    left: 40px !important;         /* increase to move RIGHT: 6, 10, 14 */
  }
}
/* =========================
   FOOTER BACKGROUND COLOR
   ========================= */

footer {
    background-color: #07666d; /* change to your footer color */
}

/* Make sure inner sections don't reintroduce black */
footer .footer-rows,
footer .module,
footer .section-wrapper,
footer .section-module,
footer .module-body,
footer .module-head,
footer .information-module-list {
    background-color: transparent;
}

/* Copyright bar */
footer .footer-copyright {
    background-color: #07666d; /* slightly different shade if you want */
    color: #ffffff;
}