/*
 * Bootstrap 3 panel styling for [sa_accordion], SP3 Compatibility Mode only.
 *
 * Smart-Wordpress-3's accordion shortcode emitted Bootstrap 3 panel markup
 * (.panel-group > .panel.panel-default > .panel-heading > h4.panel-title > a)
 * and leaned entirely on Bootstrap 3's stock .panel-* rules for its look.
 * Bootstrap 5 removed that component outright and renamed it .accordion-*, so
 * Mercury ships no .panel-* CSS at all and a migrated accordion rendered
 * unstyled. These are Bootstrap 3.3's own panel/collapse declarations, restored
 * verbatim for the class names v3 emitted.
 *
 * Loaded ONLY by the shortcode, and only when SP3 Compatibility Mode is on, so
 * native SmartPress-4 sites (which get the Bootstrap 5 .accordion markup) never
 * see this file. The class names are extinct in Bootstrap 5, so nothing in
 * Mercury can collide with them - the theme's own panels are .rs-panel-*.
 *
 * Deliberately carries no !important: a site's own .panel-heading rules (14
 * sources restyle the header bar) must keep winning on equal specificity, exactly
 * as they did against stock Bootstrap 3 on v3.
 */

.panel-group {
	margin-bottom: 20px;
}

.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px;
	overflow: hidden;
}

.panel-group .panel + .panel {
	margin-top: 5px;
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-default {
	border-color: #ddd;
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

/*
 * The zero belongs to the GROUP, not to every heading. v3 ships both rules: a
 * standalone .panel-heading carries the 1px border-bottom above, and only inside
 * a .panel-group is it removed (the panels are butted, so the group draws its own
 * separators). Measured on the SmartPress-3 pane: an accordion heading computes
 * 'border-bottom: 0px none', a standalone one (clubdoncaster, hebburnlakes)
 * computes 1px - 40.2px tall against the accordion's 39.2px.
 */
.panel-group .panel-heading {
	border-bottom: 0;
}

.panel-default > .panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > small > a {
	color: inherit;
}

.panel-body {
	padding: 15px;
}

/*
 * Scoped to .panel-group, and with v3's descendant combinator rather than '>':
 * unscoped, a standalone panel gets a body border-top that v3 doesn't draw
 * (clubdoncaster and hebburnlakes measure 0px on v3, 1px without this scope).
 */
.panel-group .panel-heading + .panel-collapse .panel-body {
	border-top: 1px solid #ddd;
}

.panel-group .panel-default > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #ddd;
}

/*
 * No 'display: block' on the toggle. v3's Bootstrap ships only
 * '.panel-title > a { color: inherit }' - the link is inline, and its box hugs
 * the title text (70.1px on murraypark, not the panel's 749px). The 38 sources
 * that don't set 'display: block' themselves were being given a full-width link
 * v3 never had; the 14 that do set it are unaffected either way. 'cursor' and
 * 'text-decoration' are omitted for the same reason - both panes already compute
 * 'pointer' and 'none' from the href.
 */