/* =========================================================
   Polski Rap — nowoczesne czcionki + animacje + AJAX smooth
   ========================================================= */

:root {
	--pr-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--pr-font-head: 'Space Grotesk', 'Inter', system-ui, sans-serif;
	--pr-ease: cubic-bezier(.2, .7, .2, 1);
}

/* --- TYPOGRAFIA --------------------------------------------------- */
html,
body,
body.woocommerce,
.woocommerce,
.woocommerce-page,
input, select, textarea, button,
.entry-content,
.widget,
.page-content {
	font-family: var(--pr-font-body) !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: -0.005em;
}

body {
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.product-title,
.woocommerce-loop-product__title,
.widget-title,
.site-title,
.xstore-heading,
.page-title,
.section-title,
.elementor-heading-title {
	font-family: var(--pr-font-head) !important;
	font-weight: 700 !important;
	letter-spacing: -0.015em;
}

h1, .entry-title, .page-title { font-weight: 800 !important; }

/* Przyciski — nowoczesny, zwięzły look */
.button,
.btn,
button,
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	font-family: var(--pr-font-head) !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em;
	transition: transform .25s var(--pr-ease), box-shadow .25s var(--pr-ease), background-color .25s var(--pr-ease);
}

.button:hover,
.btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px -12px rgba(0,0,0,.35);
}

/* --- ANIMACJE KAFELKÓW / PRODUKTÓW -------------------------------- */
.products li.product,
.product-grid-item,
.product-wrapper,
.hover-effect,
.widget_products li,
.category-grid-item,
.et-category,
.vc_grid-item,
.elementor-post,
.shop-thumbnail,
.product-image-wrapper,
.et-product-card,
ul.products li,
.product_list_widget li,
.tile,
.card {
	transition:
		transform .45s var(--pr-ease),
		box-shadow .45s var(--pr-ease),
		filter .45s var(--pr-ease);
	will-change: transform;
}

.products li.product:hover,
.product-grid-item:hover,
.product-wrapper:hover,
.widget_products li:hover,
.category-grid-item:hover,
.vc_grid-item:hover,
.elementor-post:hover,
ul.products li:hover,
.product_list_widget li:hover,
.tile:hover,
.card:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 48px -24px rgba(0,0,0,.35);
}

/* Zoom obrazka produktu przy hoverze kafelka */
.products li.product .product-image,
.products li.product .attachment-woocommerce_thumbnail,
.product-grid-item img,
.product-wrapper img,
ul.products li img,
.category-grid-item img,
.tile img,
.card img {
	transition: transform .6s var(--pr-ease), filter .6s var(--pr-ease);
}

.products li.product:hover .product-image,
.products li.product:hover .attachment-woocommerce_thumbnail,
.product-grid-item:hover img,
.product-wrapper:hover img,
ul.products li:hover img,
.category-grid-item:hover img,
.tile:hover img,
.card:hover img {
	transform: scale(1.06);
	filter: saturate(1.08);
}

/* Subtelne podświetlenie tytułu na hoverze kafelka */
.products li.product:hover .woocommerce-loop-product__title,
.product-grid-item:hover .product-title,
.product-wrapper:hover .product-title {
	color: #000;
}

/* Animacje linków menu / nagłówka */
a, .menu a {
	transition: color .2s var(--pr-ease), opacity .2s var(--pr-ease);
}

/* --- PŁYNNE PRZEJŚCIA SWUP --------------------------------------- */
html.is-changing .transition-fade {
	transition: opacity .25s var(--pr-ease), transform .25s var(--pr-ease);
	opacity: 1;
	transform: translateY(0);
}
html.is-animating .transition-fade {
	opacity: 0;
	transform: translateY(8px);
}

/* Pasek postępu u góry strony podczas ładowania AJAX */
#polskirap-progress {
	position: fixed;
	top: 0; left: 0;
	height: 3px;
	width: 0%;
	background: linear-gradient(90deg, #ff3b3b, #ffb300);
	z-index: 99999;
	transition: width .3s var(--pr-ease), opacity .3s var(--pr-ease);
	pointer-events: none;
	opacity: 0;
}
#polskirap-progress.active { opacity: 1; }

