/* Minimalne style cennika; docelowy wyglad zapewni nowy motyw. Logika widocznosci: atrybuty data-* na .cennik. */

/* Ceny i linki widoczne tylko dla wybranego okresu */
.cennik [data-for-period] { display: none; }
.cennik[data-period="1"] [data-for-period="1"],
.cennik[data-period="2"] [data-for-period="2"],
.cennik[data-period="3"] [data-for-period="3"],
.cennik[data-period="4"] [data-for-period="4"] { display: inline; }
.cennik .zamawiam[data-for-period] { display: none; }
.cennik[data-period="1"] .zamawiam[data-for-period="1"],
.cennik[data-period="2"] .zamawiam[data-for-period="2"],
.cennik[data-period="3"] .zamawiam[data-for-period="3"],
.cennik[data-period="4"] .zamawiam[data-for-period="4"] { display: block; }

/* Podsumowanie dla wybranego planu */
.cennik [data-for-plan] { display: none; }
.cennik[data-plan="1"] [data-for-plan="1"],
.cennik[data-plan="2"] [data-for-plan="2"],
.cennik[data-plan="3"] [data-for-plan="3"],
.cennik[data-plan="4"] [data-for-plan="4"] { display: block; }

.cennik__periods { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
.cennik__period { cursor: pointer; padding: 0.5rem 1rem; border: 2px solid transparent; border-radius: 6px; background: none; }
.cennik__period[aria-pressed="true"] { border-color: #43a1db; font-weight: bold; }
.cennik__period-num { font-size: 1.6em; display: block; text-align: center; }

.cennik__plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin: 1rem 0; }
.cennik__plan { border: 2px solid #ddd; border-radius: 8px; padding: 1rem; cursor: pointer; }
.cennik__plan.active { border-color: #43a1db; }
.cennik__plan--featured .polecamy::before { content: "★"; color: #e0a800; }
.cennik__list, .pomoc-ul { padding-left: 1.2rem; margin: 0.25rem 0; }
.cennik .cena { font-size: 1.8em; margin: 0; }
.cennik .light { font-weight: 300; }
.cennik .wybor, .cennik .plan-zamawiam { display: inline-block; padding: 0.5rem 1rem; border-radius: 6px; background: #43a1db; color: #fff; text-decoration: none; }
.cennik .podatek { font-size: 0.9em; }
.cennik .bold { font-weight: bold; }
.cennik__more summary { cursor: pointer; margin-top: 0.5rem; }

/* Przyciski "zarejestruj" tylko dla wybranego okresu (musi byc po regule .wybor z display: inline-block) */
.cennik .wybor[data-for-period] { display: none; }
.cennik[data-period="1"] .wybor[data-for-period="1"],
.cennik[data-period="2"] .wybor[data-for-period="2"],
.cennik[data-period="3"] .wybor[data-for-period="3"],
.cennik[data-period="4"] .wybor[data-for-period="4"] { display: inline-block; }