/*
Theme Name: Alpaka Child
Template: alpk2
Text Domain: alpakachildtheme
*/

/* Global */
@media screen and (min-width: 992px) {
    h1 {
        font-size: 60px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 22px;
    }
}

/* Карточка */
.count {
	left: 1rem;
	width: 2rem;
	height: 2rem;
}
.badge {
	padding:4px 8px;
}
.light-theme .badge {
	background:#FFF9C4;
}
.dark-theme .badge {
	background: #414036;
}

/* Tooltip */
.tooltip-wrapper {
	padding: 8px;
	margin: -8px;
	cursor: help;
  position: relative;
}
.custom-tooltip {
  display: inline-block;
  position: absolute;
  z-index: 9999;
	width: max-content;
  max-width: 400px;
  padding: 6px 10px;
  border-radius: 6px;
  background: var(--tooltip-bg, #333);
  color: var(--tooltip-color, #fff);
  font-size: 13px;
  line-height: 1.4;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
  opacity: 1;
  transform: translateX(-50%);
}
@media (max-width: 959px) {
    .custom-tooltip {
        width: calc(-4rem + 100vw);
        max-width: unset;
    }
}

/* Info Table */
.loan-characteristics-table {
	border:0;
}
.loan-characteristics-table td {
	border-right:0!important;
	padding:0;
	padding-top:1rem;
	padding-bottom:1rem;
}

/* Header TOC */
#alpaka-toc.is-position-sticky {
    width: auto;
    top: var(--header-height);
}

/* Post TOC */
.alpaka-toc-post li:not(:last-child) {
	margin-bottom:1rem;
}

/* .single-pozyczki */
#alpaka-post-header-container .aff-button {
	max-width:340px;
}
.single-pozyczki .post-content > *:not(:last-child), 
.single-pozyczki .post-content > * > *:not(:last-child),
.single-pozyczki .post-content section > * > *:not(:last-child) {
    margin-bottom: 2rem;
}
.single-pozyczki aside article.is-position-sticky {
	top:calc(var(--header-height) + 54px + 1rem);
}
@media (min-width: 1280px) {
	.single-pozyczki article.post-content > section.p-3 {
        padding: 3rem 4rem;
    }
	.alpaka-toc-post {
		padding:2rem;
	}
	.tab button {	
		padding:1rem 2rem
	}
	.tabs .tabcontent {
		padding:2rem;
	}
}

/* Tabs */
.tablinks {
  background-color: transparent;
  transition: opacity 0.3s, background-color 0.3s;
  color: var(--text);
  opacity: 0.8;
  border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}

.tablinks:hover {
  background-color: var(--bg);
  opacity: 0.8;
}

.tablinks.active {
  background-color: var(--bg);
  color: var(--text);
  font-weight: 600;
  opacity: 1;
  z-index: 1;
  position: relative;
}

/* Контейнер табов */
.tabs .tabcontent {
  border-radius: 0 var(--border-radius-1) var(--border-radius-1) var(--border-radius-1);
  background-color: var(--bg); /* желательно указать */
  padding: 1rem; /* для внутреннего отступа */
  position: relative;
  z-index: 0;
}


/* FAQ */
		.faq-question {
			all: unset;
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			cursor: pointer;
		}
		.arrow-icon {
			transition: transform 0.3s ease;
		}
		.faq-question[aria-expanded="true"] .arrow-icon {
			transform: rotate(180deg);
		}
		.faq-answer {
			animation: fadeIn 0.3s ease-in-out;
		}
		@keyframes fadeIn {
			from {opacity: 0;}
			to {opacity: 1;}
		}

/* Lists */
.alpaka-list li {
	position: relative;
	padding-left: 3rem;
}
.alpaka-list li strong {
	font-size:1.2rem;
	display:block;
	line-height:1.5;
}
.alpaka-list li strong + p {
	color:var(--text-2);
}
.alpaka-list li::before {
	content: "+";
	position: absolute;
	left: 0;
	top: 0;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	border-radius: 50%;
	background-color: var(--green);
	color: var(--bg);
	text-align: center;
	font-weight: bold;
}
ol.alpaka-list li {
	counter-increment: howto-counter;
}
ol.alpaka-list li::before {
	content: counter(howto-counter);
}
.alpaka-list.cond li::before {
	content: "✔";
}
.alpaka-list.how-to-pay li::before {
	content: "✦";
}
@media screen and (min-width: 720px) {
	.alpaka-list {
		display: flex;
    flex-wrap: wrap;
		gap:0 3rem
	}
	.alpaka-list:not(.alpaka-how-to-steps) li {
		width: calc(50% - 1.5rem);
	}
	.alpaka-list.cond li {
    width: calc(33% - 2rem);
	}
}