.footer a:hover,/* LÁBLÉC HÁTTÉR – RÓZSASZÍN */
footer, #footer, .footer, .site-footer {
  background: #D272A9 !important;
}

/* LÁBLÉC CÍMEK – LILA (Elérhetőség stb.) */
footer h1, footer h2, footer h3, footer h4,
#footer h1, #footer h2, #footer h3, #footer h4,
.footer h1, .footer h2, .footer h3, .footer h4,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 {
  color: #642C79 !important;
}

/* LÁBLÉC KIS SZÖVEG + LINKEK – FEHÉR */
footer, footer p, footer span, footer li, footer a,
#footer, #footer p, #footer span, #footer li, #footer a,
.footer, .footer p, .footer span, .footer li, .footer a,
.site-footer, .site-footer p, .site-footer span, .site-footer li, .site-footer a {
  color: #FFFFFF !important;
}

/* LINK HOVER – LILA */
footer a:hover,
#footer a:hover,
.site-footer a:hover {
  color: #642C79 !important;
}
/* MINDEN SZÖVEG LILA */
body,
body p,
body span,
body li,
body a,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #642C79 !important;
}

/* LINK HOVER IS LILA */
a:hover {
  color: #642C79 !important;
}

/* ----- LÁBLÉC HÍRLEVÉL – MARADJON FEHÉR ----- */
.site-footer form,
.site-footer form p,
.site-footer form label,
.site-footer form span,
.site-footer form input,
.site-footer form textarea,
.site-footer form ::placeholder {
  color: #ffffff !important;
}

/* ----- ALSÓ JOGI SOR – MARADJON FEHÉR ----- */
.site-footer .copyright,
.site-footer .copyright * {
  color: #ffffff !important;
}
/* BAL OLDALI "MÁRKÁK" DOBOZ – RÓZSASZÍN HÁTTÉR + FEHÉR SZÖVEG */
.filter-box, .filters, .sidebar, .sidebar * {
  background-color: #D272A9 !important;
}
.filter-box, .filters, .sidebar,
.filter-box a, .filters a, .sidebar a,
.filter-box li, .filters li, .sidebar li,
.filter-box h3, .filters h3, .sidebar h3 {
  color: #FFFFFF !important;
}

/* KERESÉS GOMB – RÓZSASZÍN + FEHÉR SZÖVEG/IKON */
button[type="submit"], .btn, .button, .search-button {
  background-color: #D272A9 !important;
  border-color: #D272A9 !important;
  color: #FFFFFF !important;
}
button[type="submit"] svg, .btn svg, .button svg, .search-button svg {
  fill: #FFFFFF !important;
}
/* KERESŐ MEZŐ – CSAK A KÖRVONAL LEGYEN FEHÉR */
input[type="search"],
input[type="text"],
.search-input {
  border: 2px solid #ffffff !important;
  background-color: transparent !important;
  color: #642C79 !important;
}
/* LÁBLÉC – MINDEN SZÖVEG FEHÉR */
.site-footer,
.site-footer * {
  color: #ffffff !important;
}
footer,
footer * {
  color: #ffffff !important;
}
/* FOOTER: alcímek maradjanak LILA */
.site-footer h3,
.site-footer h4,
.site-footer h5 {
  color: #642C79 !important;
}

/* FOOTER: alatta minden kicsi szöveg legyen FEHÉR */
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer span,
.site-footer small,
.site-footer label,
.site-footer .contact-info,
.site-footer .contact-info a {
  color: #ffffff !important;
}

/* Elerhetoseg ikonok (mail/tel ikon) is legyenek feherek */
.site-footer svg,
.site-footer i {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Hírlevél mezők maradjanak LILÁK (ahova írsz) */
.site-footer input,
.site-footer input::placeholder {
  color: #642C79 !important;
}
/* FOOTER – kis szöveg FEHÉR, alcímek LILA */

/* Alcímek maradjanak lilák */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
  color: #642C79 !important;
}

/* Minden “kicsi” szöveg legyen fehér */
footer p, footer li, footer a, footer span, footer small, footer label,
#footer p, #footer li, #footer a, #footer span, #footer small, #footer label,
.footer p, .footer li, .footer a, .footer span, .footer small, .footer label,
.site-footer p, .site-footer li, .site-footer a, .site-footer span, .site-footer small, .site-footer label {
  color: #ffffff !important;
}

