.header-create-wrapper{

position:relative;

}

.create-dropdown{

width:320px;

padding:14px;

top:60px;

right:0;

}

.dropdown-title{

padding:8px 10px 14px;

border-bottom:1px solid #EEF2F7;

margin-bottom:10px;

}

/* ===============================
   Base Dropdown
================================ */

.header-dropdown{

position:absolute;

top:calc(100% + 12px);

right:0;

background:#fff;

border:1px solid #EEF2F7;

border-radius:20px;

box-shadow:
0 30px 70px rgba(15,23,42,.12);

opacity:0;

visibility:hidden;

transform:translateY(12px);

transition:
opacity .25s ease,
transform .25s ease,
visibility .25s;

z-index:9999;

pointer-events:none;

}

.header-dropdown.show{

opacity:1;

visibility:visible;

transform:translateY(0);

pointer-events:auto;

}

.create-dropdown a{

display:flex;

gap:14px;

padding:12px;

border-radius:14px;

text-decoration:none;

color:#0F172A;

transition:.25s;

}

.create-dropdown a:hover{

background:#F8FAFC;

}

.create-dropdown i{

font-size:20px;

color:#695CFF;

margin-top:2px;

}

.create-dropdown strong{

display:block;

font-size:15px;

}

.create-dropdown small{

color:#64748B;

font-size:13px;

}

.header-action-wrapper{

position:relative;

}

.notification-dropdown,
.message-dropdown{

width:360px;

right:0;

top:62px;

padding:14px;

}

.dropdown-title{

display:flex;

justify-content:space-between;

align-items:center;

padding:8px 10px 16px;

border-bottom:1px solid #EEF2F7;

margin-bottom:10px;

}

.dropdown-title h6{

margin:0;

font-size:17px;

font-weight:700;

}

.dropdown-title a{

font-size:13px;

font-weight:600;

color:#695CFF;

text-decoration:none;

}

.notification-item{

display:flex;

gap:14px;

padding:12px;

border-radius:14px;

text-decoration:none;

color:#0F172A;

transition:.25s;

}

.notification-item:hover{

background:#F8FAFC;

}

.notification-item.unread{

background:#F8FBFF;

}

.notification-icon{

width:42px;

height:42px;

border-radius:12px;

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

}

.booking{

background:#EEF4FF;

color:#695CFF;

}

.requirement{

background:#ECFDF5;

color:#10B981;

}

.payment{

background:#FFF7ED;

color:#F59E0B;

}

.notification-content strong{

display:block;

font-size:14px;

margin-bottom:3px;

}

.notification-content small{

display:block;

font-size:13px;

color:#64748B;

margin-bottom:4px;

}

.notification-content span{

font-size:12px;

color:#94A3B8;

}

.message-item{

display:flex;

gap:12px;

padding:12px;

border-radius:14px;

text-decoration:none;

color:#0F172A;

transition:.25s;

}

.message-item:hover{

background:#F8FAFC;

}

.message-item img{

width:46px;

height:46px;

border-radius:50%;

object-fit:cover;

}

.message-item strong{

display:block;

font-size:14px;

}

.message-item small{

display:block;

font-size:13px;

color:#64748B;

margin-top:3px;

}

.message-item span{

display:block;

font-size:12px;

margin-top:4px;

color:#94A3B8;

}

/* ==========================================
   GUEST LOGIN DROPDOWN
========================================== */

.guest-login-wrapper{
    position:relative;
}

.guest-dropdown{

    position:absolute;

    top:calc(100% + 14px);
    right:0;

    width:340px;

    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:.28s ease;

    z-index:9999;

}

.guest-login-wrapper:hover .guest-dropdown,
.guest-login-wrapper.active .guest-dropdown{

    opacity:1;
    visibility:visible;

    transform:translateY(0);

}

.guest-dropdown-card{

    background:#fff;

    border-radius:22px;

    border:1px solid #ECEFF5;

    overflow:hidden;

    box-shadow:
        0 20px 60px rgba(15,23,42,.10);

    padding:10px;

}

.guest-section{

    padding:16px;

}

.guest-title{

    font-size:18px;

    font-weight:700;

    color:#111827;

    margin-bottom:6px;

}

.guest-subtitle{

    font-size:14px;

    color:#64748B;

    line-height:1.5;

}

.guest-dropdown hr{

    margin:8px 0;

    border-color:#EEF2F7;

}

.guest-option{

    display:flex;

    gap:14px;

    align-items:flex-start;

    padding:14px 16px;

    border-radius:14px;

    color:#111827;

    text-decoration:none;

    transition:.25s;

    background:transparent;

    border:none;

    width:100%;

    text-align:left;

    cursor:pointer;

}

.guest-option:hover{

    background:#F8FAFC;

}

.guest-option i{

    font-size:20px;

    color:#6C63FF;

    margin-top:2px;

}

.guest-option strong{

    display:block;

    font-size:15px;

    font-weight:700;

}

.guest-option small{

    display:block;

    margin-top:3px;

    color:#64748B;

    font-size:13px;

    line-height:1.4;

}