/*
Version:     1.0.0
*/


/*==================================================================================================
1. Dodatkowe style Theme
================================================================================================= */

mark {
	padding: 0px 5px 3px;
}

tr:hover {
	background-color: var(--theme-palette-color-6);
}

.grecaptcha-badge {
	display: none!important;
}

.wp-block-image img {
	border-radius: 5px;
}

.grecaptcha-badge {
	display: none!important;
}

.entry-card .entry-meta li.meta-updated-date::after {
	content: " zaktualizowany"; 
	font-size: 0.8em; padding: 2px 6px; 
	background-color: var(--theme-palette-color-1); 
	color: var(--theme-palette-color-6); 
	border-radius: 5px;
}

.sticky-info {
	position: sticky;
    top: 100px; 
	padding: 20px;
}

/* Formularze */
input[type=month] {
    min-height: var(--has-height, var(--theme-form-field-height, 40px));
}

input[type=month] {
-webkit-appearance: none;
    appearance: none;
    width: var(--has-width, var(--theme-form-field-width, 100%));
    height: var(--has-height, var(--theme-form-field-height, 40px));
    font-family: inherit;
    font-size: var(--theme-form-font-size, 16px);
    color: var(--theme-form-text-initial-color, var(--theme-text-color));
    padding: var(--has-classic-forms, var(--theme-form-field-padding, 0 15px));
    border-width: var(--theme-form-field-border-width, 1px);
    border-style: var(--theme-form-field-border-style, solid);
    border-color: var(--theme-form-field-border-initial-color);
    border-radius: var(--has-classic-forms, var(--theme-form-field-border-radius, 3px));
    background-color: var(--has-classic-forms, var(--theme-form-field-background-initial-color));
    transition: color .12s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color .12s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
input[type=month]:focus {outline:none;color:var(--theme-form-text-focus-color, var(--theme-text-color));border-color:var(--theme-form-field-border-focus-color);background-color:var(--has-classic-forms, var(--theme-form-field-background-focus-color))}

/* Komentarze */
#wpdcom {
    max-width: 100%;
}

/* Strona główna */
.entry-card {
	position: relative;
}
.entry-card .entry-meta {
	position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
}

.wp-block-stackable-carousel .entries {
	display: block;
}

.wp-block-stackable-carousel .entries .entry-title {
	position: absolute;
	bottom: 50px;
	left: 15px;
	right: 15px;
	font-size: 1.2em;
}

.wp-block-stackable-carousel .entries .entry-title a {
	display: inline;
    background-color: #ffffff;
    padding: 5px 10px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    border-radius: 1px;
	line-height: 2.1em;
}

.wp-block-stackable-carousel .entries .entry-title a:hover {
	color: inherit;
}

@media (min-width: 1000px) {
    .home-sticky .entries {
		--grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.home-posts .entries {
		--grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Wiadomości */
.home .wp-block-heading {
  position: relative;
  display: flex;
  align-items: center;
}

.home .dot {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 15px;
  background-color: var(--theme-palette-color-9);
  border-radius: 50%;
}

.home .dot::before, .dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  background-color: rgba(230, 57, 70, 0.2); /* Kolor fal */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 1; /* Fale za kropką */
  animation: wave 2s infinite ease-out;
  pointer-events: none;
}

.home .dot::after {
  animation-delay: 1s; /* Druga fala z opóźnieniem */
}

@keyframes wave {
  0% {
    width: 12px;
    height: 12px;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    width: 40px;
    height: 40px;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5);
  }
}

/* Widget Inflacji */
.inflation-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
	padding: 36px 20px 36px 20px;
    border-radius: 5px;
    color: var(--theme-palette-color-7);
    background-color: var(--theme-palette-color-1);
}

.inflation-header p {
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	color: var(--theme-palette-color-7);
}

.inflation-header p span {
	font-weight: 700;
}

/* Kontener dla sekcji obok siebie */
.inflation-items {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 600px;
}

.inflation-item {
    flex: 1;
    padding: 0px;
    text-align: center;
}

/* Wartości inflacji */
.inflation-value {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--theme-palette-color-7);
}