/* Elerhetoseg ikonok (mail/tel ikon) */
footer svg, footer i,
#footer svg, #footer i,
.footer svg, .footer i,
.site-footer svg, .site-footer i {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Hírlevél beviteli mezők: maradjon lila a gépelt szöveg és placeholder */
footer input, footer textarea,
#footer input, #footer textarea,
.footer input, .footer textarea,
.site-footer input, .site-footer textarea {
  color: #642C79 !important;
}
footer input::placeholder, footer textarea::placeholder,
#footer input::placeholder, #footer textarea::placeholder,
.footer input::placeholder, .footer textarea::placeholder,
.site-footer input::placeholder, .site-footer textarea::placeholder {
  color: #642C79 !important;
}
/* ===== ANTI-FEKETE KERET / ANTI-BOXSHADOW ===== */

/* Hírlevél mezők – minden keret/árnyék/outline fehér vagy off */
.site-footer input,
.site-footer textarea,
.site-footer select,
.site-footer input[type="email"],
.site-footer input[type="text"]{
  border-color: #ffffff !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* amikor belekattintasz (focus) – itt szokott fekete lenni */
.site-footer input:focus,
.site-footer textarea:focus,
.site-footer select:focus{
  border-color: #ffffff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.9) !important;
  -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.9) !important;
}

/* Bal oldali szűrő: minden input + gomb ugyanígy */
.sidebar input,
.sidebar textarea,
.sidebar select,
.sidebar button,
.sidebar .btn,
.sidebar input[type="text"],
.sidebar input[type="number"]{
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* ár mezők focus kerete */
.sidebar input:focus{
  border-color: #ffffff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.9) !important;
  -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.9) !important;
}

/* ár “bubik” – brutál általános: minden kis badge-szerű span a price filterben */
.sidebar .price,
.sidebar .price * ,
.sidebar [class*="price"],
.sidebar [class*="Price"],
.sidebar [id*="price"],
.sidebar [id*="Price"]{
  background: #D272A9 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}
.woocommerce-breadcrumb {
    border-radius: 6px;
}
/* slider handle/range – sok sablon feketézi */
.sidebar .ui-slider,
.sidebar .ui-slider *{
  border-color: #ffffff !important;
  outline: 0 !important;
  box-shadow: none !important;
}
/* ===== FORCE OVERRIDE: ne maradjon fekete keret/árnyék sehol ===== */

/* FOOTER szövegek: nagy cím maradjon lila, alatta minden fehér */
footer p, footer a, footer li, footer span,
#footer p, #footer a, #footer li, #footer span,
.footer p, .footer a, .footer li, .footer span,
.site-footer p, .site-footer a, .site-footer li, .site-footer span{
  color:#ffffff !important;
}

/* Footer nagy címsorok maradjanak lila (ha nálad ezek a nagy címek) */
footer h1, footer h2, footer h3, footer h4,
#footer h1, #footer h2, #footer h3, #footer h4,
.footer h1, .footer h2, .footer h3, .footer h4,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4{
  color:#642C79 !important;
}

/* Hírlevél inputok: keret/outline/box-shadow NE legyen fekete */
footer input, footer textarea, footer select,
#footer input, #footer textarea, #footer select,
.footer input, .footer textarea, .footer select,
.site-footer input, .site-footer textarea, .site-footer select{
  border:2px solid #ffffff !important;
  outline:0 !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  background:transparent !important;
  color:#642C79 !important; /* beírt szöveg lila */
}

/* Focus állapot (amikor belekattintasz) – itt szokott fekete lenni */
footer input:focus, footer textarea:focus, footer select:focus,
#footer input:focus, #footer textarea:focus, #footer select:focus,
.footer input:focus, .footer textarea:focus, .footer select:focus,
.site-footer input:focus, .site-footer textarea:focus, .site-footer select:focus{
  border-color:#ffffff !important;
  outline:0 !important;
  box-shadow:0 0 0 2px rgba(255,255,255,0.85) !important;
  -webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.85) !important;
}

/* Bal oldali szűrődoboz (Márkák / Ár): rózsaszín háttér + fehér szöveg */
.filter-box, .filters, .sidebar,
.filter-box *, .filters *, .sidebar *{
  color:#ffffff !important;
}

.filter-box, .filters, .sidebar{
  background:#D272A9 !important;
}
.breadcrumb,
.breadcrumbs,
.woocommerce-breadcrumb {
    background-color: #7a2e8e; /* lila */
    color: #ffffff;
    padding: 15px 20px;
    width: 100%;
}

.breadcrumb a,
.breadcrumbs a,
.woocommerce-breadcrumb a {
    color: #ffffff;
    text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover {
    text-decoration: underline;
}
.breadcrumb,
.breadcrumbs,
.woocommerce-breadcrumb {
    background-color: #9b6bb3; /* lágy lila */
    color: #ffffff;
    padding: 14px 20px;
    width: 100%;
    font-weight: 500;
}

.breadcrumb a,
.breadcrumbs a,
.woocommerce-breadcrumb a {
    color: #ffffff !important;
    text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover {
    text-decoration: underline;
    opacity: 0.9;
}
.woocommerce-breadcrumb span,
.woocommerce-breadcrumb a {
    color: #ffffff !important;
}
.woocommerce-breadcrumb {
    border-radius: 6px;
}
/* BREADCRUMB SÁV: lila háttér + fehér szöveg */
nav.woocommerce-breadcrumb,
.woocommerce-breadcrumb,
.breadcrumb,
.breadcrumbs {
  background: #9b6bb3 !important;
  color: #fff !important;
  padding: 14px 20px !important;
  display: block !important;
}

/* Linkek és szövegrészek fehérek */
nav.woocommerce-breadcrumb a,
nav.woocommerce-breadcrumb span,
.woocommerce-breadcrumb a,
.woocommerce-breadcrumb span,
.breadcrumb a,
.breadcrumb span,
.breadcrumbs a,
.breadcrumbs span {
  color: #fff !important;
}
/* FELSŐ SÁV (ÁSZF / Adatkezelés / stb.) – lila háttér + fehér szöveg */
.top-bar,
.topbar,
.header-top,
.header-topbar,
.top-header,
.site-topbar,
#topbar,
#top-bar,
.header .top,
.site-header .top,
.site-header .header-top {
  background: #9b6bb3 !important;   /* ugyanaz a lágy lila */
  color: #fff !important;
  padding: 8px 16px !important;
}

/* Linkek fehérek */
.top-bar a,
.topbar a,
.header-top a,
.header-topbar a,
.top-header a,
.site-topbar a,
#topbar a,
#top-bar a,
.header .top a,
.site-header .top a,
.site-header .header-top a {
  color: #fff !important;
  text-decoration: none !important;
}

/* Hover */
.top-bar a:hover,
.topbar a:hover,
.header-top a:hover,
.header-topbar a:hover,
.top-header a:hover,
.site-topbar a:hover,
#topbar a:hover,
#top-bar a:hover {
  text-decoration: underline !important;
  opacity: 0.9;
}
/* Szűrő checkbox – fehér körvonalas */
aside input[type="checkbox"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff;
  border-radius: 4px;   /* ha kör kell: 50% */
  background: transparent;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
}

/* Kipipált állapot */
aside input[type="checkbox"]:checked {
  background-color: #ffffff;
}

/* Pipa ikon (kis lila négyzet belül) */
aside input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #642c79; /* sötét lila */
  border-radius: 2px;
}
/* 1) BAL OLDALI SZŰRŐ (SIDEBAR/ASIDE) – minden szöveg sötét lilára */
aside, aside * ,
.sidebar, .sidebar * ,
.left, .left * ,
.col-left, .col-left * ,
#left, #left * {
  color: #642c79 !important;
}

