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


/* 
=========================
CHIPS
=========================
*/
.chips .wp-block-button__link {
    padding: 6px 12px;
    color: var(--text);
    background: var(--bg-4);
}

/* 
=========================
LOOPS
=========================
*/
.side .loop {
	gap:12px;
}

/* 
=========================
COOKIE
=========================
*/
.cookie{
	position:fixed;
	bottom:0;
	z-index:50;
	justify-content:space-between;
	width:100%;
}

/* 
=========================
COUNT
=========================
*/
.count {
	width: 1.25rem;
	height: 1.25rem;
	left: .5rem;
    top: .5rem;
}

/* 
=========================
BADGES
=========================
*/
.badges > * {
    padding: 0px 6px;
}

/* 
=========================
COPY
=========================
*/
.copy-icon {
	border:1px dashed var(--link);
	padding: 4px 8px;
}
.label-1 > *, .label-2 > * {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
}


/* 
=========================
Faq accordion
=========================
*/
.faq details {
    padding: 1rem 0;
	border-bottom: 1px solid var(--border);
}
.faq summary {
    cursor: pointer;
    font-weight: 500;
}
.faq p {
	margin-top:1rem;
}

/* 
=========================
TOC
=========================
*/
.reference-toc__list a {
	text-decoration:none;
	color:var(--text-2)!important;
}
.reference-toc__list a.is-active{
	color:var(--text)!important;
}
.reference-toc a {
    box-shadow: -2px 0 0 var(--border);
    color: inherit;
    display: inline-block;
    margin-left: 2px;
    padding: .4rem .5rem;
}
[aria-current=true]:is(.reference-toc a) {
    box-shadow: -2px 0 0 var(--link);
}

/* 
=========================
FOR TABLE and PC
=========================
*/
@media screen and (min-width: 719px) {
	.template-2 .item-columns {		
		flex-direction: row;		
	}
	.template-2 .item-columns .col-2 {
		align-items: start;
	}
}