/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 01 2025 | 23:36:15 */
.cmplz-custom-placeholder {
    max-width: 360px;
    margin: 20px auto;
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    text-align: center;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}

.cmplz-placeholder-icon {
    font-size: 42px;
    margin-bottom: 14px;
}

.cmplz-blocked-content-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #333;
}

.cmplz-blocked-content-text {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 16px;
}

.cmplz-custom-placeholder .cmplz-accept-cookies {
    padding: 10px 22px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: #6c5ce7 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer;
    transition: background .2s ease;
}

.cmplz-custom-placeholder .cmplz-accept-cookies:hover {
    background: #5a4bd7 !important;
}


/* Etykieta "REKLAMA" */
.murrano-ads-label {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #999;
    letter-spacing: 0.4px;
    margin: 6px 0 4px;
    text-transform: uppercase;
}

/* Box produktu */
.murrano-item {
    max-width: 380px;
    margin: 16px auto;
    padding: 14px;
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    background: #fff;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: transform .18s ease, box-shadow .18s ease;
}

.murrano-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* Obrazek produktu */
.murrano-item img {
    width: 100%;
    max-width: 300px;   /* <<< KLUCZ DO ZMNIEJSZENIA OBRAZKÓW */
    max-height: 300px;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto 10px;
    border-radius: 12px;
}

/* Nazwa produktu */
.murrano-name {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin-top: 6px;
}

/* Mobile */
@media (max-width: 767px) {
    .murrano-item {
        max-width: 90%;
    }
}

/* --- Elegant Placeholder (Complianz) --- */
.cmplz-blocked-content-container {
    max-width: 360px;
    margin: 20px auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e3e3e3;
    text-align: center;
    box-shadow: 0 3px 12px rgba(0,0,0,0.06);
}

/* Gift icon */
.cmplz-blocked-content-container:before {
    content: "🎁";
    display: block;
    font-size: 36px;
    margin-bottom: 10px;
}

/* Title */
.cmplz-blocked-content-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #333;
}

/* Text */
.cmplz-blocked-content-text {
    font-size: 14px;
    color: #666;
    margin-bottom: 14px;
    line-height: 1.4;
}

/* Button */
.cmplz-accept-cookies {
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff !important;
    background: #6c5ce7 !important;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background .2s ease;
}

.cmplz-accept-cookies:hover {
    background: #5a4bd7 !important;
}

/* --- REAL PRODUCT BOX --- */

.murrano-ads-label {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #999;
    margin: 6px 0 4px;
    text-transform: uppercase;
}

.murrano-item {
    max-width: 360px;
    margin: 16px auto;
    padding: 14px;
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    background: #fff;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: transform .18s ease, box-shadow .18s ease;
}

.murrano-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.murrano-item img {
    width: 100%;
    max-width: 300px;
    max-height: 300px;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto 10px;
    border-radius: 12px;
}

.murrano-name {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin-top: 6px;
}

@media (max-width: 767px) {
    .murrano-item {
        max-width: 90%;
    }
}
.cmplz-html-blocker img {
    loading: eager !important;
}

/* CONTAINER */
.cmplz-blocked-content-container {
    max-width: 360px;
    margin: 20px auto !important;
    padding: 24px 20px;
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #e5e5e5;
    text-align: center;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ICON */
.cmplz-blocked-content-container::before {
    content: "🎁";
    font-size: 42px;
    margin-bottom: 14px;
}

/* TITLE */
.cmplz-blocked-content-title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 6px;
}

/* TEXT */
.cmplz-blocked-content-text {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    max-width: 280px;
    margin: 0 auto 16px;
}

/* ACCEPT BUTTON */
.cmplz-accept-cookies {
    padding: 10px 22px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: #6c5ce7 !important; /* fiolet premium */
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer;
    transition: background 0.2s ease;
}

.cmplz-accept-cookies:hover {
    background: #5a4bd7 !important;
}



