/* RosaMed – Cennik mobile 1.0.0
 * Lekki lifting [ceny_tabela] na telefonie i tablecie (do 900 px – ten sam próg co w module cennika).
 * Wszystkie reguły są ograniczone do .rcm (klasa dokładana przez wtyczkę), więc nic poza cennikiem się nie zmienia.
 * Na komputerze cennik wygląda jak dotąd.
 */

.rcm .rcm-free-label,
.rcm .rcm-cta { display: none; }

@media (max-width: 900px) {
	/* kontener: bez szarego tła – jedna biała karta */
	.rcm.cennik-tabela-strony { background: transparent; padding: 0; border-radius: 0; }
	.rcm .cennik-table { background: #fff; border: 1px solid #E8E8E8; border-radius: 16px; box-shadow: none; padding: 0 18px; margin: 0; }
	.rcm .cennik-table td,
	.rcm .cennik-table tr { border: 0 !important; background: transparent !important; }

	/* pozycja: nazwa na całą szerokość, pod nią cena i przycisk w jednym wierszu */
	.rcm .cennik-table tbody tr.cennik-row-item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 12px; padding: 18px 0; border-bottom: 1px solid #EDEDED !important; }
	.rcm .cennik-table tbody tr.cennik-row-item:last-child { border-bottom: 0 !important; }
	.rcm .cennik-table td { padding: 0; width: auto; }

	.rcm .col-nazwa { flex: 1 0 100%; font-weight: 400; font-size: 16px; line-height: 23px; color: #1D1D1D; }
	.rcm .col-nazwa a { font-weight: 400; }
	.rcm .rcm-note { display: block; margin-top: 3px; font-size: 13px; line-height: 18px; color: #6B6B6B; }
	.rcm .rcm-par { display: none; }

	/* liczba zabiegów: szary podpis, tylko gdy wpisana */
	.rcm .col-liczba { flex: 1 0 100%; margin-top: -6px; font-size: 13px; line-height: 18px; color: #6B6B6B; }
	.rcm .col-liczba::before { content: "Liczba zabiegów: "; font-weight: 400; font-size: 13px; color: #6B6B6B; }
	.rcm tr.rcm-no-count .col-liczba { display: none; }

	/* cena */
	.rcm .col-cena { flex: 0 1 auto; }
	.rcm .col-cena::before { content: none; }
	.rcm .cena-aktualna { display: inline; font-family: 'Montserrat', Arial, sans-serif; font-weight: 500; font-size: 22px; line-height: 26px; color: #A8576B; }
	.rcm .promo-badge { display: inline-flex; margin: 0 0 0 8px; vertical-align: middle; }
	.rcm .cena-stara { font-size: 13px; color: #9A9A9A; }

	/* 0 zł → „w cenie zabiegu”, bez przycisku */
	.rcm tr.rcm-free .cena-aktualna { display: none; }
	.rcm tr.rcm-free .rcm-free-label { display: inline-block; padding: 4px 10px; border-radius: 999px; background: #F1F1F1; font-size: 13px; line-height: 18px; color: #6B6B6B; }
	.rcm tr.rcm-free .col-dostepnosc { display: none; }

	/* przycisk przy cenie – konturowy */
	.rcm .col-dostepnosc { flex: 0 0 auto; padding: 0; }
	.rcm .btn-umow { display: inline-flex; align-items: center; height: 40px; min-width: 0; padding: 0 16px; border: 1px solid #1D1D1D; border-radius: 8px; background: transparent; color: #1D1D1D; font-size: 14px; line-height: 1; }
	.rcm .btn-umow:hover, .rcm .btn-umow:focus-visible { background: #1D1D1D; color: #fff; }

	/* podnagłówek zabiegów ze stron potomnych */
	.rcm .cennik-table tbody tr.cennik-podgrupa { padding: 18px 0 0; }
	.rcm .cennik-podgrupa td { padding: 0; font-size: 12px; line-height: 16px; letter-spacing: .05em; text-transform: uppercase; color: #A8576B; }

	/* jeden przycisk pod listą */
	.rcm .rcm-cta { display: flex; justify-content: center; align-items: center; height: 50px; margin-top: 16px; border-radius: 8px; background: #1D1D1D; color: #fff; font-weight: 700; font-size: 15px; text-decoration: none; }
	.rcm .rcm-cta:hover { background: #A8576B; color: #fff; }
}