/*
Theme Name:  Professionally Neurospicy
Theme URI:   https://professionallyneurospicy.com
Description: Custom theme for Professionally Neurospicy — a community for neurodivergent professionals. Designed with accessibility, clarity, and calm in mind.
Author:      Professionally Neurospicy
Version: 1.0.1
License:     GNU General Public License v2 or later
Text Domain: professionally-neurospicy
Tags:        accessibility-ready, custom-menu, custom-logo, featured-images, blog
*/

/* All styles are loaded via assets/css/main.css through functions.php */
/* ============================================================

   PN Community — Breadcrumb Navigation

   Styled to match professionallyneurospicy.com

   ============================================================ */

.pn-breadcrumbs {

    font-family: 'Inter', sans-serif;

    font-size: 0.875rem;        /* 14px */

    font-weight: 400;

    color: #1E1B4B;

    line-height: 1.5;

    padding: 0.6rem 0 0.6rem 40px;

    margin: 0 0 1.25rem 0;

}

/* Parent links (clickable crumbs) */

.pn-breadcrumbs a {

    color: #7C3AED;

    text-decoration: none;

    font-weight: 500;

    transition: color 0.15s ease, text-decoration 0.15s ease;

}

.pn-breadcrumbs a:hover,

.pn-breadcrumbs a:focus {

    color: #4C1D95;

    text-decoration: underline;

}

/* The › separator */

.pn-breadcrumb-sep {

    display: inline-block;

    margin: 0 0.35rem;

    color: #9CA3AF;

    font-weight: 400;

    user-select: none;

}

/* Current page (last crumb) — Yoast wraps it in .breadcrumb_last,

   bbPress leaves it as plain text after the final separator */

.pn-breadcrumbs .breadcrumb_last,

.pn-breadcrumbs span:not(.breadcrumb_last):not(.pn-breadcrumb-sep):last-of-type {

    color: #1E1B4B;

    font-weight: 400;

}

/* Yoast wraps the whole trail in a <span class="breadcrumb"> —

   make sure it stays inline */

.pn-breadcrumbs .breadcrumb {

    display: inline;

}

/* Optional: add a subtle separator line below the breadcrumb */

/* .pn-breadcrumbs {

    border-bottom: 1px solid #EDE9FE;

    padding-bottom: 0.75rem;

    margin-bottom: 1.5rem;

} */