/* BabaMamaTermék — oldal-saját színek (2026-10).
   A konyha CSS-e (style_/custom_2023_04_26.css) UTÁN töltődik be, és visszaadja az oldal eredeti színhasználatát:
   1. a régi oldal-CSS minden szín-deklarációja, változatlan szelektorokkal (a master 7e6c02d style_/custom_2023_04_26.css-éből);
   2. a konyhával érkezett új komponensek színei helyi változókkal, a régi szerepek szerint (sötét szöveg #333, link #A10035);
   3. a logó árnyéka (a régi base.html.twig inline stílusából).
   A konyha fájljait nem kell módosítani; a :root paletta az oldal színeit tartalmazza. */

:root {
    --bm-text: #333333;       /* sötét szöveg: ár, termékcím, kártyacím (régen #333) */
    --bm-link: #A10035;       /* link (régen a { color: #A10035 }) */
    --bm-link-hover: #333;    /* link hover (régen a:hover { color: #333 }) */
}

/* 1. A régi oldal-CSS szín-deklarációi */
body {
    background: #fff;
    color: #555;
}
main {
    background: white;
}
h1, h2, h3, h4, h5, h6 {
    color: #333;
}
hr {
    border-color: #ededed;
}
a {
    color: #A10035;
}
a:hover, a:focus {
    color: #333;
}
.service-card-name a {
    color: #A10035;
}
.service-card-name a:hover, .service-card-name a:focus {
    color: #A10035;
}
a.btn_4, .btn_4 {
    color: white;
    background: #e57da0;
}
a.btn_4:hover, .btn_4:hover, .btn_5:hover {
    background: #f8eaea;
    color: #901821 !important;
}
.btn_5 {
    color: white;
    background: #e57da0;
}
header {
    background-color: #77d0e4;
    border-bottom: 1px solid transparent;
}
footer {
    background-color: #77d0e4;
    color: white;
}
footer ul li a {
    color: white;
    text-shadow: 1px 1px #787676;
}
footer ul li a:hover {
    color: white;
}
footer ul li a i {
    color: #F7F0DA;
}
footer ul.contacts li a i {
    color: #F7F0DA;
}
footer #copy {
    color: white;
}
ul#additional_links {
    color: #999;
}
.box_list {
    background-color: white;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.box_list figure .preview span {
    background-color: #fcfcfc;
    background-color: rgba(255, 255, 255, 0.7);
    color: black;
}
.box_list small {
    color: #999;
}
#breadcrumb {
    border-top: 1px solid #77d0e4;
    color: #555;
}
#breadcrumb ul li a {
    color: #A10035;
}
#breadcrumb ul li a:hover {
    color: #e57da0;
}
#breadcrumb ul li:last-child {
    color: #787676;
}
.page-item.active .page-link {
    background-color: #77d0e4;
    border-color: #77d0e4;
    color: white;
}
.page-item.disabled .page-link {
    color: #999;
    border-color: #e1e8ed;
}
.page-link {
    color: #901821;
    border: 1px solid #e1e8ed;
}
.active>.page-link, .page-link.active {
    background-color: #901821;
    border-color: #901821;
    color: #F7F0DA;
}
.page-link:focus, .page-link:hover {
    color: #901821;
    background-color: #f8eaea;
    border-color: #e57da0;
}
div.service-card.premium, div.card.coupon.premium {
    border: 1px solid #77d0e4;
}
div.service-card.premium.active-item {
    border: 2px solid #77d0e4;
}
.service-card .similar {
    border-top: 2px solid #f0f0f0;
}
.service-card .tags {
    color: #999;
}
.service-card .description {
    color: #666;
}
.pagination .page-link {
    color: #595959 !important;
}
.pagination a.page-link {
    color: #901821 !important;
}
.pagination a.page-link:hover, .pagination a.page-link:focus {
    color: #901821 !important;
}
.pagination .page-item.active .page-link {
    background-color: #77d0e4 !important;
    border-color: #77d0e4 !important;
    color: #111111 !important;
}
.service-card-name a {
    color: #333333;
}
.wrapper .price b {
    color: #A10035;
}
.wrapper .products p {
    color: #901821;
}
h1.product-title {
    color: #333333;
}
.btn-search {
    background: #e57da0;
    color: white;
}
.btn-search:hover, .input-group-addon .btn-search:active {
    color: #901821 !important;
    background-color: #f8eaea;
}
.coupon .side .label {
    background-color: #901821;
    color: #F7F0DA;
}
.coupon #copy_button.copied {
    color: white;
}
.product-details .price {
    color: #333333;
}
.price h4 {
    color: #333333;
}
.product-details .card {
    background-color: white;
    border: 2px solid #77d0e4;
}
#product_description_toggle {
    color: #A10035;
}