/* ========= 0) BRAND VARIABLES ========= */
.single-imiona-zenskie { --brand:#D110A7; --brand-contrast:#fff; --band-pink: #FFCEE478;}
.single-imiona-meskie  { --brand:#1659C8; --brand-contrast:#fff; --band-blue: #CFCFFF2B;}
:root{
  --pink-main:#D110A7; --blue-main:#1659C8;
  --pink-light:#E94DBF; --blue-light:#4D81E0;
  --pink-dark:#880963;  --blue-dark:#0D2E66;
  --violet:#A31A91; --violet-light:#6A3FA6; --violet-dark:#B832A2;
}


/* tighter ad container */
.ad-box {
  position: relative;
  border: 1px solid #ddd;
  padding: 30px 12px 4px; /* reduced bottom padding */
  height: 250px;
  margin: 18px 0;
  text-align: center;
  overflow: hidden; /* prevents inner auto-height whitespace */
}

/* fix empty space that appears before script loads */
.ad-box .cmplz-blocked-content {
  min-height: 120px; /* adjust if needed */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

/* badge stays in place */
.ad-box .ad-badge {
  position: absolute;
  top: 4px;
  left: 14px;
  font-size: 14px;
  line-height: 1.2rem;
  font-weight: 600;
  padding: 0px 10px;
  border-radius: 999px;
  background: #666;
  color: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,.15);
  z-index: 10;
}




/* tighter ad container */
.ad-box-webe {
    margin: 40px 0;
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 250px;
	position: relative;
}

.ad-box-leadstar {
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}



/* fix empty space that appears before script loads */
.ad-box-webe .cmplz-blocked-content, .ad-box-leadstar .cmplz-blocked-content {
  min-height: 120px; /* adjust if needed */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}



.oim-legend {
  font-size: 0.9rem;
  color: #555;
  background: #f9f9f9;
  padding: 0.6rem 0.8rem;
  border-left: 4px solid #8200BF; /* akcent kolorystyczny */
  margin-bottom: 1rem;
  line-height: 1.4;
}



/* Karta = płytka dla każdego imienia */
.oim-card {
  background: #f7f7f7;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 0.8rem 1rem;
  margin-bottom: 1rem;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Nagłówek */
.oim-card h4 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 0.3rem 0;
  font-size: 1.05rem;
  font-weight: 600;
}

/* Pozycja */
.oim-rank {
  color: #333;
  font-weight: 500;
  font-weight: 700
}

/* Liczba nadań */
.oim-count {
  color: #666;
  font-size: 14px;
  	
}

/* Ikona trendu */
.oim-icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  flex-shrink: 0;
}

/* Delta (zmiana miejsca) */
.oim-delta {
  font-weight: 600;
  font-size: 14px;
}
.oim-delta.positive { color: #00BF63; }  /* zielony */
.oim-delta.negative { color: #D110A7; }  /* czerwony */
.oim-delta.stable   { color: #666; }     /* szary */

/* Komentarz */
.oim-card p {
  margin: 0.2rem 0 0;
  line-height: 1.4;
  text-indent: 0;
  font-size: 0.95rem;
}


.oim-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.oim-list li {
  display: flex;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
}

.oim-hidden {
  display: none;
}

.oim-hidden.is-visible {
  display: block;
}

.oim-wrapper.is-expanded .oim-hidden {
  display: flex; /* pokaż ukryte po kliknięciu */
}

.oim-rank-table {
  font-weight: bold;
  width: 40px;
  text-align: right;
  margin-right: 10px;
}

.oim-name-table {
  flex-grow: 1;
}

.oim-trend {
  margin-left: auto;
  margin-right: 8px;	
  display: flex;
  align-items: center;
  gap: 0.3rem;	
}

.oim-toggle {
  display:block;
  width:140px; height:36px;
  margin:1rem auto 0;
  border-radius:9999px;
  border:1px solid currentColor;
  background:transparent;
  cursor:pointer;
  padding:0;
  line-height:0;
  color: #590183;
}

.oim-toggle i {
  font-size: 16px;
}

.oim-toggle-text {
	font-family: Quicksand;
	font-size: .9rem;
	font-weight: 500;
}

.oim-toggle:hover,
.oim-toggle:focus-visible {
  border:2px solid #590183;
}

.oim-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 360px));
  justify-content: center; /* centers the grid if it's narrower than the container */
  gap: 10rem;
}


.oim-hidden {
  display: none;
}

@media (max-width: 768px) {
  .oim-grid {
    grid-template-columns: 1fr;
	gap: 0;
  }
}

.jet-smart-listing__post .post-title-simple a {
	line-height: 1.2rem !important;
	display: inline-block; 
}


.sticky-bar-container {
	background: #fff; /*var(--brand);*/
	opacity: 1;
}

.sticky-name-bar {
  color: #000; /* or #666, or white if dark background */
  font-size: 16px;	
  font-weight: 500; 	
  line-height: 1.2em;	
  padding: 20px 16px;    
}

.sticky-name-bar .name-button {
  padding: 1px 8px;           
  height: 1.4rem;
  background-color: #fff;    
  border-style: solid;
}

.sticky-name-bar .name-button:hover {
  background-color: #fff;    
  border-style: solid;
  border-color: var(--violet); 	
}
.sticky-name-bar .name-button .name-male,
.sticky-name-bar .name-button .name-female {
	font-size: 16px;		
}


.sticky-name-bar .name-button .name-male:hover,
.sticky-name-bar .name-button .name-female:hover {
	font-size: 16px;
	color: var(--violet)
}
	
	
	
.sticky-name-bar i {
  margin: 0 4px;
  font-size: .95em;
  color: var(--brand); 	
}

.sticky-name-bar .fa-hand-point-right {
  font-size: 1.1em;
}

	/* Styl tylko dla linku CTA w sticky barze */
.sticky-name-bar a.cta-link {
  text-decoration: none;
  border-bottom: 2px solid;
  border-bottom-color:	var(--brand); 
  padding-bottom: 1px;
  transition: color .25s ease, border-color .25s ease;
	
}

/* efekt hover – linia znika, kolor się wyróżnia */
.sticky-name-bar a.cta-link:hover {
  border-bottom-color: transparent;
  color: var(--brand);	
}

/* Default: desktop view = do NOT show the line break */
.sticky-name-bar br {
  display: none;
}

/* Mobile: show line break (e.g. < 600px, adjust if needed) */
@media (max-width: 600px) {
  .sticky-name-bar br {
    display: inline;
  }
}

.murrano-ad-box {
    border-radius: 10px;
    padding: 14px;
    background: #fafafa;
    border: 1px solid #eee;
    max-width: 340px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin: 16px auto;
    text-align: left;
}

.murrano-ads-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 6px;
}