/* Etykiety inflacji */
.inflation-label {
    font-size: 0.6em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

/* Style dla ikon */
.info-icon {
    width: 12px;
    height: 12px;
    display: block;
    margin: 0;
	cursor: pointer;
}


/* Tooltip */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip-text {
    visibility: hidden;
    width: 200px;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* Stylizacja odnośnika */
.inflation-link {
    text-align: center;
}

.inflation-link a {
    font-size: 14px;
    color: var(--theme-palette-color-7);
    text-decoration: none;
	text-decoration: underline;
}

.inflation-link a:hover {
	color: var(--theme-palette-color-2);
}

/* Lotto */
.lotto-jackpot,
.lotto-results-basic,
.lotto-results-special,
.lotto-jackpot-data {
	font-weight: 700;
}

/* Kursy walut */
.exchange-rates {
    padding: 20px 20px 5px 20px;
    border-radius: 5px;
	color: var(--theme-palette-color-7);
    background-color: var(--theme-palette-color-1);
}

.exchange-header {
    display: flex;
    justify-content: space-between;
}
.exchange-header h2 {
	color: var(--theme-palette-color-8);
    font-size: 1em;
	margin-bottom: 15px;
}

.exchange-header h2 span {
	font-size: 0.8em;
	font-weight: 400;
}

.exchange-rate {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--theme-palette-color-6);
}

.exchange-rate:last-child {
    border-bottom: none;
}

.currency-name {
    font-size: 0.8em;
	font-weight: 500;
}

.currency-value {
    font-size: 0.8em;
	font-weight: 500;
}

.currency-value span {
	font-weight: 400;
}

.currency-value .positive {
    color: var(--theme-palette-color-10);
}

.currency-value .negative {
    color: var(--theme-palette-color-9);
}

/*Codzienne info */
.daily-info {
    padding: 20px 20px 15px 20px;
    border-radius: 5px;
    color: var(--theme-palette-color-4);
    background-color: var(--theme-palette-color-6);
    text-align: left;
	    font-size: 0.8em;
}

/* Stylizacja sekcji "dzisiaj jest" */
.daily-info-date .daily-info-label {
    font-size: 0.8em;
    text-transform: uppercase;
	opacity: 0.8;
}

.daily-info-date .daily-info-value {
    font-size: 1.2em;
    font-weight: 700;
}

.daily-info-date .daily-info-label span {
    font-size: 0.9em;
    font-weight: 700;
}

.daily-info-label span.daily-info-value {
    font-weight: 400;
}

/* Imieniny, Znak zodiaku, Faza Księżyca */
.daily-info-holiday,
.daily-info-names,
.daily-info-zodiac,
.daily-info-moon-phase {
    display: flex;
    align-items: center;
}

.daily-info-holiday .daily-info-label,
.daily-info-names .daily-info-label,
.daily-info-zodiac .daily-info-label,
.daily-info-moon-phase .daily-info-label {
    font-weight: 700;
    margin-right: 5px;
}

.daily-info-moon-phase {margin-bottom: 5px;}

/* Sekcje z czasami: Wschód/Zachód Słońca, długość dnia/nocy */
.daily-info-sunrise,
.daily-info-sunset,
.daily-info-day-length,
.daily-info-night-length {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--theme-palette-color-3);
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/* Stylizacja podsumowania */
.daily-info-summary .daily-info-value {
    font-size: 0.8em;
    text-align: center;
    background-color: var(--theme-palette-color-2);
    color: var(--theme-palette-color-4);
    padding: 5px 10px;
    border-radius: 8px;
	font-weight: 700;
}

/* Kalendarz ogólny */
.calendar-container {
    margin-bottom: 20px;
}

.calendar-month {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 10px;
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    border: none;
}

/* Nagłówki kolumn */
.calendar-header {
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
    background-color: var(--theme-palette-color-6);
    padding: 10px;
    border: 1px solid var(--theme-palette-color-5);
}

/* Dni kalendarza */
.calendar-day {
    min-height: 80px;
    border: 1px solid var(--theme-palette-color-5);
    padding: 10px;
    position: relative;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.calendar-day.empty {
    background-color: transparent;
    border: none;
}

.calendar-day:hover:not(.empty) {
    background-color: var(--theme-palette-color-2);
    cursor: pointer;
}

/* Numer dnia */
.calendar-day-number {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1em;
}

/* Styl wydarzeń */
.calendar-event-label {
    margin-top: auto;
    font-size: 0.7em;
    color: var(--theme-palette-color-3);
}

/* Sobota */
.calendar-day.saturday .calendar-day-number {
    font-weight: 500;
}

/* Niedziela */
.calendar-day.sunday .calendar-day-number,
.highlighted-day .calendar-day-number {
    font-weight: 700;
    color: var(--theme-palette-color-9);
}

.shopping-sunday {
    background-color: var(--theme-palette-color-6);
}

.holiday-event {
    border: 2px solid var(--theme-palette-color-4);
}

/* Responsywność */
@media (max-width: 1000px) {
    .calendar-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny na urządzeniach mobilnych */
    }

    .calendar-day {
        min-height: 100px;
    }
	.calendar-header,
	.calendar-day.empty {
		display: none;
	}
}

@media (max-width: 600px) {
    .calendar-grid {
        grid-template-columns: 1fr; 
    }
	.calendar-header,
	.calendar-day.empty {
		display: none;
	}
}

/* Wyświetlanie nazw dni tygodnia na mobile */
.calendar-weekday-mobile {
    display: none;
    font-size: 0.8em;
    color: var(--theme-palette-color-3);
    margin-bottom: 5px;
}

@media (max-width: 1000px) {
    .calendar-weekday-mobile {
        display: block;
    }
}

/* Kalendarz ferii zimowych */
/* Kujawsko-pomorskie, lubuskie, małopolskie, świętokrzyskie, wielkopolskie */
.first-holiday-date {
  background-image: linear-gradient(to bottom right, #00a5ff 100%, #00a5ff 100%);
  background-position: 10px 10%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}

/* Podlaskie, warmińsko-mazurskie */
.second-holiday-date {
  background-image: linear-gradient(to bottom right, #21a645 100%, #21a645 100%);
  background-position: 10px 10%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}

/* Dolnośląskie, mazowieckie, opolskie, zachodniopomorskie */
.third-holiday-date {
  background-image: linear-gradient(to bottom right, #fbb805 100%, #fbb805 100%);
  background-position: 10px 10%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}

/* Lubelskie, łódzkie, podkarpackie, pomorskie, śląskie */
.fourth-holiday-date {
  background-image: linear-gradient(to bottom right, #f08077 100%, #f08077 100%);
  background-position: 10px 10%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}

/* Połączenie pierwszego i drugiego terminu */
.first-holiday-date.second-holiday-date {
  background-image: linear-gradient(to bottom right, #00a5ff 50%, #21a645 50%);
  background-position: 10px 10%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}

/* Połączenie drugiego i trzeciego terminu */
.second-holiday-date.third-holiday-date {
  background-image: linear-gradient(to bottom right, #21a645 50%, #fbb805 50%);
  background-position: 10px 10%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}

/* Połączenie trzeciego i czwartego terminu */
.third-holiday-date.fourth-holiday-date {
  background-image: linear-gradient(to bottom right, #fbb805 50%, #f08077 50%);
  background-position: 10px 90%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}

.first-holiday-date .calendar-event-label,
.second-holiday-date .calendar-event-label,
.third-holiday-date .calendar-event-label,
.fourth-holiday-date .calendar-event-label {font-size: 9px;}

/* Media query dla urządzeń mobilnych */
@media screen and (max-width: 1000px) {
  .first-holiday-date,
  .second-holiday-date,
  .third-holiday-date,
  .fourth-holiday-date,
	.first-holiday-date.second-holiday-date,
	.second-holiday-date.third-holiday-date, 
	.third-holiday-date.fourth-holiday-date {
    background-position: 10px 50%;
  }
}

/* Styl całej ankiety */
.questionnaire {
    padding: 20px;
    margin: 20px 0;
    background-color: var(--theme-palette-color-6);
    border-radius: 8px;
    font-family: Arial, sans-serif;
}

/* Nagłówki pytania */
.questionnaire h3 {
    font-size: 1.2em;
    margin-bottom: 15px;
    color: var(--theme-palette-color-4);
}

/* Opcje odpowiedzi */
.questionnaire label {
		display: block;
    margin-bottom: 10px;
    font-size: 1em;
    color: var(--theme-palette-color-3);
    cursor: pointer;
}

/* Radio button */
.questionnaire input[type="radio"] {
    margin-right: 10px;
    cursor: pointer;
}

/* Kontener odpowiedzi */
.questionnaire-response {
    margin-bottom: 15px;
    font-family: Arial, sans-serif;
}

/* Tekst odpowiedzi i liczba głosów */
.response-text {
    font-size: 16px;
    margin-bottom: 5px;
    color: #333;
}

/* Progres bar wrapper */
.progress-bar-wrapper {
    background-color: #e0e0e0; /* Tło paska postępu */
    border-radius: 5px;
    overflow: hidden;
    height: 10px;
    margin-bottom: 5px;
}

/* Pasek postępu */
.progress-bar {
    background-color: var(--theme-palette-color-1); /* Kolor paska */
    height: 100%;
    transition: width 0.5s ease-in-out;
}

/* Tekst procentowy */
.percentage-text {
    font-size: 14px;
    color: #555;
}

/* Własne kampanie */
.add-image-container,
.add-html-container {
	background: var(--theme-palette-color-6);
	padding: 10px;
	margin: 20px 0;
	position: relative;
	border-radius: 7px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	display: grid;
  place-items: center;
}

.ads-by-google-container {
	text-align: center;
}

.add-image-container::after,
.add-html-container::after,
.ads-by-google-container::after {
	content: "R E K L A M A";
	color: var(--theme-palette-color-4);
	font-size: 0.5em;
}

.container-image-promo {
	line-height: 1.6em;
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    text-align: center;
	background-color: #fff;
	margin-bottom: 10px;
}

.container-image-promo > div {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

@media (min-width: 799px) {
    .container-image-promo > div {
      flex: 1 1 50%;
      text-align: left;
    }
}

/* Polecane wpisy */
.related-posts-container {
	background-color: var(--theme-palette-color-6);
	padding: 5px;
    border-radius: 5px;
}

.related-posts,
.expert-articles {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.related-post-item,
.expert-article-item {
    display: flex;
    align-items: center;
    padding: 0px;
    transition: background-color 0.3s ease;
    border-radius: 5px;
    overflow: hidden;
}

.related-post-link,
.expert-article-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.related-post-thumbnail,
.expert-article-thumbnail {
    margin-right: 15px;
    flex-shrink: 0;
    width: 100px;
    border-radius: 5px;
    overflow: hidden;
}

.related-post-thumbnail img,
.expert-article-thumbnail img {
    border-radius: 5px;
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.related-post-item:hover .related-post-thumbnail img,
.expert-article-item:hover .expert-article-thumbnail img {
    transform: scale(1.1);
}

.related-post-title,
.expert-article-title {
    font-size: 13px;
    font-weight: bold;
}

.ct-related-posts article {
    overflow: hidden;
}

.ct-related-posts .ct-media-container img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.ct-related-posts article:hover .ct-media-container img {
    transform: scale(1.1);
}

a.campaigns-post::after {
    content: "Reklama";
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
    padding: 3px 8px;
    font-size: 8px;
    border-radius: 3px;
    z-index: 10;
    display: block;
    pointer-events: none;
}

/* Spis treści */
#rank-math-toc {
	padding: 15px 20px;
    background-color: var(--theme-palette-color-4);
	max-width: 100%;
	border-radius: 5px;
}

#rank-math-toc h2 {
    cursor: pointer;
	color: #faf4f5;
	font-size: 1.2em;
}

#rank-math-toc h2 span#expand-message {
    margin-left: 5px;
	font-size: 0.7em;
	font-weight: 300;
	color: var(--theme-palette-color-7);
}

:is(#rank-math-toc.sticky) {
	padding: 5px 22px;
	max-width: 100%;
	transition: max-width 0.25s ease-in-out;
	border-radius: 0px;
}

:is(#rank-math-toc.sticky h2) {
	font-size: 0.8em;
    margin: 0;
}

:is(#rank-math-toc.sticky nav a) {
	font-size: 0.8em;
    margin: 0;
}

:is(#rank-math-toc.sticky nav ul li) {
	margin-top: 5px;
}

#rank-math-toc.sticky {
    position: fixed;
    top: 0px!important;
	left: 0px!important;
    width: 100%;
    z-index: 9;
	}

#rank-math-toc nav {
	margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

#rank-math-toc.active nav {
    max-height: 700px;
}

#rank-math-toc nav {
	padding: 0px;
}

#rank-math-toc nav a {
    color: var(--theme-palette-color-7);
    display: block;
    margin-block: 0.1875em;
    padding-left: 1em;
    padding-right: 1em;
    padding-block: 0.2em;
    position: relative;
    text-decoration: none;
	border-bottom: none;
	font-size: 0.9em;
}

#rank-math-toc nav ul li a:hover {
	background: none;
	text-decoration: underline;
}

#rank-math-toc nav ul li a:after {
	background-color: var(--theme-palette-color-7);
    content: "";
    display: block;
    height: 98%;
    left: 0;
    position: absolute;
    top: 1px;
    transform-origin: left;
    transition-duration: .2s;
    transition-property: background-color,transform,opacity;
    width: 2px;
	transform: scaleX(1);
}

#rank-math-toc nav ul li ul li a:after {
	background-color: var(--theme-palette-color-7);
    content: "";
    display: block;
    height: 92%;
    left: 5px;
    position: absolute;
    top: 2px;
    transform-origin: left;
    transition-duration: .2s;
    transition-property: background-color,transform,opacity;
    width: 2px;
	transform: scaleX(1);
}

#rank-math-toc nav ul li a:hover:after {
	background-color: var(--theme-palette-color-2);
    transform: scaleX(2.5);
}

