/* ==========================================
   CHANG TONG CORE
   HEADER
   Version 1.0
========================================== */


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

.site-header {

    background-color: var(--ct-color-surface);

    box-shadow: var(--ct-shadow-sm);

    position: relative;

    z-index: var(--ct-z-header);

}


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

.site-header .ast-container {

    max-width: var(--ct-container);

    min-height: var(--ct-header-height);

    margin: 0 auto;

    padding-left: var(--ct-space-lg);
    padding-right: var(--ct-space-lg);

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: var(--ct-space-xl);

}

/* ==================================================
   BRANDING
================================================== */

.site-branding {

    display: flex;

    align-items: center;

    gap: var(--ct-space-md);

    flex-shrink: 0;

}

/* ==================================================
   SITE TITLE
================================================== */

.site-title {

    margin: 0;

    font-family: var(--ct-font-heading);

    font-size: var(--ct-fs-3xl);

    font-weight: var(--ct-fw-bold);

    line-height: var(--ct-lh-tight);

}

.site-title a {

    color: var(--ct-color-secondary);

    text-decoration: none;

}

.site-title a:hover {

    color: var(--ct-color-primary);

}