/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.navigation-items{
	/*position: absolute;*/
    position: sticky;
    top: 0;
    width: 100%;
    height: calc(100vh - 80px);
    overflow: auto;
    padding-right: 20px;
    padding-top: 20px;
}

.navigation-items .docs-block{
	margin-bottom: 32px;
}

.navigation-items h5{
	color: #e0e0e5;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 10px;
}

.navigation-items ul{
	padding: 0;
	list-style: none;
}

.navigation-items ul li a{
	padding: 6px 12px;
	display: block;
	border-radius: 0.75rem;
	font-size: 14px;
	line-height: 18px;
	color: #a0a0a5;
}

.navigation-items ul li a.active{
	background-color: rgba(1, 103, 141,0.5);
	color: #fafafa;
}


[data-header*="type-1"] .ct-header [data-id="search-input"] .ct-search-results{
	--search-dropdown-background: #0c0c10;
	border-radius: 16px;
	--search-dropdown-box-shadow: 0px 8px 25px 1px #232326;
	padding: 62px 8px 8px;
}

.ct-search-results a.ct-search-item{
	padding: 8px 16px;
	border-radius: 8px;
}

.ct-search-results a.ct-search-item:hover{
	background-color: hsla(0, 0%, 100%, .05);
}


@media screen and (max-width: 1024px){
	.navigation-items{
		transition: transform 0.3s ease-in-out;
    	transform: translateX(-100%);
    	width: 100%;
        position: fixed;
        height: 100vh;
        top: 0;
	}

    .navigation-items.active {
        transform: translateX(0); /* Slide in when active */
    }
}


#cpl-toast-container { position:fixed; top:20px; right:20px; display:flex; flex-direction:column; gap:10px; z-index:99999; }
.cpl-toast { padding:12px 16px; border-radius:6px; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.25); display:flex; justify-content:space-between; align-items:center; min-width:260px; font-size:14px; }
.cpl-toast.error{ background:#dc2626; }
.cpl-toast.success{ background:#16a34a; }
.cpl-toast-close{ background:none;border:none;color:#fff;font-size:18px;cursor:pointer; }