#rank-math-toc nav ul li a.current:after {
    background-color: var(--theme-palette-color-2);
    transform: scaleX(2.5);
}
#rank-math-toc nav ul li {
    list-style: none !important;
}

#rank-math-toc nav ul {
	padding-left: 0px;
	margin: 0px;
}

#rank-math-toc nav ul li {
	padding-left: 0px;
	margin: 0px;
}

#rank-math-toc nav ul li ul {
	margin: 0px;
}

#rank-math-toc nav ul li ul li a {
	padding-left: 30px;
	margin: 0px;
}

/* Ranking pożyczek */
#loan-calculator {
    display: flex;
    flex-direction: column;
    padding: 35px 25px 5px 25px;
    box-shadow: 0 0 25px #f7ecec;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease;
	border-radius: 5px;
	max-width: 880px;
}

#loan-calculator .input-section {
    display: flex;
    flex-direction: column;
}

#loan-calculator .input-row {
    display: flex;
    flex-direction: column;
}

#loan-calculator .input-field {
    width: 100%;
    margin-bottom: 20px;
}

#loan-calculator .input-field label,
#loan-calculator .input-field input {
    width: 100%;
    box-sizing: border-box;
    color: var(--theme-palette-color-4);
}

#loan-calculator .input-field input:focus {
    color: var(--theme-palette-color-1);
    font-weight: 500;
    outline: none;
    border: 2px solid var(--theme-palette-color-1);
	border-radius: 5px;
    box-shadow: 0 0 10px #7a7a7a;
}