/* 2) Ár szűrő fekete részek -> sötét lila + fehér felirat */
.ui-slider,
.ui-slider-range,
.ui-slider-handle {
  background: #642c79 !important;
  border-color: #642c79 !important;
}

/* A két Ft-os “buborék” (ha van külön elem) */
.price,
.amount,
.ui-slider .ui-slider-handle span,
.ui-slider .ui-slider-handle div,
.ui-slider .ui-slider-range span {
  background: #642c79 !important;
  color: #ffffff !important;
  border-color: #642c79 !important;
}

/* 3) Checkbox “pipa” lila (ahol támogatott) */
aside input[type="checkbox"],
.sidebar input[type="checkbox"],
aside input[type="radio"],
.sidebar input[type="radio"] {
  accent-color: #642c79 !important;
}
/* ===== ÁR SZŰRŐ – FEHÉR DOBOZ + FEHÉR VONAL ===== */

/* Ár slider teljes vonal */
aside .ui-slider-horizontal,
aside .ui-slider,
aside .ui-widget-content {
  background-color: #ffffff !important;
  border: none !important;
}

/* Aktív tartomány (középső rész) */
aside .ui-slider-range {
  background-color: #ffffff !important;
}

/* Slider pöckök */
aside .ui-slider-handle {
  background-color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  width: 16px !important;
  height: 16px !important;
  top: -5px !important;
}

