/*
 * oferta-biuro-benefits.css (Etap C split 2026-06-22) — SUPER PAKIET, warunkowo na 4 stronach oferta biura.
 */

/* ==========================================================================
   SUPER PAKIET - lista korzyści (firma i księgowość)
   ========================================================================== */

#super .row,
#super-ksiegowosc .row {
    align-items: center;
}

#super .row > div:first-child,
#super-ksiegowosc .row > div:first-child {
    display: flex;
    justify-content: center;
}

#super ul,
#super-ksiegowosc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#super ul li,
#super-ksiegowosc ul li {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 12px;
    padding-left: 28px;
    position: relative;
}

#super ul li::before,
#super-ksiegowosc ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--accent, #8b5cf6);
    font-weight: 700;
}

/* Custom benefit icons - nadpisanie domyślnego ::before */
#super ul li.benefit-custom-icon::before,
#super-ksiegowosc ul li.benefit-custom-icon::before {
    content: none;
}

#super ul li.benefit-custom-icon,
#super-ksiegowosc ul li.benefit-custom-icon {
    padding-left: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.benefit-icon-symbol {
    font-weight: 700;
    font-size: 1.1em;
    min-width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Korekty pozycji dla poszczególnych ikon Bootstrap */
.benefit-icon-symbol .bi-check-lg {
    margin-top: -0.05em;
}

.benefit-icon-symbol .bi-circle-fill {
    font-size: 0.45em;
    margin-top: 0.70em;
}

.benefit-icon-symbol .bi-square-fill {
    font-size: 0.55em;
    margin-top: 0.45em;
}

.benefit-icon-symbol .bi-star-fill {
    margin-top: -0.05em;
}

.benefit-icon-symbol .bi-heart-fill {
    margin-top: -0.05em;
}

.benefit-icon-symbol .bi-gift {
    margin-top: -0.05em;
}

.benefit-icon-symbol .bi-robot {
    margin-top: -0.05em;
}

.benefit-icon-symbol .bi-arrow-right {
    margin-top: 0em;
}

.benefit-icon-symbol .bi-dash-lg {
    margin-top: 0em;
}

.benefit-icon-symbol .bi-info-circle {
    margin-top: -0.05em;
}

/* Grupowanie korzyści - nagłówki grup */
#super ul li.benefit-group-header,
#super-ksiegowosc ul li.benefit-group-header {
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 8px;
}

#super ul li.benefit-group-header:first-child,
#super-ksiegowosc ul li.benefit-group-header:first-child {
    margin-top: 0;
}

/* Grupowanie korzyści - elementy podrzędne (wcięte) */
#super ul li.benefit-child,
#super-ksiegowosc ul li.benefit-child {
    padding-left: 28px;
    font-weight: 400;
}

#super ul li.benefit-child .benefit-icon-symbol,
#super-ksiegowosc ul li.benefit-child .benefit-icon-symbol {
    font-size: 0.9em;
}

/* Korekta pozycji ikon w elementach podrzędnych grupy */
#super ul li.benefit-child .benefit-icon-symbol .bi-check-lg,
#super-ksiegowosc ul li.benefit-child .benefit-icon-symbol .bi-check-lg {
    margin-top: 0.15em;
}

#super ul li.benefit-child .benefit-icon-symbol .bi-star-fill,
#super-ksiegowosc ul li.benefit-child .benefit-icon-symbol .bi-star-fill {
    margin-top: 0.10em;
}

#super ul li.benefit-child .benefit-icon-symbol .bi-circle-fill,
#super-ksiegowosc ul li.benefit-child .benefit-icon-symbol .bi-circle-fill {
    margin-top: 0.85em;
}

#super ul li.benefit-child .benefit-icon-symbol .bi-square-fill,
#super-ksiegowosc ul li.benefit-child .benefit-icon-symbol .bi-square-fill {
    margin-top: 0.65em;
}

#super ul li.benefit-child .benefit-icon-symbol .bi-heart-fill,
#super-ksiegowosc ul li.benefit-child .benefit-icon-symbol .bi-heart-fill {
    margin-top: 0.10em;
}

#super ul li.benefit-child .benefit-icon-symbol .bi-gift,
#super-ksiegowosc ul li.benefit-child .benefit-icon-symbol .bi-gift {
    margin-top: 0.10em;
}

#super ul li.benefit-child .benefit-icon-symbol .bi-robot,
#super-ksiegowosc ul li.benefit-child .benefit-icon-symbol .bi-robot {
    margin-top: 0.10em;
}

#super ul li.benefit-child .benefit-icon-symbol .bi-arrow-right,
#super-ksiegowosc ul li.benefit-child .benefit-icon-symbol .bi-arrow-right {
    margin-top: 0.15em;
}

#super ul li.benefit-child .benefit-icon-symbol .bi-dash-lg,
#super-ksiegowosc ul li.benefit-child .benefit-icon-symbol .bi-dash-lg {
    margin-top: 0.15em;
}

#super ul li.benefit-child .benefit-icon-symbol .bi-info-circle,
#super-ksiegowosc ul li.benefit-child .benefit-icon-symbol .bi-info-circle {
    margin-top: 0.10em;
}