/**
 * Scotch AGS - Header 2026 CSS
 * ========================================
 * Applied globally (all pages)
 * Extracted from freelancer's style-2.css
 */

/* ============================================
   Header: Main Structure
   ============================================ */
#wrapper #header {
    z-index: 1001;
}
#wrapper #header.transparent {
    z-index: unset !important;
}
#wrapper #header {
    height: 8rem !important;
    background: #00539F;
}
.header-shadow .header-wrapper,
.header-wrapper.stuck,
.layout-shadow #wrapper {
    box-shadow: none !important;
}
.header-main,
.header-full-width .container {
    background: #00539F;
}
.header-bottom {
    background: none !important;
}

/* ============================================
   Header: Logo
   ============================================ */
.header-main #logo .header-logo,
.header-main #logo .header-logo-dark {
    height: 70px !important;
    max-height: 90px !important;
    margin-top: 40px !important;
}

/* ============================================
   Header: Navigation
   ============================================ */
.header-nav-main.nav-right {
    flex-wrap: nowrap;
}
.header-block {
    width: auto;
}
.header-nav li.menu-item {
    margin: 0 15px;
}
.header-nav li.menu-item a.nav-top-link {
    text-transform: uppercase;
    font-family: "Scotch Young Serif";
    color: #fff;
    padding: 10px 0;
}
.header-nav li.menu-item a:hover {
    color: var(--ags-yellow);
}
.header-nav li.menu-item a i {
    display: none;
}

/* ============================================
   Header: Dropdown Menu
   ============================================ */
.header-nav .sub-menu.nav-dropdown {
    background: #fff;
    border-radius: 15px;
    border: 0;
    box-shadow: none;
}
.header-nav .sub-menu li.menu-item {
    margin: 0 !important;
}
.header-nav .sub-menu li.menu-item a {
    color: var(--ags-blue);
    font-family: "Scotch Young Serif";
    font-size: 0.8em;
    border: 0;
}
.header-nav .sub-menu li.menu-item a:hover {
    color: var(--ags-yellow);
}

/* ============================================
   Header: Buttons (Block 1)
   ============================================ */
.header-button a.button,
.header-block-block-1 a.button {
    padding: 1px 20px;
    line-height: 1.2;
    min-height: auto;
    margin-right: 3px;
}
.header-block-block-1 a.admission-btn.button {
    background-image: url('https://scotch-ags.edu.vn/wp-content/uploads/2026/03/booking-icon.png');
    background-size: 14px 18px;
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 45px;
}
.header-block-block-1 a.schooltour-btn.button {
    background-image: url('https://scotch-ags.edu.vn/wp-content/uploads/2026/03/tour-icon.png');
    background-size: 24px 24px;
    background-position: left 15px center;
    background-repeat: no-repeat;
    padding-left: 45px;
}
.header-block-block-1 a.button span {
    text-transform: uppercase !important;
}

/* ============================================
   Header: Language Dropdown
   ============================================ */
.header-main .nav > li.header-language-dropdown .image-icon img,
.header-main .nav > li.header-language-dropdown .icon-image img {
    width: 1.5rem;
    height: 1.5rem;
}
.header-main .nav > li.header-language-dropdown > a *:last-child {
    margin-left: 0;
}
.header-main .nav > li.header-language-dropdown > a span {
    display: none;
}

/* ============================================
   Header: Burger Menu
   ============================================ */
.burger-menu {
    display: none;
}

/* ============================================
   Header: Cursor
   ============================================ */
#wrapper {
    cursor: auto;
}
#wrapper select,
#wrapper .f-button,
#wrapper button,
#wrapper a,
#wrapper .toggle:hover,
#wrapper [type=button],
#wrapper [type=reset],
#wrapper [type=submit],
#wrapper [data-trigger],
#wrapper .datepicker,
#wrapper .texttip__btn,
#wrapper .button,
#wrapper .cursor-pointer {
    cursor: pointer;
}

/* ============================================
   Header: Content / Main area adjustments
   ============================================ */
#content {
    position: relative;
    background: #fff;
}
#main, #wrapper {
    background-color: transparent;
}
#main .slider-customs {
    margin-top: -100px;
}

/* ============================================
   Header: Bottom Nav Spacing
   ============================================ */
@media (min-width: 850px) {
    .header-bottom > .container {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm);
    }
}

/* ============================================
   Header: Responsive Mobile
   ============================================ */
@media (max-width: 768px) {
    .burger-menu {
        display: block;
    }
}

@media (max-width: 849px) {
    .header-nav-main.nav-right .header-block {
        display: none;
    }
    #search-lightbox {
        max-width: 100%;
    }
    .header-main #logo .header-logo,
    .header-main #logo .header-logo-dark {
        height: 2.333rem !important;
        margin: 0 !important;
    }
    .sidebar-menu .header-block .header-block-block-1 {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .header-button a.button,
    .header-block-block-1 a.button {
        padding: 1px 10px;
    }
    .header-block-block-1 a.schooltour-btn.button,
    .header-block-block-1 a.admission-btn.button {
        background-position: left 8px center;
        padding-left: 35px;
    }
}