/* --- 1. GLOBAL HIDE --- */
header.site-header, #masthead, .elementor-location-header { display: none !important; }

/* --- 2. DESKTOP ONLY --- */
@media (min-width: 1025px) {
    .cword-mobile-only { display: none !important; }
    .cword-header-wrapper.cword-desktop-only {
        position: fixed;
        top: 0; left: 0; width: 100%;
        z-index: 999999;
        background: #ffffff;
        border-bottom: 5px solid #a3c2e8;
        box-shadow: 0 10px 30px rgba(244, 167, 188, 0.1);
    }
    .cword-full-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 40px; 
        height: 130px;
    }
    .cword-logo img {
        height: 120px !important; 
        animation: navFloat 4s ease-in-out infinite;
    }
    .cword-menu {
        display: flex;
        list-style: none;
        gap: 22px;
        margin: 0; padding: 0;
    }
    .cword-menu a {
        text-decoration: none;
        color: #e86c8a;
        font-family: 'Arial Black', sans-serif;
        font-weight: 900;
        font-size: 14px;
        text-transform: uppercase;
    }
    .cword-dropdown {
        position: absolute;
        top: 100%; left: 50%;
        transform: translateX(-50%) translateY(10px);
        background: #ffffff;
        min-width: 160px;
        border: 3px solid #a3c2e8;
        border-radius: 15px;
        padding: 10px 0;
        list-style: none;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        box-shadow: 5px 5px 0px rgba(163, 194, 232, 0.2);
    }
    .cword-menu li:hover .cword-dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
    body { padding-top: 155px !important; }
}

/* --- 3. MOBILE HEADER --- */
@media (max-width: 1024px) {
    .cword-desktop-only { display: none !important; }
    .cword-header-wrapper.cword-mobile-only {
        position: relative !important;
        background: white;
        border-bottom: 3px solid #a3c2e8;
        padding: 10px 20px;
        z-index: 9999;
    }
    .cword-mobile-nav { display: flex; justify-content: space-between; align-items: center; }
    .cword-mobile-only .cword-logo img { height: 60px !important; }
    .hamburger-icon span { display: block; width: 25px; height: 3px; background: #e86c8a; margin: 5px 0; }
    #mobile-toggle { display: none; }
    .mobile-menu-links { display: none; list-style: none; padding: 0; margin: 0; width: 100%; }
    #mobile-toggle:checked ~ .mobile-menu-links { display: block; }
    .mobile-menu-links a { color: #e86c8a; font-family: 'Arial Black'; text-decoration: none; text-transform: uppercase; font-size: 14px; }
    body { padding-top: 0 !important; }
}

/* --- 4. THE ABOUT PAGE MOBILE FIX --- */
@media (max-width: 800px) {
    .cword-about-outer { margin: 10px !important; padding: 30px 15px !important; border-radius: 30px 10px !important; width: auto !important; max-width: none !important; overflow: hidden !important; box-sizing: border-box !important; }
    .cword-about-container { display: block !important; width: 100% !important; }
    .cword-image-frame { width: 200px !important; height: 200px !important; margin: 0 auto 20px auto !important; }
    .cword-about-content { width: 100% !important; min-width: 0 !important; display: block !important; padding: 0 !important; margin: 0 !important; }
}

/* --- 5. THE HIGHLIGHT BOX (LEVELED & WASHI TAPE) --- */
.highlight-box {
    background-color: #fce4ec !important; /* Soft Pink Background */
    border: 2px solid #f8bbd0 !important; 
    border-radius: 10px !important; /* Slightly sharper corners for a paper look */
    box-shadow: 6px 10px 20px rgba(0, 0, 0, 0.05) !important; 
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 60px auto 40px auto !important; /* More top margin for the tape */
    padding: 45px 35px 35px 35px !important; 
    box-sizing: border-box !important;
    transform: none !important; /* Box is straight */
}

/* THE WASHI TAPE */
.highlight-box::before {
    content: "" !important;
    position: absolute !important;
    top: -20px !important; /* Half on the box, half off */
    left: 50% !important;
    transform: translateX(-50%) rotate(-2deg) !important; /* Slight "haphazard" tape tilt */
    width: 130px !important;
    height: 35px !important;
    background-color: rgba(163, 194, 232, 0.7) !important; /* Semi-transparent blue */
    backdrop-filter: blur(2px); /* Makes it look like real tape */
    border-left: 2px dashed rgba(255,255,255,0.3) !important; /* Ragged edges */
    border-right: 2px dashed rgba(255,255,255,0.3) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    z-index: 10 !important;
}

/* TEXT INSIDE */
.highlight-box p, 
.highlight-box ul, 
.highlight-box li, 
.highlight-box h2 {
    background: transparent !important;
    color: #5d4037 !important;
}

/* THE LINKS (PINK) */
.highlight-box a {
    background: transparent !important;
    color: #e86c8a !important; /* Brand Pink */
    text-decoration: underline !important;
    font-weight: 800 !important;
    transition: 0.3s;
}

.highlight-box a:hover {
    color: #a3c2e8 !important; /* Blue on hover */
    opacity: 0.8;
}