/*============================================================================================*/
/* JátékJáték — oldal-saját stílusok. A konyha CSS-e (style_2023_04_26.css, custom_2023_04_26.css)
   után töltődik be. Az oldal eredeti színhasználatát tartja meg ott, ahol a konyha :root palettája
   nem fedi le: a régi style.css / custom.css eltérései a közös bázistól (0f42001), változatlan
   értékkel. A konyha új elemei (ajánlatlista, alkategóriák …) a :root palettából kapják a színt. */
/*============================================================================================*/

/* Helyi változók: a régi oldal színei, amelyekhez a konyha palettájában nincs szerep. */
:root {
  --jj-ink: #333333;          /* sötét szöveg: ár, cím, adatlap-címke (a konyhán ez a --c-brand) */
  --jj-link: #A10035;         /* link (régi a { color }) */
  --jj-no-result: #901821;    /* „nincs találat” (régi inline szín) */
  --jj-error-title: #49231A;  /* 404 / 410 cím (régi inline szín) */
}

/* --- style.css --- */
a {
  color: #A10035;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
a:hover, a:focus { color: #333; }
.service-card-name a:hover, .service-card-name a:focus { color: #A10035; }

a.btn_4, .btn_4 { color: white; background: #de1d1b; }
a.btn_4:hover, .btn_4:hover, .btn_5:hover { background: #ffd600; color: #de1d1b !important; }
.btn_5 { color: #F7F0DA; background: #A10035; }

header { background-color: #0495fe; }
footer { background-color: #0495fe; color: white; }
footer ul li a { color: white; font-weight: 700; text-shadow: 1px 1px #787676; }
footer ul li a:hover { color: black; }
footer #copy { color: white; }

.box_list {
  background-color: white;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

#breadcrumb { border-top: 1px solid #77d0e4; }
#breadcrumb ul li a { color: #A10035; }
#breadcrumb ul li a:hover { color: #de1d1b; }

.page-item.active .page-link { background-color: #0495fe; border-color: #0495fe; color: white; }
.page-link { color: #de1d1b; }
.active>.page-link, .page-link.active { background-color: #901821; border-color: #901821; }
.page-link:focus, .page-link:hover { color: #de1d1b; background-color: #ffd600; border-color: #de1d1b; }

/* --- custom.css --- */
div.service-card.premium, div.card.coupon.premium { border: 1px solid #0495fe; }
div.service-card.premium.active-item { border: 2px solid #0495fe; }

.pagination a.page-link { color: #de1d1b !important; }
.pagination a.page-link:hover, .pagination a.page-link:focus { color: #de1d1b !important; }
.pagination .page-item.active .page-link {
  background-color: #0495fe !important;
  border-color: #0495fe !important;
  color: #111111 !important;
}

.btn-search { background: #de1d1b; color: white; }
.btn-search:hover, .input-group-addon .btn-search:active { color: #de1d1b; background-color: #ffd600; }

.product-details .price { color: #333333; }
.price h4 { color: #333333; }
.product-details .card { border: 2px solid #0495fe; }

/* --- a konyha új elemei: ahol a konyha a --c-brand-et sötét szövegszínként használja, a JJ-nél
       (világoskék márkaszín) a régi szöveg- és linkszín kell --- */
.similar a { color: var(--jj-link); }
.similar a:hover { color: #333; }
.pcard__more { color: var(--jj-link); }
.pcard--category .pcard__price b { color: var(--jj-link); }
.offer-panel__title { color: var(--jj-ink); }
.offer-row__price b { color: var(--jj-ink); }
.product-specs dt { color: var(--jj-ink); }
.subcat__name { color: var(--jj-ink); }
.subcat-nav__more { color: var(--jj-link); border-color: var(--jj-link); }
.subcat-nav__more:hover { color: #fff; background: var(--jj-link); }
.similar-more a { color: var(--jj-link); }