+197
-53
@@ -860,12 +860,14 @@ svg {
|
||||
max-width: 440px;
|
||||
}
|
||||
|
||||
.free-card button {
|
||||
.free-card button,
|
||||
.free-card-cta {
|
||||
align-items: center;
|
||||
background: #0b9f5c;
|
||||
border: 0;
|
||||
border-radius: 6px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
font-size: 13px;
|
||||
font-weight: 900;
|
||||
@@ -875,9 +877,11 @@ svg {
|
||||
min-height: 42px;
|
||||
min-width: 250px;
|
||||
padding: 0 17px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.free-card button strong {
|
||||
.free-card button strong,
|
||||
.free-card-cta strong {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
@@ -3104,10 +3108,55 @@ a.city-card:hover {
|
||||
}
|
||||
|
||||
.result-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
padding: 21px 0 18px;
|
||||
}
|
||||
|
||||
/* Etykieta typu oferty (prywatna/firmowa) - stopka karty jak na Otodom.
|
||||
margin-top:auto zsuwa ja na sam dol karty w widoku listy; linia oddziela od reszty. */
|
||||
.result-seller-type {
|
||||
align-items: center;
|
||||
border-top: 1px solid #e9eef4;
|
||||
color: #8793a3;
|
||||
display: flex;
|
||||
font-size: 12px;
|
||||
font-weight: 800;
|
||||
gap: 6px;
|
||||
margin-top: auto;
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.result-seller-type.company {
|
||||
color: #0f7a48;
|
||||
}
|
||||
|
||||
.result-seller-type svg {
|
||||
height: 14px;
|
||||
opacity: 0.85;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
/* Klikalna nazwa firmy - musi lezec nad nakladka linku karty (::after, z-index 1),
|
||||
inaczej klik trafialby w link do oferty zamiast w profil firmy. Pasek (border-top) zostaje
|
||||
pelnej szerokosci jak na ofertach prywatnych - podkreslamy tylko sama nazwe firmy. */
|
||||
.result-seller-type.is-link {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
transition: color 0.15s ease;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.result-seller-type.is-link:hover {
|
||||
color: #0a6b3f;
|
||||
}
|
||||
|
||||
.result-seller-type.is-link:hover .seller-name {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tag-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -10066,6 +10115,31 @@ a.city-card:hover {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.map-offer-cta {
|
||||
align-items: center;
|
||||
background: #0b8f52;
|
||||
border-radius: 10px;
|
||||
color: #ffffff;
|
||||
display: flex;
|
||||
font-size: 13px;
|
||||
font-weight: 850;
|
||||
gap: 8px;
|
||||
justify-content: center;
|
||||
margin-top: 14px;
|
||||
padding: 11px 14px;
|
||||
text-decoration: none;
|
||||
transition: background 0.15s ease, transform 0.15s ease;
|
||||
}
|
||||
|
||||
.map-offer-cta:hover {
|
||||
background: #0a7a46;
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.map-offer-cta svg {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.district-ranking-page {
|
||||
background: #f7fafc;
|
||||
border-top: 1px solid #e6edf3;
|
||||
@@ -12410,7 +12484,8 @@ a.city-card:hover {
|
||||
top: 610px;
|
||||
}
|
||||
|
||||
.free-card button {
|
||||
.free-card button,
|
||||
.free-card .free-card-cta {
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
@@ -16398,6 +16473,14 @@ a.city-card:hover {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.message-business-card-type {
|
||||
color: #0f7a48;
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
font-weight: 800;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.message-business-card-grid {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
@@ -21217,6 +21300,12 @@ a.city-card:hover {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Sekcja danych firmy (nazwa + NIP) - odstep od nastepnej sekcji, zeby tekst pod NIP
|
||||
nie przyklejal sie do etykiety "Nazwa uzytkownika". */
|
||||
.profile-form-grid.settings-company-grid {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.profile-extra-form {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
@@ -22225,37 +22314,6 @@ a.city-card:hover {
|
||||
width: 13px;
|
||||
}
|
||||
|
||||
.public-profile-rating {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.public-profile-rating strong {
|
||||
color: #18293f;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.public-profile-rating span {
|
||||
color: #f2b51e;
|
||||
display: inline-flex;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.public-profile-rating span svg {
|
||||
fill: currentColor;
|
||||
height: 13px;
|
||||
stroke: currentColor;
|
||||
width: 13px;
|
||||
}
|
||||
|
||||
.public-profile-rating small {
|
||||
color: #6f7f92;
|
||||
font-size: 11px;
|
||||
font-weight: 750;
|
||||
}
|
||||
|
||||
.public-profile-summary blockquote {
|
||||
color: #3a4d66;
|
||||
font-size: 12px;
|
||||
@@ -22288,13 +22346,6 @@ a.city-card:hover {
|
||||
font-weight: 750;
|
||||
}
|
||||
|
||||
.public-profile-grid {
|
||||
align-items: start;
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
grid-template-columns: 1.35fr 0.95fr;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.public-profile-listings {
|
||||
align-self: start;
|
||||
@@ -22469,14 +22520,12 @@ a.city-card:hover {
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
.public-profile-reviews .settings-card-head,
|
||||
.public-profile-listings .settings-card-head {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.public-profile-reviews .settings-card-head .ghost,
|
||||
.public-profile-listings .settings-card-head .ghost {
|
||||
border: 0;
|
||||
color: #109253;
|
||||
@@ -22596,9 +22645,6 @@ a.city-card:hover {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.public-profile-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
@@ -25814,6 +25860,111 @@ a.city-card:hover {
|
||||
stroke-width: 1.75;
|
||||
}
|
||||
|
||||
/* Slider zdjec na karcie oferty (galeria bez wchodzenia w oferte, jak Otodom).
|
||||
Kolejne zdjecia leza na sobie i przelaczamy je krzyzowym zanikaniem. */
|
||||
.result-photo-slide {
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
inset: 0;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
transition: opacity 0.35s ease;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.result-photo-slide.is-active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Strzalki i kropki to <button> wewnatrz .result-photo - globalna regula
|
||||
.result-photo button (kolko w prawym gornym rogu) je psuje, wiec nadpisujemy. */
|
||||
.real-result-card .result-photo-nav {
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
color: #14223a;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
height: 32px;
|
||||
justify-content: center;
|
||||
opacity: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
transition: opacity 0.16s ease, background 0.16s ease;
|
||||
width: 32px;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.real-result-card .result-photo-nav.prev { left: 12px; right: auto; }
|
||||
.real-result-card .result-photo-nav.next { right: 12px; }
|
||||
.real-result-card .result-photo-nav:hover { background: #ffffff; }
|
||||
|
||||
.real-result-card .result-photo-nav svg {
|
||||
height: 16px;
|
||||
stroke: currentColor;
|
||||
stroke-width: 2.2;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.real-result-card .result-photo-nav.prev svg { transform: rotate(90deg); }
|
||||
.real-result-card .result-photo-nav.next svg { transform: rotate(-90deg); }
|
||||
|
||||
/* Strzalki pokazujemy przy najechaniu na karte (desktop); na dotyku - zawsze. */
|
||||
.real-result-card:hover .result-photo-nav { opacity: 1; }
|
||||
|
||||
@media (hover: none) {
|
||||
.real-result-card .result-photo-nav { opacity: 1; }
|
||||
}
|
||||
|
||||
.result-photo-counter {
|
||||
align-items: center;
|
||||
background: rgba(20, 34, 58, 0.6);
|
||||
border-radius: 999px;
|
||||
bottom: 12px;
|
||||
color: #ffffff;
|
||||
display: inline-flex;
|
||||
font-size: 12px;
|
||||
font-weight: 800;
|
||||
gap: 5px;
|
||||
padding: 4px 9px;
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.result-photo-counter svg { height: 13px; width: 13px; }
|
||||
|
||||
.result-photo-dots {
|
||||
bottom: 14px;
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
justify-content: center;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.real-result-card .result-photo-dots button {
|
||||
background: rgba(255, 255, 255, 0.55);
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
height: 7px;
|
||||
padding: 0;
|
||||
position: static;
|
||||
transition: background 0.16s ease, transform 0.16s ease;
|
||||
width: 7px;
|
||||
}
|
||||
|
||||
.real-result-card .result-photo-dots button.is-active {
|
||||
background: #ffffff;
|
||||
transform: scale(1.25);
|
||||
}
|
||||
|
||||
/* ===== Strzalki galerii w widoku szczegolow ===== */
|
||||
|
||||
.ld-gallery-arrow {
|
||||
@@ -32496,13 +32647,6 @@ a.listing-detail-back {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
/* Slot ocen zostaje na swoim miejscu, dopoki nie zbieramy opinii o uzytkownikach. */
|
||||
.standalone-profile-rating small {
|
||||
color: #7e8fa3;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.standalone-profile .settings-footer-note {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user