/*!
Theme Name: Palomar Twenty Twenty-Two
Theme URI: http://www.palomar.edu/atrc/
Author: cnorcross, khelming
Author URI: https://www.palomar.edu/atrc/
Description: The official Palomar College WordPress theme.
Version: 1.16.2
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: palomar-twentytwentytwo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Palomar Twenty Twenty-Two is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@import './assets/css/app.css';

/* Bread Crumb custom styles */
.breadcrumb {
	padding-top: 0.5rem !important;
	/*padding-bottom:  1rem !important;*/
	padding-left: 0.5rem !important;
}

.trail-items li::after {
	content:  "" !important;
	padding: 0 0 0 0.5em !important;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: ">";
}

.breadcrumbs .trail-items {
	display:  flex !important;
}

/* A-Z Index */
#loading-icon-container {
	padding: 2rem;
}

/* Off Canvas Menu */
.current-menu-parent ul {
	display: block;
}

/* Blog page */
#content {
	padding: 0 3rem 6rem;
}

/* Cludo Autocomplete */
ul#search_autocomplete{
	margin-top: 1.5rem !important;
}
ul#search_autocomplete li{
	cursor: pointer !important;
}
ul#search_autocomplete li:hover{
	background-color: #ECEDEE !important;
}

/* Unified error styling across all forms */
.invalid-feedback {
  color: #b00020;        /* unify color */
  font-size: 0.875rem;   /* unify size */
  margin-top: 0.5rem;   /* spacing from input */
  margin-bottom: 0.5rem;   /* spacing from input */
}

/* Optional (keeps borders consistent with your palette) */
.form-control.is-invalid {
  border-color: #b00020;
  box-shadow: none;
}
/* --------------------------------------------------------------------------
	Breadcrumb Accessibility + Alignment Overrides (WCAG 1.3.1 Safe)
-------------------------------------------------------------------------- */

/* ===== Breadcrumb WCAG + alignment (no wrap) ===== */

/* Remove pseudo-element separators (WCAG 1.3.1) */
.breadcrumb-item + .breadcrumb-item::before,
.trail-items li::after {
  content: none !important;
  padding: 0 !important;
  float: none !important;
}

/* Prevent Bootstrap’s CSS var divider */
.breadcrumb { --bs-breadcrumb-divider: ""; }

/* Keep label + trail on one line and share a baseline */
.breadcrumb-container {
  align-items: baseline;         /* container is already d-flex flex-row */
  gap: .5rem;
  white-space: nowrap;           /* prevent label/trail from line breaking */
}

/* Make the list a single-row flex container (so <span class="breadcrumb-separator"> shows) */
.breadcrumbs .trail-items,
.breadcrumbs .breadcrumb,
.breadcrumb-container .trail-items,
.breadcrumb-container .breadcrumb {
  display: flex;
  flex-wrap: nowrap;             /* do not wrap crumbs/separators */
  align-items: baseline;
  gap: .25rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  background: transparent;
  min-width: 0;                  /* allow flex shrinking inside parents */
}

/* Style the real DOM-based separator */
.breadcrumb-separator,
.trail-items .sep,
.breadcrumb .sep {
  display: inline-flex !important;
  align-items: center;
  margin: 0 .4rem;
  line-height: 1;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Optional: a touch of emphasis on the label */
.you-are-here { font-weight: 600; margin-right: .25rem; }