/*
Theme Name: Retail Child (Easy View Tackle)
Theme URI: https://easyviewtackle.com/
Description: Easy View Tackle's own look on top of the Retail theme, moved out of edited Retail files so Retail can be updated: the header's Google tag, site verification and Hotjar code, the offers bar off the shop page, the footer's copyright and Newbird credit, the View Product button, the empty checkout fields, the favicon, the robots lines and these style edits. Made by Newbird for Commander desk a058fac8 (Matt Tanner's go, 2026-10-22, ClickUp 86bcpmjxn).
Author: Newbird
Author URI: https://newbirddesign.com/
Template: retail
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: retail-child
*/

/*
 * Every rule below is one of the edits the site's Retail 1.2.8 style.css carried against the stock 1.2.8 package
 * (diff 2026-10-26: 153 lines), in the same order. Retail's own style.css loads just before this file.
 */

/* edit 1 (stock line 1204): the offers bar's contents start at the left */
#site-usp .container{
	justify-content: flex-start;
}

/* edit 2 (stock line 2822): the Facebook icon in the footer menu */
#footer-menu a[href*="facebook.com"]:before,
.widget_nav_menu a[href*="facebook.com"]:before{
    font-size: 27px;
    font-weight: normal;
    width: 40px;
    height: 40px;
    line-height: 1.5;
    margin-top: -5px;
    display: block;
}

/* edit 3 (appended after stock line 4185, verbatim) */
.trusted-site {
    display: block;
    background-color: #fff;
    text-align: center;
    line-height: 1;
    padding: 5px 10px;
}

.trusted-site h6 {
    font-size: 28px;
    letter-spacing: 0;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    color: #185d7f;
}

.trusted-site .check {
    display: inline-block;
    border: solid #3b777c;
    border-width: 0 4px 4px 0;
    margin-right: 14px;
    width: 12px;
    height: 20px;
    transform: translateY(-2px) rotate(45deg);
}

.trusted-site p {
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
}

.trusted-site .explanation {
    transition: max-width 0.2s ease-in-out;
    overflow: hidden;
}

.trusted-site .explanation-inner {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 7px;
    margin-top: 7px;
}

.trusted-site {
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 999;
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
		border-radius: 10px 0 0 0;
}

.trusted-site .explanation {
		max-width: 0;
		text-align: left;
		display: none;
}

.trusted-site .explanation-inner {
		width: 330px;
		margin-left: 15px;
		padding-left: 15px;
		border-left: 1px solid rgba(0, 0, 0, 0.2);
		border-top: none;
		padding-top: 0;
		margin-top: 0;
}

@media (min-width: 1024px) {
	.trusted-site .explanation {
		display: block;
	}

	.trusted-site {
		display: flex;
		align-items: center;
	}

	.trusted-site:hover .explanation {
		max-width: 345px;
	}

	#wpfront-scroll-top-container {
		bottom: 90px !important;
	}

	.retail-footer-nav {
		margin-right: 40px !important;
	}
}

/* :root .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type="tel"],
#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number {
	padding-right: 70px;
} */

@media (max-width: 767px) {
	:root .woocommerce-checkout #payment div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type="tel"],
	#add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number {
		font-size: 15px;
	}
}

#site-usp .wp-block-button__link {
	border-radius: 8px;
  padding: 1px 10px;
  background: radial-gradient(circle at 50% -50%, #f7f7f7, #777);
  color: color-mix(in srgb, #fff 20%, #3B777C);
  font-weight: 900;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.9);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.9);
  display: inline-block;
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.7);
  font-size: 22px;
  border: 1px solid rgba(0, 0, 0, 0.5);
	position: relative;
	transition: 0.2s ease-in-out;
	transition-property: background, box-shadow, transform;
}

#site-usp .wp-block-button__link::before {
	content: "";
  display: block;
  width: calc(100% - 6px);
  height: 25%;
  position: absolute;
  left: 3px;
  top: 2px;
  background: linear-gradient(rgba(255, 255, 255, 0.8), transparent);
  border-radius: 30px;
}

#site-usp .wp-block-button__link:hover,
#site-usp .wp-block-button__link:focus {
	background: radial-gradient(circle at 50% -50%, #fff, #979797);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 1);
	transform: scale(1.02);
}

#homepage-sections .entry-content h1 {
	color: inherit;
}