#loan-calculator .info {
    padding: 25px 0;
    font-size: 0.6em;
}

@media screen and (min-width: 980px) {
    #loan-calculator .input-row {
        flex-direction: row;
    }
    #loan-calculator .input-field {
        padding: 5px;
        margin-bottom: 0;
    }
}

#additional-offers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    margin-top: 20px;
		max-width: 880px;
}

#additional-offers .offer-link {
	width: 100%;
}

#additional-offers .offer {
    box-shadow: 0 0 25px #f7ecec;
    padding: 35px 25px;
    margin-bottom: 30px;
    width: 100%;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease;
	position: relative;
}

#additional-offers .offer:hover {
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.offer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    align-items: center;
    justify-items: start;
    padding: 20px;
    border: 2px solid #F6F6FB;
    margin-bottom: 20px;
    width: 100%;
}

.numberDiv {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 1px 8px;
	color: var(--theme-palette-color-4);
	background-color: var(--theme-palette-color-2);
	border-radius: 7px;
	font-size: 0.6em;
	font-weight: 500;
}

.logoDiv,
.textDiv,
.linkDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.linkDiv .more-info-link {
    padding: 5px 10px;
    font-size: 0.7em;
}

.offer .more-info {
    font-size: 0.7em;
}

.offer-logo {
    max-width: 100%;
}

.textDiv h3 {
	font-size: 1.1em;
	margin: 0px;
	text-align: center;
}

.textDiv .description {
    margin-top: 5px;
    font-size: 0.9em;
    color: var(--theme-palette-color-4);
    line-height: 1.5;
	text-align: center;
}


.textDiv .extra-info {
    margin-top: 5px;
    font-size: 0.7em;
    color: var(--theme-palette-color-3);
    line-height: 1.5;
	text-align: center;
}

@media (max-width: 979px) {
	
    .offer {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
    }

    .logoDiv {
        grid-row: 1 / 2;
    }

    .textDiv {
        grid-row: 2 / 3;
    }

    .linkDiv {
        grid-row: 3 / 4;
    }
}

