/* ==========================================================
   ACMOBOOK HEADER V4
========================================================== */

.acmo-header{
    position:sticky;
    top:10px;
    bottom: 10px;
    z-index:999;
    background:white;
    box-shadow:0 8px 35px rgba(15,23,42,.05);
}

.acmo-header-main{

height:72px;

max-width:1450px;

margin:auto;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 38px;

}

.header-left{

    display:flex;

    align-items:center;

    gap:48px;

}

.header-right{

    display:flex;

    align-items:center;

    gap:18px;

}

.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

/* Floating Search */

.header-search-section{

display:flex;

justify-content:center;

align-items:center;

height:72px;

padding:0 24px 20px;

background:#fff;

border-top:2px solid #F4F6FA;

margin-bottom:28px;

}

.search-container{

    max-width:760px;
    
    align-items:center;


    margin:auto;

}

.header-logo{

display:flex;

align-items:center;

text-decoration:none;

}

.header-logo img{

height:56px;

width:auto;

display:block;

}

/*==================================
Create Button
==================================*/

.header-create{

height:46px;

padding:0 22px;

display:flex;

align-items:center;

gap:10px;

border-radius:14px;

background:linear-gradient(135deg,#695CFF,#2EA8FF);

color:#fff;

font-size:16px;

font-weight:700;

text-decoration:none;

transition:.3s;

box-shadow:

0 10px 24px rgba(105,92,255,.20);

}

.header-create:hover{

transform:translateY(-2px);

box-shadow:

0 18px 36px rgba(105,92,255,.30);

}

.header-create i{

font-size:16px;

}

/*==================================
Workspace Switch
==================================*/

.workspace-switch{

height:46px;

display:flex;

align-items:center;

padding:4px;

background:#fff;

border:1px solid #E7ECF4;

border-radius:14px;

box-shadow:

0 8px 20px rgba(15,23,42,.05);

}

.workspace-btn{

height:38px;

padding:0 18px;

display:flex;

align-items:center;

gap:8px;

border:none;

background:none;

border-radius:10px;

font-size:15px;

font-weight:600;

color:#64748B;

transition:.25s;

}

.workspace-btn.active{

background:linear-gradient(135deg,#695CFF,#2EA8FF);

color:#fff;

}

/* Desktop */

@media(min-width:992px){

.desktop-only{

display:block;

}

}

/* Mobile */

@media (max-width:991px){

.desktop-only{
display:none;
}

.mobile-only{
display:block;
}

}