/*--------------------------------------*
HEADER LAYOUT (MATCH HORIZON STYLE)
*--------------------------------------*/

.site-header .header-inner,
.site-header .container,
.site-header .wrapper {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}

/* Logo */
.site-logo img {
max-width: 160px !important;
height: auto !important;
}

/* Navigation container */
.main-navigation {
display: flex !important;
align-items: center !important;
margin: 0 !important;
}

/* Menu list */
.main-navigation ul {
display: flex !important;
align-items: center !important;
gap: 18px !important;
}

/*--------------------------------------*
MENU FONT STYLE (MATCH SCREENSHOT)
*--------------------------------------*/

.main-navigation ul li a {
font-family: 'Inter', sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
color: #1e4e93 !important;
padding: 8px 14px !important;
border-radius: 8px !important;
transition: all 0.2s ease !important;
}

/*--------------------------------------*
MENU HOVER EFFECT
*--------------------------------------*/

.main-navigation ul li:not(.menu-call):not(.menu-book) > a:hover {
background: #f3f6fb !important;
color: #1e63d5 !important;
}

/*--------------------------------------*
TREATMENTS DROPDOWN (CARD STYLE)
*--------------------------------------*/

.main-navigation ul ul {
display: block !important;
position: absolute !important;
background: #ffffff !important;
border-radius: 14px !important;
padding: 14px 0 !important;
min-width: 280px !important;
margin-top: 12px !important;
box-shadow: 0 12px 30px rgba(0,0,0,0.10) !important;
border: none !important;
transform: translateY(8px);
transition: all 0.2s ease;
}

/* Dropdown items */
.main-navigation ul ul li a {
display: block !important;
padding: 12px 22px !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #2f3b4c !important;
background: transparent !important;
}

/* Dropdown hover */
.main-navigation ul ul li a:hover {
background: #f5f7fb !important;
color: #1e4e93 !important;
}

/*--------------------------------------*
PHONE NUMBER
*--------------------------------------*/

.menu-phone a {
font-weight: 600 !important;
font-size: 15px !important;
color: #1e4e93 !important;
}

/*--------------------------------------*
BUTTONS
*--------------------------------------*/

/* CALL NOW (outline button) */
.menu-call a {
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
border: 2px solid #1e63d5 !important;
color: #1e63d5 !important;
padding: 8px 18px !important;
border-radius: 8px !important;
}

/* hover */
.menu-call a:hover {
background: #1e63d5 !important;
color: #ffffff !important;
}

/* BOOK CONSULTATION (solid button) */
.menu-book a {
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
background: #1e63d5 !important;
color: #ffffff !important;
padding: 9px 20px !important;
border-radius: 8px !important;
}

/* hover */
.menu-book a:hover {
background: #154fb0 !important;
}