/* Felső ár-dobozok */
aside .price,
aside .amount,
aside .ui-slider-handle span,
aside .ui-slider span {
  background-color: #ffffff !important;
  color: #642c79 !important; /* lila szám */
  border-radius: 6px !important;
  padding: 4px 8px !important;
  font-weight: 600 !important;
}

/* Min / Max gombok */
aside input[type="text"],
aside input[type="number"] {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 8px !important;
}

/* Szűrés felirat */
aside button,
aside .filter-button {
  color: #ffffff !important;
}
/* 1) BAL OLDALI SZŰRŐ (SIDEBAR/ASIDE) – minden szöveg sötét lilára */
aside, aside * ,
.sidebar, .sidebar * ,
.left, .left * ,
.col-left, .col-left * ,
#left, #left * {
  color: #642c79 !important;
}

/* 2) Ár szűrő fekete részek -> sötét lila + fehér felirat */
.ui-slider,
.ui-slider-range,
.ui-slider-handle {
  background: #642c79 !important;
  border-color: #642c79 !important;
}

/* A két Ft-os “buborék” (ha van külön elem) */
.price,
.amount,
.ui-slider .ui-slider-handle span,
.ui-slider .ui-slider-handle div,
.ui-slider .ui-slider-range span {
  background: #642c79 !important;
  color: #ffffff !important;
  border-color: #642c79 !important;
}

/* 3) Checkbox “pipa” lila (ahol támogatott) */
aside input[type="checkbox"],
.sidebar input[type="checkbox"],
aside input[type="radio"],
.sidebar input[type="radio"] {
  accent-color: #642c79 !important;
}
/* Szűrő panel kártyásítása */
.termek-szures, .termek-szuro, aside .filters, aside .filter {
  border-radius: 18px !important;
  padding: 22px 18px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12) !important;
}
.woocommerce-breadcrumb, .breadcrumb, .breadcrumbs {
  padding: 10px 18px !important;
  border-radius: 10px !important;
}
/* Szöveg olvasóbarát szélesség */
.entry-content, .category-description, .term-description {
  max-width: 820px;
  line-height: 1.65;
}
button, .button, a.button {
  border-radius: 12px !important;
  font-weight: 600 !important;
}
.slider, .hero, .banner {
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,0.10) !important;
}
.search-page, .search-content, .page-search {
  max-width: 1100px;
  margin: 0 auto;
}
#topbar, .top-bar, .header-top {
  padding: 8px 16px !important;
  font-size: 13px !important;
}
.breadcrumb {
  padding-top: 140px;
}

.breadcrumb::before {
  height: 130px;
  background-size: auto 130px;
}
@media (max-width: 768px) {
  .breadcrumb {
    padding-top: 90px;
  }
  .breadcrumb::before {
    height: 80px;
    background-size: auto 80px;
  }
}
.main-navigation a, .primary-navigation a {
  padding: 10px 12px !important;
}
/* ====== Ár slider buborékok (minden gyakori Shoprenter megoldásra) ====== */

