/**
 * =============================================================================
 * SHARED BREADCRUMB STYLES
 * =============================================================================
 *
 * File:        css/breadcrumb-styles.css
 * Version:     1.2.0
 * Theme:       Tractor Works Child Theme
 * Author:      TW-LLC/DM/C
 *
 * Purpose:     Consistent breadcrumb styling across all pages.
 *              Targets Yoast SEO breadcrumb output (yoast_breadcrumb()).
 *              Loaded site-wide via functions.php.
 *
 * CHANGELOG:
 *
 * v1.2.0 (May 2026)
 *   - Adapted breadcrumb styles to Yoast SEO output:
 *     - Renamed .tw-breadcrumb-current selector to .breadcrumb_last
 *       (Yoast's class for the current page item).
 *     - Normalized <strong> tag weight inside .breadcrumb_last to 500
 *       (Yoast wraps the current page in <strong> by default when its
 *       "Bold the last page" setting is enabled).
 *   - Increased breadcrumb font size for better readability
 *     (desktop: 0.9rem -> 1rem, mobile: 0.85rem -> 0.95rem).
 *   - Removed .tw-breadcrumb-separator rule (no longer needed; Yoast
 *     emits the separator character as plain text between spans rather
 *     than as a wrapping element).
 *
 * v1.1.0 (January 2026)
 *   - Removed redundant :root block (variables now in style.css)
 *
 * v1.0.0
 *   - Initial breadcrumb styles
 *
 * NOTE: CSS variables (--tw-forest-green, etc.) are defined in the main
 *       style.css file and inherited by this file.
 *
 * =============================================================================
 */


/* =============================================================================
   BREADCRUMB NAVIGATION
   =============================================================================
   Outer wrapper passed to yoast_breadcrumb() in the project templates.
   Provides layout, spacing, and typography for the breadcrumb row.
*/

.tw-breadcrumb {
    padding: 24px 0;
    font-size: 1.2rem;
}

.tw-breadcrumb-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}


/* =============================================================================
   BREADCRUMB LINKS
   =============================================================================
   Applies to all <a> tags inside the breadcrumb wrapper, regardless of
   which span Yoast wraps them in.
*/

.tw-breadcrumb a {
    color: var(--tw-earth-brown);
    text-decoration: none;
    transition: color 0.3s ease;
}

.tw-breadcrumb a:hover {
    color: var(--tw-forest-green);
}


/* =============================================================================
   CURRENT PAGE (LAST CRUMB)
   =============================================================================
   Yoast adds class="breadcrumb_last" and aria-current="page" to the
   final breadcrumb item (the page the visitor is currently viewing).
   Yoast also wraps that text in <strong> when "Bold the last page" is
   enabled in Yoast settings; we normalize the weight here.
*/

.tw-breadcrumb .breadcrumb_last {
    color: var(--tw-dark-green);
    font-weight: 500;
}

.tw-breadcrumb .breadcrumb_last strong {
    font-weight: 500;
}


/* =============================================================================
   RESPONSIVE STYLES
   =============================================================================
*/

@media (max-width: 768px) {
    .tw-breadcrumb {
        padding: 16px 0;
        font-size: 0.95rem;
    }
}