/* 1. Pull the Manrope font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap');

/* 2. Style the main tagline container */
.site-description {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 800 !important;
    display: inline-block !important;
    position: relative !important;
    text-shadow: none !important; /* Strips out any hidden theme shadows causing the halo */
    
    /* Transparent for 'Collab', White for 'Notes' */
    background: linear-gradient(to right, 
        transparent 0%, transparent 48%, 
        #ffffff 48%, #ffffff 100%
    ) !important;
    
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 1.5em 0 0 !important; /* Spacing for the .net */
}

/* 3. Layer 'Collab' in solid Orange over the invisible left side */
.site-description::before {
    content: "Collab" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    text-shadow: none !important; /* Guarantees no shadow on the orange text */
    color: #A4260C !important;
    -webkit-text-fill-color: #A4260C !important;
}

/* 4. Tightly snap the small gray .net right after the 's' */
.site-description::after {
    content: ".net" !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 500 !important; 
    font-size: 0.5em !important;
    text-shadow: none !important;
    color: #cccccc !important;
    -webkit-text-fill-color: #cccccc !important;
    
    position: absolute !important;
    left: 100% !important;
    bottom: 0.25em !important;
    margin-left: 0.1em !important;
}

/* Change post body text font across all past and future posts */
.single-post .entry-content,
.post .entry-content,
.entry-content p {
    font-family: 'Roboto', sans-serif !important;
}

/* Optional: Change post titles/headings */
.single-post .entry-title,
.entry-content h1, 
.entry-content h2, 
.entry-content h3 {
    font-family: 'Roboto', sans-serif !important;
}