/*
Theme Name: Hello Elementor Child - Portal
Theme URI: https://elementor.com/hello-theme
Description: Motyw potomny Hello Elementor dla projektu Portal (bezpieczne miejsce na zmiany, przetrwają aktualizacje motywu nadrzędnego)
Author: Brand Vision
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Staly uklad na wszystkich podstronach - naglowek nie przeskakuje przy pojawieniu/zniknieciu scrollbara. */
html {
	scrollbar-gutter: stable;
}

body {
	overflow-y: scroll;
}

/* Ulubione – karty na /zapisane/ */
#portal-favorites-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.portal-fav-card {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	padding: 16px 20px;
	background: #fff;
	border: 1px solid #E7E4DD;
	border-radius: 13px;
}

.portal-fav-card-thumb {
	width: 72px;
	height: 72px;
	flex-shrink: 0;
	border-radius: 10px;
	overflow: hidden;
	background: #F0EDE8;
}

.portal-fav-card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.portal-fav-card-thumb-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(-45deg, #ECE8E2, #ECE8E2 6px, #F5F2ED 6px, #F5F2ED 12px);
}

.portal-fav-card-info {
	flex: 1;
	min-width: 200px;
}

.portal-fav-card-name {
	margin: 0 0 4px;
	font: 700 17px/1.3 Karla, sans-serif;
	color: #1F2A27;
}

.portal-fav-card-cats {
	margin: 0 0 4px;
	font: 400 14px/1.4 Karla, sans-serif;
	color: #71807A;
}

.portal-fav-card-rating {
	display: flex;
	align-items: center;
	gap: 6px;
	font: 600 14px/1 Karla, sans-serif;
	color: #1F2A27;
}

.portal-fav-card-rating .portal-fav-star-icon {
	width: 14px;
	height: 14px;
	color: #C85A43;
	flex-shrink: 0;
}

.portal-fav-card-reviews {
	font-weight: 400;
	color: #71807A;
}

.portal-fav-card-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
	flex-wrap: wrap;
}

.portal-fav-btn-outline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 16px;
	border: 1px solid #D5D0C8;
	border-radius: 8px;
	background: #fff;
	color: #1F2A27;
	font: 500 14px Karla, sans-serif;
	text-decoration: none;
	transition: background .15s ease, border-color .15s ease;
}

.portal-fav-btn-outline:hover {
	background: #FAF9F6;
	border-color: #C5BEB4;
	color: #1F2A27;
}

.portal-fav-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	border-radius: 9px;
	background: #1D4D43;
	color: #fff;
	cursor: pointer;
	transition: background .15s ease;
}

.portal-fav-remove:hover {
	background: #163B34;
}

.portal-fav-remove .portal-fav-trash-icon {
	width: 16px;
	height: 16px;
	color: #fff;
	display: block;
}

.portal-fav-remove i {
	color: #fff;
}

.portal-fav-empty,
.portal-fav-loading {
	margin: 0;
	padding: 20px 22px;
	background: #fff;
	border: 1px solid #E7E4DD;
	border-radius: 13px;
	font: 400 15px/1.55 Karla, sans-serif;
	color: #71807A;
}

.portal-fav-empty a {
	color: #1D4D43;
}

/* Przycisk Zapisz na profilu firmy */
[data-id="pf2122"].is-saved .elementor-button,
.portal-fav-save.is-saved .elementor-button {
	border-color: #C85A43 !important;
	color: #C85A43 !important;
}

[data-id="pf2122"].is-saved .elementor-button .elementor-button-icon i,
.portal-fav-save.is-saved .elementor-button .elementor-button-icon i {
	color: #C85A43 !important;
}