/* 2. A konyhával érkezett komponensek (a konyhán --c-brand szövegszín; itt a régi sötét szöveg) */
.offer-panel__title,
.offer-row__price b,
.pcard__more,
.pcard--category .pcard__price b,
.product-specs dt,
.subcat__name,
.subcat-nav__more,
.similar-more a {
    color: var(--bm-text);
}
.subcat-nav__more {
    border-color: var(--bm-text);
}
.subcat-nav__more:hover {
    background: var(--bm-text);
}
/* a régi oldalon a .similar linkek az általános link-színt kapták */
.similar a {
    color: var(--bm-link);
}
.similar a:hover {
    color: var(--bm-link-hover);
}
/* változatok (konyha #33): linkek és chipek a régi link-színnel */
.offer-row__variants,
.variant-labels summary,
.variant-labels__shops a,
.variant-chips a {
    color: var(--bm-link);
}
.offer-row__variants:hover,
.variant-labels__shops a:hover {
    color: var(--bm-link-hover);
}
.variant-chips a {
    border-color: var(--bm-link);
}
.variant-chips a:hover,
.variant-chips a:focus {
    background: var(--bm-link);
    color: #fff;
}
/* „+N további termék a boltban” (konyha #38) */
.shop-more a {
    color: var(--bm-link);
}
.shop-more a:hover,
.shop-more a:focus {
    color: var(--bm-link-hover);
}

/* 3. Logó (fejléc és lábléc): a régi árnyék */
#logo a,
footer p > a {
    text-shadow: 1px 1px #787676;
}

/* 4. Brendon partnerkártya a kategória termékrácsában (templates/oldal/brendon_kartya.html.twig).
   A Brendon saját színe (türkiz) emeli ki a rácsból; a gomb sötétebb árnyalata a fehér szöveghez (kontraszt ≥ 4.5). */
:root {
    --brendon: #02afd0;          /* a Brendon logójának színe */
    --brendon-dark: #10708c;
    --brendon-soft: #eaf6fa;
}
.brendon-slot { margin: 6px 0 22px; }
.brendon-slot--asztali { display: none; }
@media (min-width: 1200px) {
    .brendon-slot--mobil { display: none; }
    .brendon-slot--asztali { display: block; }
}
.brendon-card {
    display: flex;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d5ebf2;
    border-left: 6px solid var(--brendon);
    border-radius: 12px;
    box-shadow: 0 6px 22px rgba(16, 112, 140, .12);
    transition: box-shadow .2s, transform .2s;
}
.brendon-card:hover { box-shadow: 0 10px 28px rgba(16, 112, 140, .2); transform: translateY(-2px); }
.brendon-card__media { flex: 0 0 350px; background: var(--brendon); }
.brendon-card__media img { display: block; width: 100%; height: auto; }
.brendon-card__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 18px 26px;
    background: linear-gradient(105deg, #fff 55%, var(--brendon-soft));
}
.brendon-card__label {
    align-self: flex-start;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--brendon-dark);
    background: var(--brendon-soft);
    border-radius: 999px;
    padding: 3px 10px;
}
.brendon-card__title { margin: 4px 0 0; font-size: 1.45rem; font-weight: 700; line-height: 1.25; color: #1d3d47; }
.brendon-card__text { margin: 0; font-size: .95rem; color: #4a5b61; max-width: 46em; }
.brendon-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 8px; }
.brendon-card__cta {
    display: inline-block;
    padding: 11px 22px;
    border-radius: 999px;
    background: var(--brendon-dark);
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 3px 0 #0b5568;
    transition: background .15s, transform .15s;
}
.brendon-card__cta:hover, .brendon-card__cta:focus-visible { background: #0b5f78; transform: translateY(-1px); }
.brendon-card__cta span { display: inline-block; transition: transform .15s; }
.brendon-card__cta:hover span { transform: translateX(3px); }
.brendon-card__more { font-weight: 600; color: var(--brendon-dark) !important; text-decoration: underline; }
@media (max-width: 767.98px) {
    .brendon-card { flex-direction: column; border-left-width: 1px; border-top: 5px solid var(--brendon); }
    .brendon-card__media { flex: none; }
    .brendon-card__body { padding: 14px 16px 16px; background: #fff; }
    .brendon-card__title { font-size: 1.2rem; }
    .brendon-card__text { font-size: .88rem; }
    .brendon-card__cta { flex: 1 1 100%; text-align: center; }
    .brendon-card__more { margin: 0 auto; }
}
@media (prefers-reduced-motion: reduce) {
    .brendon-card, .brendon-card__cta, .brendon-card__cta span { transition: none; }
    .brendon-card:hover, .brendon-card__cta:hover { transform: none; }
}