.murrano-ad-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.murrano-ad-inner {
    display: flex;
    flex-direction: column;   /* pionowo: obrazek, potem tekst */
    align-items: center;
}

/* OBRAZEK 300 x 300 */

.murrano-img-wrap {
    width: 300px;
    height: 300px;
    max-width: 100%;
    margin-bottom: 10px;
}

.murrano-img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;  /* przytnie do kwadratu */
}

/* TEKST POD OBRAZKIEM */

.murrano-text-wrap {
    width: 100%;
}

.murrano-name {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #222;
}

.murrano-lead {
    font-size: 13px;
    font-weight: 500;
    color: #444;
    margin-bottom: 6px;
}

/* LISTA ARGUMENTÓW */

.murrano-arguments {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.murrano-arguments li {
    position: relative;
    padding-left: 14px;
    font-size: 13px;
    color: #555;
    margin-bottom: 3px;
    line-height: 1.4;
	word-break: keep-all;       /* ⛔ nie łam słów */
    overflow-wrap: break-word;  /* ✓ łam tylko gdy naprawdę trzeba */
}

.murrano-arguments li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #e07a9b;
}

/* Responsywka – na bardzo wąskich ekranach po prostu zwęża pudełko */

@media (max-width: 400px) {
    .murrano-ad-box {
        max-width: 100%;
        padding: 12px;
    }

    .murrano-img-wrap {
        width: 100%;
        height: auto;
    }

    .murrano-img-wrap img {
        height: auto;
        object-fit: contain;
    }
}