/* Fő akcentusszín: zöld helyett sárga */
a,
a:focus,
a:hover {
    color: #ffcb0d;
}

/* Menü (fent) aktív és hover elemek */
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.current-item > a {
    color: #ffffff;
    background-color: #ffcb0d;
}

/* Fő CTA gombok, kosár gomb, stb. */
.btn,
.btn-primary,
button,
input[type="submit"],
input[type="button"] {
    background-color: #ffcb0d;
    border-color: #ffcb0d;
}

/* Főoldali nagy gomb (Shop Now) és hasonlók */
.sppb-btn,
.sppb-btn-primary {
    background-color: #ffcb0d;
    border-color: #ffcb0d;
}

:root {
  border-color: #ffffff !important;
  background-color: #ffffff !important;
}

/* Oldalcím / hero rész (ahol zöld a háttér) */
.sp-page-title,
.sp-page-title .container,
.sp-page-title .sp-page-title-heading,
.sp-page-title .sp-page-title-subheading {
    background-color: #ffcb0d;
}
:root {
    --bg-color2: #ffcb0d !important; /* Cseréld ki a #ff0000-t a saját színkódodra */
}

/* Lábjegyzet (footer) akcentus, link hover */
.sp-footer,
.sp-footer a:hover {
    color: #ffffff;
}

/* Ikonok (social ikonok, kis ikonfontok) */
.fa,
.fab,
.fas,
.icon {
    color: #ffcb0d;
}

/* Kis csíkok, border akcentusok */
.border-accent,
.hr-accent,
.section-title:after {
    border-color: #ffcb0d;
}

/* Offcanvas menü felső sáv / aktív elem */
.offcanvas-menu .sp-module-title,
.offcanvas-menu .menu li a:focus,
.offcanvas-menu .menu li a:hover,
.offcanvas-menu .menu li.active > a {
    background-color: #ffcb0d;
    color: #ffffff;
}