/* --- DROBNE POPRAWKI WIZUALNE ------------------------------------ */
img { transition: opacity .3s var(--pr-ease); }

/* ====================================================================
   Wybór metod PŁATNOŚCI i DOSTAWY — czyste kafelki (Polski Rap)
   Koszyk + Checkout, motyw XStore (klasyczny WooCommerce)
   ==================================================================== */
:root{
	--pr-accent:#ff3b3b;
	--pr-accent-soft:rgba(255,59,59,.07);
	--pr-tile-border:#e4e4e7;
	--pr-tile-border-hover:#c4c4c8;
	--pr-tile-radius:12px;
}

/* kontenery list — bez domyślnych kropek/marginesów */
.woocommerce ul.wc_payment_methods.payment_methods,
.woocommerce ul#shipping_method,
.woocommerce #shipping_method{
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}

/* pojedynczy kafelek (płatność lub dostawa) */
.woocommerce ul.wc_payment_methods.payment_methods > li,
.woocommerce ul#shipping_method > li,
.woocommerce #shipping_method > li{
	list-style:none !important;
	position:relative;
	display:block;
	border:1.5px solid var(--pr-tile-border) !important;
	border-radius:var(--pr-tile-radius) !important;
	background:#fff !important;
	padding:13px 16px !important;
	margin:0 0 10px 0 !important;
	transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
	cursor:pointer;
}
.woocommerce ul.wc_payment_methods.payment_methods > li:last-child,
.woocommerce ul#shipping_method > li:last-child,
.woocommerce #shipping_method > li:last-child{ margin-bottom:0 !important; }

/* hover */
.woocommerce ul.wc_payment_methods.payment_methods > li:hover,
.woocommerce ul#shipping_method > li:hover,
.woocommerce #shipping_method > li:hover{
	border-color:var(--pr-tile-border-hover) !important;
}

/* ZAZNACZONY kafelek (radio :checked w środku) */
.woocommerce ul.wc_payment_methods.payment_methods > li:has(input:checked),
.woocommerce ul#shipping_method > li:has(input:checked),
.woocommerce #shipping_method > li:has(input:checked){
	border-color:var(--pr-accent) !important;
	background:var(--pr-accent-soft) !important;
	box-shadow:inset 0 0 0 1.5px var(--pr-accent) !important;
}
/* fallback (przeglądarki bez :has) — podświetl przy fokusie */
.woocommerce ul.wc_payment_methods.payment_methods > li:focus-within,
.woocommerce ul#shipping_method > li:focus-within,
.woocommerce #shipping_method > li:focus-within{
	border-color:var(--pr-accent) !important;
}

/* radio w kolorze marki, równo z tekstem */
.woocommerce ul.wc_payment_methods.payment_methods > li input[type="radio"],
.woocommerce ul#shipping_method > li input[type="radio"],
.woocommerce #shipping_method > li input[type="radio"]{
	accent-color:var(--pr-accent);
	width:18px; height:18px;
	margin:0 10px 0 0 !important;
	vertical-align:middle;
	cursor:pointer;
}

/* etykieta — w jednej linii z radiem, klikalna */
.woocommerce ul.wc_payment_methods.payment_methods > li > label,
.woocommerce ul#shipping_method > li label,
.woocommerce #shipping_method > li label{
	display:inline !important;
	margin:0 !important;
	padding:0 !important;
	font-weight:500;
	line-height:1.35;
	cursor:pointer;
	vertical-align:middle;
}

/* logotypy bramek (jeśli są) — równo, nie za duże */
.woocommerce ul.wc_payment_methods.payment_methods > li label img{
	max-height:24px; width:auto;
	margin:0 4px !important;
	display:inline-block; vertical-align:middle; float:none !important;
}

/* rozwijany box płatności (pole karty, opis BLIK/PayPo) */
.woocommerce ul.wc_payment_methods.payment_methods > li .payment_box{
	background:transparent !important;
	margin:12px 0 2px !important;
	padding:12px 0 0 !important;
	border-top:1px dashed var(--pr-tile-border);
	font-size:.92em;
}
.woocommerce ul.wc_payment_methods.payment_methods > li .payment_box::before{
	display:none !important; /* usuń domyślny „dzióbek" */
}