/*
Theme Name: Project4Pros
Theme URI: https://project4pros.com
Author: Project4Pros
Description: A fast block theme for the Project4Pros contractor lead marketplace.
Version: 1.0.0
Requires at least: 6.8
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: project4pros
*/

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
a { text-underline-offset: .18em; }
.p4p-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.p4p-hero { position: relative; overflow: hidden; }
.p4p-hero::after {
  content: ""; position: absolute; width: 440px; height: 440px; right: -150px; top: -170px;
  border: 80px solid rgba(245,166,35,.12); border-radius: 50%; pointer-events: none;
}
.p4p-eyebrow { letter-spacing: .12em; text-transform: uppercase; font-weight: 800; font-size: .78rem; }
.p4p-card { transition: transform .2s ease, box-shadow .2s ease; }
.p4p-card:hover { transform: translateY(-3px); box-shadow: 0 18px 42px rgba(26,35,48,.11); }
.p4p-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: #fff3dc; color: #b86500; font-weight: 900; }
.p4p-proof { border-top: 1px solid #e9e3d8; border-bottom: 1px solid #e9e3d8; }
.p4p-step { position: relative; }
.p4p-step-number { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #f5a623; color: #17202b; font-weight: 900; }
.p4p-dark a { color: #fff; }
.p4p-lead-meta { display:flex; flex-wrap:wrap; gap:.5rem; }
.p4p-lead-meta span { padding:.38rem .65rem; border-radius:999px; background:#f4f1eb; font-size:.82rem; font-weight:700; }

/* WooCommerce */
.woocommerce ul.products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.woocommerce ul.products::before,.woocommerce ul.products::after { display:none; }
.woocommerce ul.products li.product { width:auto!important; margin:0!important; padding:22px; border:1px solid #e7e1d7; border-radius:18px; background:#fff; box-shadow:0 8px 28px rgba(23,32,43,.06); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color:#17202b; font-size:1.15rem; line-height:1.3; }
.woocommerce ul.products li.product .price { color:#b86500; font-weight:900; font-size:1.12rem; }
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-element-button { border-radius:10px!important; font-weight:800!important; }
.woocommerce a.button,.woocommerce button.button.alt,.woocommerce input.button.alt { background:#f5a623!important; color:#17202b!important; }
.woocommerce a.button:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover { background:#dc8b0a!important; color:#17202b!important; }
.woocommerce-message,.woocommerce-info { border-top-color:#f5a623; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style:none; padding:0; }
.woocommerce-account .woocommerce-MyAccount-navigation a { display:block; padding:.8rem 1rem; border-bottom:1px solid #e7e1d7; text-decoration:none; font-weight:700; }

@media (max-width: 850px) {
  .woocommerce ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .p4p-shell { width:min(100% - 28px,1180px); }
}
@media (max-width: 560px) {
  .woocommerce ul.products { grid-template-columns:1fr; }
  .p4p-hero::after { width:260px; height:260px; right:-120px; top:-100px; border-width:45px; }
}