/*
Theme Name: DRXE Theme
Author: DRXE
Version: 1.0
*/

/* Basic Reset */

body{
margin:0;
font-family:'Inter',sans-serif;
background:#fff;
color:#111;
line-height:1.6;
}

a {
    text-decoration: none;
    color: inherit;
}


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

.drxe-header{

position:fixed;
top:0;
left:0;
width:100%;

background:#fff;

border-bottom:1px solid #eee;

z-index:999;

transition:all .25s ease;

}


/* Header container */

.drxe-header-inner{

display:flex;
align-items:center;
justify-content:space-between;

max-width:1400px;

margin:auto;

padding:16px 0px 10px;

}


/* Scroll shadow */

.drxe-header.scrolled{

box-shadow:0 6px 18px rgba(0,0,0,.08);

}

/* =====================================================
LOGO
===================================================== */

.drxe-logo img{

height: 56px;
width:auto;

}



/* =====================================================
NAVIGATION
===================================================== */

.drxe-nav{

display:flex;

gap:34px;

align-items:center;

font-size:15px;

font-weight:500;

}

.drxe-nav a{
position:relative;
padding:4px 0;
}

.drxe-nav a::after{

content:'';
position:absolute;
left:0;
bottom:-6px;

width:0;
height:2px;

background:#A82AAE;

transition:width .25s ease;

}

.drxe-nav a:hover::after{

width:100%;

}

.nav-arrow{
font-size:12px;
margin-left:4px;
opacity:.7;
}

.drxe-nav a:hover{

color:#A82AAE;

}



/* =====================================================
HEADER CTA
===================================================== */

.drxe-header-cta{

background:#A82AAE;

color:#fff;

padding:10px 18px;

border-radius:6px;

font-size:14px;

font-weight:600;

transition:all .2s ease;

}

.drxe-header-cta:hover{

background:#8e2293;

}



/* =====================================================
MOBILE (CLEAN + CORRECT)
===================================================== */

/* Default (Desktop) */
.drxe-menu-toggle{
display:none;
font-size:26px;
background:none;
border:none;
cursor:pointer;
}

/* Mobile only */
@media (max-width:900px){

/* SHOW hamburger */
.drxe-menu-toggle{
display:block;
}

/* HIDE desktop nav */
.drxe-nav{
display:none;
}

/* MOBILE NAV OPEN STATE */
.drxe-nav.drxe-nav-active{
display:flex;
flex-direction:column;
background:#fff;
position:absolute;
top:70px;
left:0;
width:100%;
padding:20px;
gap:20px;
box-shadow:0 10px 20px rgba(0,0,0,0.08);
}

/* HEADER ADJUST */
.drxe-header-inner{
padding:12px 16px;
}

/* LOGO */
.drxe-logo img{
height:34px;
}

/* HIDE CTA BUTTON */
.drxe-header-cta{
display:none;
}

/* SHOW MOBILE ONLY LINK */
.mobile-only-link{
display:block;
font-weight:600;
color:#A82AAE;
}

}

/* Hide mobile-only link on desktop */
.mobile-only-link{
display:none;
}

/* =====================================================
FIX CONTENT OFFSET (IMPORTANT)
===================================================== */

body{

padding-top:80px;

}

/* =====================================================
FOOTER
===================================================== */

.drxe-footer{

background:#f7f7f7;

margin-top:120px;

padding-top:60px;

border-top:1px solid #e6e6e6;

}



.drxe-footer-inner{

max-width:1400px;

margin:auto;

padding:0 40px;

display:grid;

grid-template-columns:2fr 1fr 1fr 1.5fr;

gap:60px;

}



/* Brand */

.footer-brand img{

height: 300px;
margin-bottom:20px;

}

.footer-brand p{

font-size:15px;

line-height:1.6;

color:#555;

}



/* Footer headings */

.footer-col h4{

font-size:16px;

margin-bottom:16px;

font-weight:600;

}



/* Links */

.footer-col ul{

list-style:none;

padding:0;

margin:0;

}

.footer-col li{

margin-bottom:10px;

}

.footer-col a{

color:#444;

font-size:14px;

}

.footer-col a:hover{

color:#A82AAE;

}



/* Contact text */

.footer-col p{

font-size:14px;

line-height:1.6;

color:#555;

margin-bottom:20px;

}



/* Bottom strip */

.drxe-footer-bottom{

text-align:center;

font-size:13px;

color:#777;

margin-top:50px;

padding:20px 0;

border-top:1px solid #e6e6e6;

}



/* Responsive */

@media(max-width:900px){

.drxe-footer-inner{

grid-template-columns:1fr;

gap:40px;

}

}