#loan-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.highlight-offer {
    border: 2px solid var(--theme-palette-color-1);
    border-radius: 5px;
    position: relative;
}

.highlight-offer::after {
    content: attr(data-highlight);
    background: var(--theme-palette-color-1);
    color: var(--theme-palette-color-7);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 220px;
    text-align: center;
    padding: 5px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-size: 0.7em;
    font-weight: 700;
    line-height: 1em;
}

/* Kalkulatory */
#calculator {
    display: flex;
    flex-direction: column;
	padding: 35px 25px 5px 25px;
	margin-bottom: 0px;
	border-radius: 12px;
	border: 2px solid var(--theme-palette-color-5);
	box-shadow: 0 0 25px #f7ecec;
	box-sizing: border-box;
    transition: box-shadow 0.3s ease;
}

#calculator .input-section {
    display: flex;
    flex-direction: column;
}

#calculator .input-row {
    display: flex;
    flex-direction: column;
}

#calculator .input-field {
    width: 100%;
    margin-bottom: 20px;
}

#calculator .summary {
    margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
}

#calculator .summary h3 {
	font-size: 1.3em;
}

#calculator .summary p {
	font-size: 0.9em;
	margin-bottom: 0px;
}

#calculator .calculator-btn {
    display: flex;
    justify-content: flex-end;
    margin: 15px 0px;
}

#calculator .calculator-summary {
	padding: 15px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	border-top: 1px solid var(--theme-palette-color-5);
	display: inline-block;
}

#calculator .button-space {
	width: 10px;
}

#calculator .input-field input[type='checkbox'] {
	width: auto;
}

#calculator .input-field label,
#calculator .input-field input,
#calculator .input-field select {
    width: 100%;
    box-sizing: border-box;
	color: rgba(0, 0, 0, .75);
}

#calculator .info {
	padding: 25px 0px;
	font-size: 0.6em;
}

#calculator .lotto span {
	display: inline-flex;
    width: 42px;
    align-items: center;
    justify-content: center;
    text-align: center;
	font-weight: 500;
    padding: 5px;
    margin: 2px;
    border-radius: 5px;
    border: 1px solid var(--theme-palette-color-5);
    box-shadow: 0 0 25px #f7ecec;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease;
}

#calculator #copy-notification, #generate-warning {
    display: none;
    color: var(--theme-palette-color-7);
    background-color: var(--theme-palette-color-10);
    font-weight: 500;
	font-size: 0.9em;
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    margin-top: 50px;
    position: fixed;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
	box-shadow: 0 0 25px #f7ecec;
	box-sizing: border-box;
    transition: box-shadow 0.3s ease;
    z-index: 1000;
}

#calculator #generate-warning {
    background-color: var(--theme-palette-color-9);
}

.powered-acwp {
	font-size: 0.7em;
	display: flex;
	justify-content: flex-end;
	padding: 2px 10px;
}

.powered-acwp a {
	color: var(--theme-palette-color-4);
}

@media screen and (min-width: 980px) {
    #calculator .input-row {
        flex-direction: row;
    }
    #calculator .input-field {
		padding: 5px;
        margin-bottom: 0;
    }
	#calculator .summary {
		margin-top: 20px;
		margin-bottom: 0px;
		text-align: right;
	}
	
	#calculator .summary p {
		font-size: 1em;
	}
}

/* Info */
.information-label {
	position: relative;
	margin-bottom: 5px;
	font-size: 1em;
	font-weight: 500;
}

.icon-container {
	position: relative;
	display: inline-block;
}

.information-label .tooltip {
	font-size: 11px;
	visibility: hidden;
	width: 240px;
	background-color: var(--theme-palette-color-4);
	color: var(--theme-palette-color-8);
	text-align: center;
	border-radius: var(--borderRadius, 5px);
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	opacity: 0;
	transition: opacity 0.3s, visibility 0.3s;
	overflow: visible;
	left: 50%;
	transform: translateX(-50%);
}

.information-label img {
	margin-bottom: 2px;
	cursor: help;
}

.information-label .tooltip::after {
	content: "";
	position: absolute;
	top: 100%; 
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	width: 10px;
	height: 10px;
	background-color: var(--theme-palette-color-4);
	z-index: 1;
}

.icon-container:hover .tooltip {
	visibility: visible;
	opacity: 1;
}

/* Mapa tagów */
.sticky-alphabet {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 9;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: width 0.3s, left 0.3s; 
}


.taxonomy-alphabet {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
	padding: 10px 20px;
    background-color: var(--theme-palette-color-1);
    border-radius: var(--borderRadius, 5px);
}

.taxonomy-alphabet a {
    text-decoration: none;
    color: var(--theme-palette-color-7);
	font-weight: 700;
    flex-grow: 1;
    text-align: center;
    box-sizing: border-box; 
    padding: 0 7px;
}

.taxonomy-alphabet a:hover {
    text-decoration: underline;
}


