/*
========================================
ROOT
========================================
*/

:root{

    --gv-border:#E5E7EB;
    --gv-text:#374151;
    --gv-primary:#1F4FFF;
    --gv-bg:#ffffff;

}

/*
========================================
CONTAINER
========================================
*/

.gv-docs-container{

    width:min(1400px,95%);
    margin:auto;

}

/*
========================================
HEADER
========================================
*/

.gv-docs-header{

    background:#fff;
    border-bottom:1px solid var(--gv-border);
    position:sticky;
    top:0;
    z-index:999;

}

.gv-docs-header-top{

    display:flex;
    justify-content:space-between;
    align-items:center;
    height:72px;

}

.gv-docs-logo img{

    height:34px;
    width:auto;

}

/*
========================================
SEARCH
========================================
*/

.gv-docs-search{

    position:relative;

}

#gvDocsSearch{

    width:360px;
    height:44px;
    border:1px solid var(--gv-border);
    border-radius:12px;
    padding:0 18px;
    outline:none;
    font-size:15px;

}

#gvDocsSearch:focus{

    border-color:var(--gv-primary);

}

#gvDocsResults{

    position:absolute;
    top:52px;
    left:0;
    width:100%;
    background:#fff;
    border-radius:12px;
    display:none;
    box-shadow:0 10px 40px rgba(0,0,0,.08);

}

/*
========================================
TOP TABS
========================================
*/

.gv-docs-tabs{

    background:#fff;
    border-bottom:1px solid var(--gv-border);

}

.gv-docs-tabs .gv-docs-container{

    display:flex;
    gap:32px;
    height:60px;
    align-items:center;

}

.gv-docs-tabs a{

    color:var(--gv-text);
    text-decoration:none;
    font-weight:600;
    transition:.25s;

}

.gv-docs-tabs a:hover{

    color:var(--gv-primary);

}

.gv-docs-tabs a.active{

    color:var(--gv-primary);

}

/*==================================================
LAYOUT
==================================================*/

.gv-docs-layout{

    display:grid;
    grid-template-columns:280px minmax(0,1fr) 250px;

    min-height:calc(100vh - 132px);

}

/*==================================================
SIDEBAR
==================================================*/

.gv-docs-sidebar{

    border-right:1px solid var(--gv-border);
    background:#fff;

}

.gv-sidebar-inner{

    padding:24px;
    position:sticky;
    top:132px;

}

.gv-sidebar-group{

    margin-bottom:20px;

}

.gv-group-title{

    width:100%;
    border:none;
    background:none;
    text-align:left;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    padding:10px 0;

}

.gv-sidebar-group ul{

    margin:8px 0 0;
    padding-left:18px;

}

.gv-sidebar-group li{

    list-style:none;
    margin:8px 0;

}

.gv-sidebar-group a{

    text-decoration:none;
    color:#6B7280;

}

.gv-sidebar-group li.active a{

    color:var(--gv-primary);
    font-weight:600;

}

/*==================================================
CONTENT
==================================================*/

.gv-docs-content{

    padding:50px;
    max-width:900px;

}

.gv-docs-content h1{

    margin-top:0;

}

/*==================================================
TOC
==================================================*/

.gv-docs-toc{

    border-left:1px solid var(--gv-border);

}

.gv-toc-inner{

    position:sticky;
    top:132px;
    padding:24px;

}

.gv-toc-inner ul{

    margin:20px 0 0;
    padding:0;

}

.gv-toc-inner li{

    list-style:none;
    margin-bottom:10px;

}