/* --- GLOBAL TYPOGRAPHY (JOST) --- */
body, .primary-menu, .widget-title, .emmaknitty-table th, .emmaknitty-table td { font-family: 'Jost', sans-serif !important; }

/* --- NAVIGATION & MENU ALIGNMENT --- */
.primary-menu { display: flex; justify-content: center; align-items: center; list-style: none !important; margin: 0; padding: 0; }
.primary-menu > li { position: relative; margin: 0 15px; }
.primary-menu li a { display: inline-flex !important; align-items: center !important; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; color: var(--primary-color); text-decoration: none !important; padding: 20px 0 !important; }
.primary-menu li .toggle { display: inline-flex !important; position: relative !important; margin-left: 8px !important; width: auto !important; height: auto !important; border: none !important; padding: 0 !important; vertical-align: middle !important; }

/* Dropdown styling */
.primary-menu ul { position: absolute; top: 100%; left: 0; margin: 0; padding: 10px 0; background: #ffffff; min-width: 180px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); visibility: hidden; opacity: 0; transition: all 0.3s ease; z-index: 999; list-style: none !important; }
.primary-menu li:hover > ul { visibility: visible; opacity: 1; }
.primary-menu ul li { list-style: none !important; margin: 0 !important; }
.primary-menu ul li a { padding: 10px 20px !important; display: block; text-align: left; }

/* --- TABLES & BUTTONS --- */
.emmaknitty-table-container { max-width: 100%; margin: 35px 0; overflow-x: auto; border: 1px solid #ebdcd9; border-radius: 3px; background: #fff; }
.emmaknitty-table { width: 100%; border-collapse: collapse; }
.emmaknitty-table th { background: #f5eae6; color: var(--primary-color); padding: 16px 20px; text-transform: uppercase; border-bottom: 1px solid #ebdcd9; }
.emmaknitty-table td { padding: 15px 20px; border-bottom: 1px solid #f7eeec; }
button, input[type="button"], .button, .wp-block-button__link { background: #fff; color: var(--primary-color); border: 1px solid var(--primary-color); padding: 15px 30px; text-transform: uppercase; transition: 0.6s; display: inline-block; }
button:hover, .button:hover { background-color: var(--primary-color); color: #fff; }

/* --- ARCHIVE & HEADER --- */
.archive-box, .page-header { background: #ffffff !important; border: none !important; box-shadow: none !important; }
.archive-box h1, .archive-box .category-title { color: #b99b49 !important; }

/* --- SURGICAL CLEANUP: REMOVE TAGS & RELATED POSTS ONLY --- */
/* We keep social links (footer-part) and comments active */
.entry-footer .tags-links, 
.entry-footer .post-tags, 
.entry-footer .tags, 
.single-related-posts, 
.related-posts, 
.related,
.tag-links { 
    display: none !important; 
}

/* --- GLOBAL LINK CLEANUP --- */
a, a:hover, a:focus, a:active { text-decoration: none !important; border-bottom: none !important; box-shadow: none !important; }

/* Hides the author bio, related posts, and tags section */
.author-bio, 
.related-posts, 
.tag-cloud {
    display: none !important;
}

/* Ensures your footer widgets have some space to breathe */
.site-footer {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* --- HIDDEN ELEMENTS --- */

/* Hides the author box section */
.rebeccalite-post-author {
    display: none !important;
}

/* Hides the tags section (found in image_71f182.png) */
.tag-links, 
.entry-tags {
    display: none !important;
}

/* Hides the related posts section */
.related-posts {
    display: none !important;
}

/* Removes the grey background from the pagination numbers in image_725399.png */
.navigation.pagination .page-numbers {
    background: transparent !important;
}

/* Styling pagination numbers in image_725399.png to be bigger and black */
.navigation.pagination .page-numbers {
    background: transparent !important;
    font-size: 18px !important; /* Makes them nice and big */
    color: #000000 !important;  /* Sets the text to black */
    width: auto !important;     /* Allows the numbers to fit their new size */
    padding: 0 10px !important; /* Adds a touch of breathing room */
}

/* Ensures the current page and hover state also look fabulous in black */
.navigation.pagination .page-numbers.current,
.navigation.pagination .page-numbers:hover {
    background: transparent !important;
    color: #000000 !important;
    font-weight: bold;         /* Adds a little extra punch */
}

/* Update hover state to dark beige */
a:hover {
    color: var(--heading-gold) !important;
}