.taxonomy-list {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.taxonomy-list li {
    margin: 5px 0;
    flex-basis: calc(33.333% - 10px);
    box-sizing: border-box;
}

.taxonomy-list a {
    text-decoration: none;
    color: var(--theme-palette-color-4);
    display: block;
    padding: 5px;
    box-sizing: border-box;
}

.taxonomy-list a:hover {
    text-decoration: underline;
}

.taxonomy-list a::first-letter {
    font-weight: 700;
}


/* Media query dla urządzeń o szerokości do 768px */
@media (max-width: 999px) {
    .taxonomy-list li {
        flex-basis: 100%;
    }
}

/* Tagi na stronie głównej */
.entry-tags {
	display: block;
    margin-top: 0px;
    clear: both;
    margin-bottom: 0px;
	text-align: center;
}

.entry-tags a {
	border-radius: 5px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 500;
    padding: 0.3em 0.85em;
    margin-bottom: 5px;
    color: var(--theme-palette-color-3);
	border: var(--theme-button-border);
	background-color: var(--theme-palette-color-7);
}

.entry-tags a:not(:hover) {
    box-shadow: inset 0px 0px 0px 1px var(--theme-border-color);
}

.entry-tags a:hover {
	color: var(--theme-palette-color-7);
	border: var(--theme-palette-color-1);
	background-color: var(--theme-palette-color-1);
}

.entry-tags a.view-all-tags {
	box-shadow: none;
	color: var(--theme-palette-color-3);
	background-color: transparent;
	text-decoration: underline;
	font-weight: 700;
	border: none;
}

.entry-tags a.view-all-tags:hover {
	color: var(--theme-palette-color-1);
	box-shadow: none;
	transition: none;
	transform: none;
}

/* Przypięty post */
.featured-post {
    position: relative;
}

.featured-post .ct-media-container::before {
	font-size: 0.6em;
	background-size: 17px 14px;
    background-repeat: no-repeat;
    background-position: 5px center; 
    padding: 3px 10px 3px 25px;
}

.featured-post .ct-featured-image .ct-media-container::before {
	font-size: 0.7em;
	background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px center;
    padding: 3px 10px 3px 31px;
}

.featured-post .ct-media-container::before,
.featured-post .ct-featured-image .ct-media-container::before {
    content: " Polecamy";
    font-weight: 700;
    color: var(--theme-palette-color-6);
    background-color: var(--theme-palette-color-1);
    background-image: url('/wp-content/themes/bynet/theme-functions/assets/img/star.svg');
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 0px 0px 5px 5px;
    transform: translateX(-50%);
    z-index: 1;
}

/* Polecane produkty Ceneo */
.products-container .wp-block-columns {
    gap: var(--theme-content-spacing);
}

.products-container .products-image {
    position: relative;
    width: 260px;
    height: 260px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.products-container .products-image .wp-block-image {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.products-container .products-image .wp-block-image img {
    width: 220px;
    height: 220px;
    object-fit: contain;
	padding: 10px;
}

.products-container .products-image .wp-block-image {
	transition: transform 0.3s ease;
}

.products-container .products-image:hover .wp-block-image {
    transform: scale(1.1);
}

.products-container .check-button-image {
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 1;
}

/* Nowy ranking */
.product-card-wrapper {
	display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    justify-content: center;
    border-bottom: none;
    background-color: var(--theme-palette-color-8);
    padding: 10px 10px 10px 10px;
    margin: 5px 0px;
    border: 1px solid var(--theme-palette-color-5);
    border-radius: 3px;
    box-sizing: border-box;
	cursor: pointer;
}

.ranking-rank {
	 position: absolute;
	top: 5px;
	left: 5px;
    padding: 6px 3px 0px;
    background-color: var(--theme-palette-color-7);
    border-radius: 3px;
}

.ranking-rank span {
    padding: 2px 10px;
    font-weight: 700;
    color: var(--theme-palette-color-1);
}

.product-card-inner {
  display: flex;
  gap: 10px;
	width: 100%;
	align-items: center;
}

.product-card-left {
  flex: 0 0 20%;
	text-align: center;
}

.product-card-left .product-image {
		width: 200px;
    height: 200px;
    object-fit: contain;	
}

.product-card-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-meta-row {
  display: flex;
  justify-content: space-between;
	align-content: center;
  font-size: 0.65em;
  margin-bottom: 25px;
}

.product-update-time {
	align-items: center;
  display: flex
;
}

.product-update-time span {
	font-weight: 700;
	padding-left: 3px;
}

.product-popularity-label {
    font-weight: 500;
    padding: 3px 7px;
    background: var(--theme-palette-color-6);
    border-radius: 5px;
	align-items: center;
    display: flex;
}

.product-popularity-label span {
	padding-left: 5px;
}

.product-title {
  line-height: 1.4;
  font-weight: 700;
}

.product-title a {
  color: var(--theme-palette-color-4);
}

.product-title a:hover {
  color: var(--theme-palette-color-1);
}

.product-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 0.8em;
	font-weight: 500;
}

.product-price {
	font-size: 1.1em;
  font-weight: 700;
}

.price-drop {
  color: #2e7d32;
  font-weight: 700;
}

.price-rise {
  color: #c62828;
  font-weight: 700;
}

.ranking-product-rating img {
	padding-bottom: 4px;
}

.ranking-product-rating span {
	font-size: 0.8em;
	padding-left: 5px;
}

.product-score span {
	font-weight: 700;
}

.product-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
	margin-top: 15px;
}

.product-actions-left {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
}

.product-action-button {
  margin-left: auto;
}

.product-share {
  cursor: pointer;
  font-size: 0.8em;
  transition: color 0.2s ease;
}

.product-share.copied {
  font-weight: 700;
}

.product-comment {
	
}

.product-comment span {
	font-size: 0.7em;
	padding-left: 5px;
	font-weight: 700;
}

.similar-items {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease;
}

.similar-items .products-image .wp-block-image img {
    width: 170px;
    height: 170px;
}

.similar-items.visible {

}

.similar-toggle {
  position: relative;
	cursor: pointer;
}

.similar-tooltip {
  position: absolute;
  top: 55%;
  left: 30px;
	transform: translateY(-50%);
  background: var(--theme-palette-color-4);
  color: var(--theme-palette-color-7);
  font-size: 10px;
  padding: 3px 7px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.similar-tooltip::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-width: 4px;
  border-style: solid;
  border-color: transparent var(--theme-palette-color-4) transparent transparent;
}

.similar-toggle-wrapper {
  position: relative;
}

.product-share {
  position: relative;
}

.copied-tooltip {
  position: absolute;
  top: 55%;
  left: 30px;
  transform: translateY(-50%);
  background: #23b90b;
  color: var(--theme-palette-color-7);
  font-size: 10px;
  padding: 3px 7px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.copied-tooltip::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-width: 4px;
  border-style: solid;
  border-color: transparent #23b90b transparent transparent;
}

@media (max-width: 999px) {
	.product-card-inner {
		gap: 5px;
	}
	.product-card-inner .product-image {
		margin: 0px;
	}
	.product-card-left {
  flex: 0 0 25%;
}
}

@media (max-width: 499px) {
	.product-card-inner {
    flex-direction: column;
		padding: 5px;
}
	.similar-items .products-image {
		width: 200px;
    height: 200px;
	}
	.product-card-wrapper {
		padding: 5px 5px 5px 0px;
	}
	.product-details {
		gap: 3px;
	}
}

/* Ranking produktów */
.product-table {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.product-item {
    display: flex;
	flex-wrap: wrap;
	position: relative;
    align-items: center;
    justify-content: flex-start;
    border-bottom: none;
	background-color: var(--theme-palette-color-8);
    padding: 10px 0px;
	margin: 5px 0px;
	border: 1px solid var(--theme-palette-color-5);
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
}

.product-item .ranking-button {
	padding: 15px 0px;
}

.product-cell {
    padding: 0 10px;
	text-align: center;
}

.ranking-icon {
	padding: 6px 3px 0px;
	margin: 0px 20px;
	background-color: var(--theme-palette-color-7);
	border-radius: 3px;
}

.ranking-icon span {
	padding: 2px 10px;
	font-size: 1em;
	font-weight: 700;
	color: var(--theme-palette-color-1);
}

.ranking-image img {
    width: 110px;
    height: 110px;
    object-fit: contain;
}

.product-icon {
	position: absolute;
	top: 10px;
	left: -5px;
	padding: 7px 8px 0px;
	margin: 0px 20px;
	background-color: var(--theme-palette-color-7);
	text-align: center;
	border-radius: 3px;
}

.product-icon span {
	padding: 2px 10px;
	font-size: 1em;
	font-weight: 700;
	color: var(--theme-palette-color-1);
}

.product-item .ranking-review {
	text-decoration: underline;
	font-size: 0.9em;
}

.product-item .ranking-title a,
.product-item .ranking-name a {
	color: var(--theme-palette-color-4);
	font-size: 0.8em;
	line-height: 1.4em;
    display: block;
}

.product-item .ranking-title a:hover,
.product-item .ranking-name a:hover {
	color: var(--theme-palette-color-1);
}

.product-item .price {
	font-weight: 700;
}

.icon {
    display: block;
    margin: 0 auto;
}

.product-container {
    margin-bottom: 20px;
	position: relative; 
}

.product-header {
    display: flex;
	padding-top: 30px;
    justify-content: space-between;
    align-items: center;
	background-color: var(--theme-palette-color-8);
	border: 1px solid var(--theme-palette-color-5);
	border-radius: 3px;
	box-sizing: border-box;
}

.badges-container {
    position: absolute;
    top: -3px; 
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
}

.product-badge {
    width: 35px;
	filter: drop-shadow(0px 0px 25px #f7ecec);
    transition: filter 0.3s ease;
	cursor: help;
}

.product-badge .tooltip,
.rating-text .tooltip {
	font-size: 11px;
	visibility: hidden;
	width: 240px;
	background-color: var(--theme-palette-color-4);
	color: var(--theme-palette-color-8);
	text-align: center;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 110%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s, visibility 0.3s;
	overflow: visible;
}

.product-badge .tooltip::after,
.rating-text .tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	width: 10px;
	height: 10px;
	background-color: var(--theme-palette-color-4);
	z-index: -1;
	margin-top: 0px;
}

.product-badge:hover .tooltip,
.rating-text:hover .tooltip  {
	visibility: visible;
	opacity: 1;
}

.product-image {
    flex-basis: 35%;
	padding: 10px;
}

.product-image figcaption {
	border-top: 1px solid var(--theme-palette-color-6);
	padding-top: 5px;
}

.product-title-data {
    flex-basis: 40%;
	padding: 10px;
	margin-top: 30px;
}

.product-title-separator {
	display: none;
}

.product-link-price {
    flex-basis: 25%;
	padding: 10px;
    text-align: center;
}

.product-link-price .product-price {
    font-size: 0.9em;
}

.product-link-price .ranking-button {
	margin-top: 15px;
}

.product-title-data h2 {
	font-size: 1.1em;
	margin: 0;
}

.product-title-data .product-data {
	font-size: 0.7em;
}

.product-description {
	padding: 25px 25px 15px 25px;
}

.product-description h3 {
	font-size: 1.1em;
}

.product-description-summary {
	padding: 15px 20px;
	background-color: var(--theme-palette-color-6);
	border-radius: 5px;
}

.product-description-summary p {
	font-size: 0.9em;
	margin: 0px;
}

.product-data {
	position: relative;
}

.product-container .product-rating {
	margin: 10px 0px 20px 0px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
	background-color: rgba(255, 204, 1, 0.20);
	border-radius: 3px;
}

.rating-stars,
.rating-text {
	position: relative;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating-stars {
	width: 40%;
    justify-content: flex-start;
}

.rating-text {
	width: 60%;
    justify-content: flex-end;
	font-size: 0.8em;
	cursor: help;
}
.rating-text span {
	padding-left: 5px;
	font-weight: 700;
}

.rating-text img {
	margin-left: 5px;
}

.ranking-rating-stars {
    width: 110px;
    justify-content: flex-start;
}

.ranking-rating-info {
	font-size: 0.7em;
	font-weight: 500;
}

.ranking-popularity-wrap {
	margin-top: 5px 0px;
}

.ranking-popularity-badge {
	font-size: 0.6em;
	font-weight: 500;
	padding: 4px 14px;
	background: var(--theme-palette-color-6);
	border-radius: 5px;
}

@media (min-width: 1000px) {
    .product-cell:nth-child(1) {
        flex: 0.5;
    }

    .product-cell:nth-child(2) {
        flex: 1.5;
    }

    .product-cell:nth-child(3) {
        flex: 3.5;
    }

    .product-cell:nth-child(4) {
        flex: 2;
    }

    .product-cell:nth-child(5) {
        flex: 2.5;
    }
}

@media (max-width: 999px) {
    /*.product-cell:nth-child(1),*/
    .product-cell:nth-child(2),
    .product-cell:nth-child(3),
    .product-cell:nth-child(4),
    .product-cell:nth-child(5) {
        flex-basis: 100%;
    }
	.ranking-icon {
		position: absolute;
		padding: 6px 8px 0px;
		top: 10px;
		left: -5px;
	}
	.product-item .ranking-review {
		font-size: 1.1em;
		margin: 10px 0px 5px 0px;
	}
	.product-item .ranking-title a,
	.product-item .ranking-name a {
		font-size: 1.05em;
	}
	.ranking-image img {
		width: 220px;
		height: 220px;
		object-fit: contain;
	}
	.ranking-rating-stars {
		width: 140px;
	}

	.ranking-rating-info {
		font-size: 0.7em;
	}

	.ranking-popularity-wrap {
		margin: 7px 0px;
	}

	.ranking-popularity-badge {
		font-size: 0.8em;
		padding: 4px 14px;
	}
}

.product-attributes {
    display: flex;
    justify-content: space-between;
	padding: 25px 25px 15px 25px;
	gap: 10px;
}

.product-attributes h3 {
	font-size: 1em;
}

.product-advantages, .product-defects {
	position: relative;
    flex: 1;
    padding: 10px 15px;
}

@media (max-width: 999px) {
    .product-header {
        flex-direction: column;
    }

    .product-image,
    .product-title-data,
    .product-link-price {
        flex: 0 0 100%;
        margin-bottom: 10px;
        text-align: center;
		width: 96%;
    }
	
	.product-image {
        margin-top: 50px;
    }

    .product-title-data {
        padding: 0;
		margin-top: 0;
    }
	
	.product-title-separator {
		display: inline-block;
		background-color: var(--theme-palette-color-1);
		height: 2px;
		width: 120px;
		margin-bottom: 5px;
	}
	
	.product-data {
		text-align: left;
		padding: 0px 15px;
	}
	
	.product-description {
		padding: 25px 5px 15px 5px;
	}
	
	.product-attributes {
        flex-direction: column;
		padding: 25px 5px 15px 5px;
    }
	
	.entry-content .product-data ul>li::before {
		left: 10px;
	}
	
	.category-rankingi .entry-content .product-data ul>li::before {
		left: 20px;
	}
	.product-cell .wp-block-button a {
		scale: 1.1;
		margin-bottom: 5px;
	}
}

.ranking-button-info {
	font-size: 11px;
	opacity: 0.5;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5px;
	position: relative;
	cursor: help;
	
}

.ranking-button-info:hover {
  opacity: 1;
}

.ranking-button-info .icon-info {
  margin: 0;
}

.ranking-button-info span {
  padding-left: 5px;
}

.ranking-button-info .tooltip {
  visibility: hidden;
  width: 240px;
  background-color: var(--theme-palette-color-4);
  color: var(--theme-palette-color-8);
  text-align: center;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: -400%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}

.ranking-button-info .tooltip::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	width: 10px;
	height: 10px;
	background-color: var(--theme-palette-color-4);
	z-index: -1;
	margin-top: 0px;
}

.ranking-button-info:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

/* FAQ */
.rank-math-question {
	cursor: pointer;
	padding: 5px 15px;
	margin-bottom: 10px;
	border-radius: var(--borderRadius, 5px);
	background-color: var(--theme-palette-color-6);
	font-size: 0.95em;
	transition: background-color 0.3s ease-in-out;
}

.rank-math-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
    padding: 0 15px;
}

.rank-math-answer p {
	font-size: 0.9em;
}

.rank-math-list-item:first-child .rank-math-answer {
    max-height: 500px;
    padding: 0px 15px;
}