/*
 * Sidebar Blocks — see inc/custom/sidebar-blocks/SidebarBlocks.php
 *
 * The panel chrome (3px top border, 1.2em padding, the full-bleed title bar)
 * already comes from .widget-area .widget and .widget .widget-title in
 * assets/css/style.css, so only the block's own internals live here. Kept in
 * the module folder rather than appended to the 20k-line style.css so the
 * feature stays removable in one piece, matching inc/custom/reviews/css/.
 */

/*
 * Title. Two things get overridden here:
 *
 *  - the 1px #e9e9e9 bottom rule, which comes from the theme-options CSS the
 *    parent theme prints inline in wp_head (a long selector list ending in
 *    .widget-title). It is inline and therefore loads after this file, so the
 *    override has to win on specificity, not order — hence .widget prefixing
 *    .widget-title, which beats the bare .widget-title.
 *  - the colour, so the heading reads black rather than inheriting the sidebar's
 *    grey body text now that it is a <p> and not an <h3>.
 */
.widget.wf-sidebar-block .widget-title {
	border: 0;
	color: #000;
	display: block;
    margin-bottom: 0;
}

/*
 * Full-bleed image: .widget-area .widget sets padding: 1.2em, and the negative
 * margin here cancels exactly that much on both sides so the photo runs to the
 * panel edge while every other child keeps the padding. 1.2em resolves against
 * the same font-size as the padding does, since nothing between .widget and this
 * element changes it — keep it that way, or the two stop cancelling.
 */
.wf-sidebar-block__image {
	margin: 0 -1.2em 12px;
}

.wf-sidebar-block__image img {
	display: block;
	width: 100%;
	height: auto;
}

.wf-sidebar-block__text {
	font-size: 13px;
	line-height: 1.5;
}

/*
 * .single-post p in assets/css/style.css:26347 puts 10px of side padding on
 * every paragraph on a blog post — meant for article body copy, but it reaches
 * into the sidebar too. Two classes plus the element outrank it.
 */
.wf-sidebar-block .wf-sidebar-block__text p {
	padding-left: 0;
	padding-right: 0;
}

.wf-sidebar-block__text p:last-child {
	margin-bottom: 0;
}

.wf-sidebar-block__cta {
	margin-top: 14px;
	text-align: center;
}

.wf-sidebar-block__button {
	display: inline-block;
	padding: 10px 26px;
	border: 1px solid #000;
	border-radius: 3px;
	background: #ff9800;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.15s ease-in-out;
}

/* Hover lands on SMB green, the same #03ba48 the ::marker bullets use. */
.wf-sidebar-block__button:hover,
.wf-sidebar-block__button:focus {
	background: #03ba48;
	color: #fff;
	text-decoration: none;
}