:root {
--accent-color: #d23888;
}
.hl-accent-background {
background-color: var(--accent-color);
}
.hl-accent-border {
border-color: var(--accent-color);
}
.re-select {
background-image: url('data:image/svg+xml,');
}
.benefit-details-docs a:before {
background-image: url('data:image/svg+xml,');
}
.btn-counter[data-type='minus'] {
background-image: url('data:image/svg+xml,');
}
.btn-counter[data-type='plus'] {
background-image: url('data:image/svg+xml,');
}
.re-form-radio input:checked + label:after {
background-color: var(--accent-color);
}
.hl-card-heading .hl-card-offer-placement span {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.lh-old-price {
text-decoration: line-through;
}
.list-view .empty {
margin-bottom: 24px;
text-align: center;
}
.hl-card-title {
word-break: break-word;
}
.limit-3lines {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.limit-1line {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.hl-header .hl-brand-logo img[src*=".svg"] {
width: auto;
height: 50px;
}
.surveys-container .survey p img {
max-width: 100%;
}
.nav-tabs .nav-link {
margin-bottom: -1px;
}
/* ---- BS5: ustaw globalne zmienne tooltipa (działa też "bezpiecznie" w BS4) ---- */
.tooltip {
--bs-tooltip-bg: #ffffff;
--bs-tooltip-color: #212529;
--bs-tooltip-opacity: 1;
}
/* ---- BODY ---- */
.tooltip .tooltip-inner {
background-color: #ffffff !important;
color: #212529 !important;
font-size: 0.75rem;
line-height: 1.2;
padding: 0.4rem 0.6rem;
border-radius: 0.5rem; /* soft look */
/* 1px obrys + miękki cień */
box-shadow:
0 0 0 1px #343a40,
0 10px 24px rgba(0,0,0,.12);
}
/* ---- ARROW BASE ---- */
.tooltip .tooltip-arrow::before {
border-color: transparent !important;
border-style: solid !important;
}
/* TOP */
.tooltip.bs-tooltip-top .tooltip-arrow::before {
border-top-color: #ffffff !important;
filter: drop-shadow(0 -1px 0 #343a40);
}
/* BOTTOM */
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
border-bottom-color: #ffffff !important;
filter: drop-shadow(0 1px 0 #343a40);
}
/* LEFT (BS4) / START (BS5) */
.tooltip.bs-tooltip-left .tooltip-arrow::before,
.tooltip.bs-tooltip-start .tooltip-arrow::before {
border-left-color: #ffffff !important;
filter: drop-shadow(-1px 0 0 #343a40);
}
/* RIGHT (BS4) / END (BS5) */
.tooltip.bs-tooltip-right .tooltip-arrow::before,
.tooltip.bs-tooltip-end .tooltip-arrow::before {
border-right-color: #ffffff !important;
filter: drop-shadow(1px 0 0 #343a40);
}
/* (opcjonalnie) pełna nieprzezroczystość */
.tooltip.show { opacity: 1; }
.hl-card-details {
margin-top: auto;
}
.hl-mini-carousel--xfade{
width: 100%;
}
.hl-mini-carousel--xfade .hl-mini-carousel__stage{
position: relative;
width: 100%;
height: 160px; /* dopasuj */
overflow: hidden;
}
/* Oba obrazki w tym samym miejscu */
.hl-mini-carousel--xfade .hl-mini-carousel__img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
opacity: 0;
transition: opacity 450ms ease; /* będzie nadpisane z data-fade */
will-change: opacity;
}
/* Na starcie front widoczny */
.hl-mini-carousel--xfade .hl-mini-carousel__img.is-front{
opacity: 1;
}
.hl-offer-content .tab-content ul, .hl-offer-content .tab-content ol {
padding-left: 1rem;
}
.hl-offer-content .tab-content ul:not(.list-unstyled) li {
list-style-type: square;
}
.hl-offer-content .tab-content ul:not(.list-unstyled) li::marker {
color: var(--accent-color);
}
@media (prefers-reduced-motion: reduce){
.hl-mini-carousel--xfade .hl-mini-carousel__img{
transition: none !important;
}
}
@media (max-width: 767px) {
.main-dropdown.show {
display: flex !important;
z-index: 1000;
}
.main-dropdown-user {
display: flex !important;
}
.main-dropdown-close {
display: block !important;
}
.hl-offer-cta {
position: absolute;
width: 100%;
top: 0;
}
}