/* 1) noUiSlider */
.noUi-tooltip,
.noUi-tooltip * {
  background: #fff !important;
  color: #6b2c83 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.noUi-connect { background: #fff !important; }
.noUi-base, .noUi-target { background: rgba(255,255,255,0.35) !important; }
.noUi-handle { background: #fff !important; border: 2px solid #fff !important; }

/* 2) ionRangeSlider */
.irs-from, .irs-to, .irs-single {
  background: #fff !important;
  color: #6b2c83 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.irs-bar, .irs-bar-edge { background: #fff !important; }
.irs-line { background: rgba(255,255,255,0.35) !important; }
.irs-handle > i:first-child { background: #fff !important; }

/* 3) jQuery UI slider (ha mégis ez) */
.ui-slider-tooltip, .ui-slider-tip,
.ui-slider .ui-slider-handle + .ui-slider-tooltip {
  background: #fff !important;
  color: #6b2c83 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.ui-slider-range { background: #fff !important; }
.ui-slider { background: rgba(255,255,255,0.35) !important; }
.ui-slider-handle { background: #fff !important; border: 2px solid #fff !important; }

@media (max-width: 1000px) {
    .header-logo-img {
        display: block;
        margin: 0 auto;
    }
	 }
/* KERESŐ TELJES DOBOZ PEREM */

header form {
    border: 2px solid #a31545 !important;
    border-radius: 25px !important;
    padding: 2px !important;
}
/* MINDEN FEJLÉC INPUT KÖRÉ PEREM */

header input[type="search"],
header input[type="text"] {
    border: 2px solid #a31545 !important;
    border-radius: 25px !important;
}
/* KERESŐ – enyhén sötétebb háttér + perem */

header input[type="search"],
header input[type="text"] {

    background-color: #f2f2f2 !important;   /* egy fokkal sötétebb */
    border: 2px solid #d0d0d0 !important;   /* finom perem */
    border-radius: 25px !important;
}

/* amikor rákattintasz */
header input[type="search"]:focus,
header input[type="text"]:focus {

    background-color: #ffffff !important;
    border: 2px solid #a31545 !important;
    outline: none !important;
}
/* Keresőmező – sötétebb háttér + finom perem (placeholder alapján) */
input[placeholder*="keres"],
input[placeholder*="Keres"],
input[placeholder*="keresés"],
input[placeholder*="Keresés"]{
  background: #efefef !important;          /* 1 fokkal sötétebb */
  border: 2px solid #c9c9c9 !important;    /* látható perem */
  border-radius: 16px !important;
  padding: 12px 14px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.08) !important; /* hogy “kiemelkedjen” */
}

/* fókusz (amikor rákattintasz) */
input[placeholder*="keres"]:focus,
input[placeholder*="Keres"]:focus,
input[placeholder*="keresés"]:focus,
input[placeholder*="Keresés"]:focus{
  background: #ffffff !important;
  border-color: #a31545 !important;        /* a bordós-rózsaszín */
  box-shadow: 0 0 0 4px rgba(163,21,69,.18) !important;
  outline: none !important;
}
/* Kereső végleges felülírás */

input[placeholder*="keres"],
input[placeholder*="Keres"] {

    background-color: #eaeaea !important;
    border: 2px solid #bdbdbd !important;
    border-radius: 18px !important;

    box-shadow: 0 2px 12px rgba(0,0,0,0.15) !important;
}

/* fókusz */
input[placeholder*="keres"]:focus,
input[placeholder*="Keres"]:focus {

    background-color: #ffffff !important;
    border: 2px solid #8e1240 !important;
    box-shadow: 0 0 0 4px rgba(142,18,64,0.2) !important;
    outline: none !important;
}
.search-btn {
    width: 40px;
    height: 40px;
    padding: 0;
}
.search-btn i {
    font-size: 16px;
}

@media (max-width: 768px) {

  /* kereső mező magasság csökkentése */
  .search-form input[type="search"],
  .search-form input {
      height: 38px !important;
      font-size: 14px;
  }

  /* gomb méretének csökkentése */
  .search-form button {
      height: 38px !important;
      width: 38px !important;
      padding: 0 !important;
  }

  /* ikon kisebb */
  .search-form button svg,
  .search-form button i {
      width: 16px !important;
      height: 16px !important;
      font-size: 16px !important;
  }
}
@media (max-width: 768px) {

  /* HEADER magasság + belső margók */
  header, .site-header, .header, .main-header {
    padding: 8px 10px !important;
    min-height: unset !important;
  }

  /* KERESŐ SOR: input + gomb */
  form.search-form,
  .search-form,
  .header-search,
  .site-search {
    margin: 6px 0 !important;
  }

  .search-form input,
  .search-form input[type="search"],
  .header-search input,
  .site-search input {
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
  }

  .search-form button,
  .header-search button,
  .site-search button {
    height: 38px !important;
    width: 38px !important;
    padding: 0 !important;
    border-radius: 12px !important;
  }

  /* ikon a gombban */
  .search-form button svg,
  .search-form button i,
  .header-search button svg,
  .header-search button i {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
  }

  /* Jobb oldali “floating” ikonok (kosár/keresés) kisebbek */
  .header-icons a,
  .header-icons button,
  .icon-button,
  .cart-icon,
  .search-icon {
    width: 42px !important;
    height: 42px !important;
  }
}
@media (max-width: 768px) {

  /* HEADER legyen vékonyabb */
  header,
  .site-header,
  .main-header {
    padding: 4px 8px !important;
  }

  /* LOGÓ marad nagy */
  .site-logo img,
  .custom-logo,
  .custom-logo-link img {
    max-height: 55px !important; /* állítsd nagyobbra ha akarod */
  }

  /* KERESŐ kisebb */
  .search-form input,
  .search-form input[type="search"] {
    height: 30px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
  }

  .search-form button {
    height: 30px !important;
    width: 30px !important;
    border-radius: 8px !important;
  }

  .search-form button svg,
  .search-form button i {
    width: 13px !important;
    height: 13px !important;
    font-size: 13px !important;
  }

  /* Menü + kosár ikon kisebb */
  .cart-icon,
  .search-icon,
  .header-icons a,
  .icon-button {
    width: 34px !important;
    height: 34px !important;
  }

}
@media (max-width: 768px) {
  .logo,
  .site-logo,
  .custom-logo-link {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 768px){

  /* 1) HEADER: egy sor, alacsony */
  header, .site-header, .main-header{
    padding: 6px 10px !important;
  }

  /* 2) Menügomb + kosár/keresés ikonok: ne legyenek óriási kockák */
  .icon-button, .header-icons a, .cart-icon, .search-icon, .menu-toggle{
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }

  /* 3) Jobb oldali ikon blokk: ne lógjon rá semmire */
  .header-icons{
    position: static !important;
    right: auto !important;
    top: auto !important;
  }

  /* 4) LOGÓ maradjon nagy, de ne növelje túl a sort */
  .site-logo img, .custom-logo-link img{
    max-height: 44px !important;  /* ezt emelheted 50-55-re */
    width: auto !important;
  }

  /* 5) KERESŐ: vékony, egy sor, alacsony gombbal */
  .search-form,
  .header-search,
  .site-search{
    margin: 6px 10px 0 10px !important;
    padding: 0 !important;
  }

  .search-form input,
  .search-form input[type="search"]{
    height: 34px !important;
    font-size: 14px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
  }

  .search-form button{
    height: 34px !important;
    width: 40px !important;
    padding: 0 !important;
    border-radius: 10px !important;
  }

  .search-form button svg,
  .search-form button i{
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
  }

}
.kosarba-btn {
  background: white;
  color: #c04b8f;
  padding: 12px 24px;
  border-radius: 10px;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transition: 0.2s ease;
}

.kosarba-btn:hover {
  transform: translateY(-2px);
}
/* KERESŐ – halvány rózsaszín (input + körülötte lévő doboz) */
input[type="search"],
input[name="search"],
input.search,
.search input,
.header-search input,
#search input,
.form-control[name="search"],
.form-control[type="search"]{
  background: #fff0f7 !important;
  border-color: #f3c4dd !important;
}

/* Ha a szürkeség a kereső “wrapperen” van (nem az inputon) */
.search,
#search,
.header-search,
.header-search .input-group,
#search .input-group,
.search .input-group{
  background: #fff0f7 !important;
  border-color: #f3c4dd !important;
  box-shadow: none !important;
}

/* Placeholder színe (keresés...) */
input[type="search"]::placeholder,
input[name="search"]::placeholder,
.form-control[name="search"]::placeholder{
  color: #c77aa5 !important;
}

/* A nagyító gomb háttere is passzoljon (ha van) */
.header-search button,
#search button,
.search button,
.header-search .btn,
#search .btn,
.search .btn{
  background: #fde6f1 !important;
  border-color: #f3c4dd !important;
}