/* Winged Solar Configurator: WooCommerce styling to match wingedsolar.com (loaded site-wide, scoped to WooCommerce markup). */
:root{
  --wsc-orange:#E88A24; --wsc-orange-dark:#D17B1D; --wsc-blue:#3398BE; --wsc-navy:#2E6583;
  --wsc-ink:#242424; --wsc-muted:#7A7A7A; --wsc-line:#DADADA; --wsc-soft:#F3F6F8; --wsc-cream:#FDF8EF;
}
body.woocommerce .site-content,body.woocommerce-page .site-content{font-family:"Montserrat",Arial,sans-serif;color:var(--wsc-ink)}
body.woocommerce-page .entry-title,body.woocommerce .page-title,body.woocommerce-page .woocommerce-products-header__title{font-family:"Montserrat",Arial,sans-serif;font-weight:700;font-size:clamp(32px,4vw,48px);color:var(--wsc-ink)}
body.woocommerce .site-content h1,body.woocommerce .site-content h2,body.woocommerce .site-content h3,body.woocommerce-page .site-content h2,body.woocommerce-page .site-content h3{font-family:"Montserrat",Arial,sans-serif;color:var(--wsc-ink);font-weight:600}

/* Buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce-page #payment #place_order,.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page a.button,.woocommerce-page button.button,.woocommerce div.product form.cart .button,.woocommerce .single_add_to_cart_button,
.woocommerce-mini-cart__buttons a.button,.wc-block-components-button:not(.is-link),.wp-block-button__link.add_to_cart_button{
  background:var(--wsc-orange)!important;color:#fff!important;border:0!important;border-radius:10px!important;
  font-family:"Montserrat",Arial,sans-serif!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.02em;
  padding:16px 24px!important;transition:background .15s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce-page a.button:hover,.woocommerce-page button.button:hover,.woocommerce .single_add_to_cart_button:hover,.wc-block-components-button:not(.is-link):hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce-page #payment #place_order:hover,.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:var(--wsc-orange-dark)!important;color:#fff!important}
.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled]{opacity:.55}

/* Tables and totals */
.woocommerce table.shop_table{border:1px solid var(--wsc-line)!important;border-radius:14px!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden;font-family:"Montserrat",Arial,sans-serif;background:#fff}
.woocommerce table.shop_table th{background:var(--wsc-soft);color:var(--wsc-ink);font-weight:600}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--wsc-line)!important}

/* Room to breathe. WooCommerce and Astra both ship tight cells, and the cart table is the
   last thing a customer reads before paying. (The checkout sidebar is handled separately
   below -- it is far too narrow to stay a table.) */
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:18px 22px!important;vertical-align:top}
.woocommerce table.shop_table thead th{padding-top:14px!important;padding-bottom:14px!important;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wsc-muted)}
.woocommerce table.shop_table tbody td{border-top:1px solid var(--wsc-line)!important}
.woocommerce table.shop_table tbody tr:first-child td{border-top:0!important}
.woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td{padding:16px 22px!important;border-top:1px solid var(--wsc-line)!important;vertical-align:middle}
.woocommerce table.shop_table td.product-total,.woocommerce table.shop_table td.product-subtotal,
.woocommerce table.shop_table th.product-total,.woocommerce table.shop_table th.product-subtotal{text-align:right;white-space:nowrap}
.woocommerce table.shop_table .product-name{line-height:1.45}
.woocommerce table.shop_table .product-name a{display:inline-block;margin-bottom:2px}
@media (max-width:782px){
  .woocommerce table.shop_table th,.woocommerce table.shop_table td,
  .woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td{padding:14px 16px!important}
}

/* Cart totals: one card, button full width inside it. */
.woocommerce .cart-collaterals .cart_totals{background:#fff;border:1px solid var(--wsc-line);border-radius:14px;padding:4px 26px 26px}
.woocommerce .cart-collaterals .cart_totals h2{margin:0;padding:20px 0 2px!important;font-size:20px;font-weight:700;letter-spacing:-.01em}
.woocommerce .cart-collaterals .cart_totals table.shop_table{border:0!important;border-radius:0!important;background:none}
.woocommerce .cart-collaterals .cart_totals table.shop_table th,
.woocommerce .cart-collaterals .cart_totals table.shop_table td{padding:14px 0!important;background:none;border-top:1px solid var(--wsc-line)!important}
.woocommerce .cart-collaterals .cart_totals tr:first-child th,
.woocommerce .cart-collaterals .cart_totals tr:first-child td{border-top:0!important}
.woocommerce .cart-collaterals .cart_totals .order-total th,
.woocommerce .cart-collaterals .cart_totals .order-total td{border-top:2px solid var(--wsc-ink)!important;padding-top:16px!important}
.woocommerce .wc-proceed-to-checkout{padding:18px 0 0}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:block;width:100%;text-align:center;font-size:15px;padding:18px 24px!important}

/* ---- Checkout order summary -------------------------------------------------------
   Astra builds this panel out of two halves: #order_review_heading carries the top and side
   borders and #order_review the sides and bottom. Styling them as one card works with that
   rather than laying a second box over it. */
.woocommerce-checkout form #order_review_heading{
  margin:0!important;padding:24px 26px 4px!important;background:#fff;
  border-style:solid!important;border-color:var(--wsc-line)!important;border-width:1px 1px 0!important;
  border-radius:14px 14px 0 0;font-size:20px;font-weight:700;letter-spacing:-.01em}
.woocommerce-checkout form #order_review{
  background:#fff;padding:0 26px 26px!important;
  border-style:solid!important;border-color:var(--wsc-line)!important;border-width:0 1px 1px!important;
  border-radius:0 0 14px 14px}

/* The sidebar is too narrow for a two-column table: product names wrapped to three lines and
   the table spilled past its own border. Each line item becomes a grid row instead -- name and
   price on one line, the configuration underneath, which is how a summary should read anyway. */
.woocommerce-checkout #order_review table.shop_table,
.woocommerce-checkout #order_review table.shop_table tbody,
.woocommerce-checkout #order_review table.shop_table tfoot{
  display:block;width:100%;border:0!important;border-radius:0!important;background:none}
.woocommerce-checkout #order_review table.shop_table thead{display:none}
.woocommerce-checkout #order_review table.shop_table tr{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;align-items:baseline;
  padding:16px 0;border-top:1px solid var(--wsc-line)}
.woocommerce-checkout #order_review table.shop_table tbody tr:first-child{border-top:0;padding-top:8px}
.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td{
  display:block;padding:0!important;border:0!important;background:none!important}
.woocommerce-checkout #order_review table.shop_table th{
  grid-column:1;text-align:left;font-size:14px;font-weight:600;color:var(--wsc-ink)}
.woocommerce-checkout #order_review table.shop_table td.product-total,
.woocommerce-checkout #order_review tr.cart-subtotal td,
.woocommerce-checkout #order_review tr.order-total td{
  grid-column:2;text-align:right;white-space:nowrap;font-weight:600}

/* The freight line is a sentence, not a figure. Left in the amount column with nowrap it
   would force the grid wider than the card -- the exact overflow this layout was fixing -- so
   it takes the full row and wraps. */
.woocommerce-checkout #order_review tr.woocommerce-shipping-totals{display:block;padding:14px 0}
.woocommerce-checkout #order_review tr.woocommerce-shipping-totals td{
  text-align:left;white-space:normal;font-weight:400;margin-top:4px}
.woocommerce-checkout #order_review ul#shipping_method{margin:0!important;padding:0!important;list-style:none}
.woocommerce-checkout #order_review ul#shipping_method li{margin:0!important;padding:0!important;text-indent:0!important;list-style:none}
.woocommerce-checkout #order_review ul#shipping_method label{font-size:13px;line-height:1.5;color:var(--wsc-muted);font-weight:400}
.woocommerce-checkout #order_review td.product-name{
  grid-column:1;font-size:15px;font-weight:600;line-height:1.4;color:var(--wsc-ink);overflow-wrap:anywhere}
.woocommerce-checkout #order_review td.product-name .product-quantity{color:var(--wsc-muted);font-weight:500}
.woocommerce-checkout #order_review td.product-name dl.variation{margin:8px 0 0;padding:0;border:0;font-weight:400}
.woocommerce-checkout #order_review tr.order-total{border-top:2px solid var(--wsc-ink);padding-top:18px}
.woocommerce-checkout #order_review tr.order-total th{font-size:16px}
.woocommerce-checkout #order_review tr.order-total td .amount{font-size:22px;font-weight:700;color:var(--wsc-ink)}
.woocommerce-page #payment #place_order{display:block;width:100%;text-align:center;font-size:15px;padding:18px 24px!important}

/* Customer details column */
.woocommerce-checkout h3{font-size:20px}
.woocommerce form .form-row{margin-bottom:16px}
.woocommerce table.shop_table .product-name a{color:var(--wsc-ink);font-weight:600;text-decoration:none}
.woocommerce table.shop_table .product-name a:hover{color:var(--wsc-orange)}
.woocommerce td.product-name dl.variation{margin:6px 0 0;font-size:13px;color:var(--wsc-muted);display:grid;grid-template-columns:auto 1fr;gap:2px 8px}
.woocommerce td.product-name dl.variation dt{font-weight:600;color:var(--wsc-ink);margin:0}
.woocommerce td.product-name dl.variation dd{margin:0}
.woocommerce td.product-name dl.variation dd p{margin:0}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:#fff}
.woocommerce .cart_totals h2{font-size:22px}
.woocommerce ul#shipping_method li label,.woocommerce-shipping-totals td{font-size:14px;color:var(--wsc-ink)}
.woocommerce .order-total .amount{font-size:22px;font-weight:700}
.woocommerce .coupon{display:none!important} /* no coupons in Phase 1 */

/* Forms */
.woocommerce form .form-row label{font-family:"Montserrat",Arial,sans-serif;font-weight:500;font-size:14px;color:var(--wsc-ink)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single{border:1px solid var(--wsc-line)!important;border-radius:9px!important;background:#fff;font-family:"Montserrat",Arial,sans-serif;font-size:15px;min-height:46px;padding:10px 12px;box-shadow:none}
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered{line-height:24px;padding-left:0}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow{height:44px}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:var(--wsc-blue)!important;outline:2px solid rgba(51,152,190,.25)}

/* Project questions: segmented radios */
.wsc-project-fields{clear:both;background:var(--wsc-soft);border-radius:10px;padding:20px 24px;margin:24px 0}
.wsc-project-fields h3{margin:0 0 12px;font-size:20px}
.wsc-project-fields .form-row{padding:0;margin:0 0 14px}
.wsc-project-fields .wsc-seg .woocommerce-input-wrapper{display:inline-flex;flex-wrap:wrap;border:1.5px solid var(--wsc-line);border-radius:9px;overflow:hidden;background:#fff}
.wsc-project-fields .wsc-seg input.input-radio{position:absolute;opacity:0;width:1px;height:1px}
.wsc-project-fields .wsc-seg label.radio{display:inline-block!important;margin:0!important;padding:9px 18px;cursor:pointer;font-size:14px;font-weight:500;border-right:1px solid var(--wsc-line)}
.wsc-project-fields .wsc-seg label.radio:last-of-type{border-right:0}
.wsc-project-fields .wsc-seg input.input-radio:checked + label.radio{background:var(--wsc-navy);color:#fff}
.wsc-project-fields .wsc-seg input.input-radio:focus-visible + label.radio{outline:3px solid var(--wsc-blue);outline-offset:-3px}
.wsc-project-fields .wsc-seg > label:first-child{display:block;margin-bottom:6px}

/* Consultation / next-steps box */
.wsc-consult{border:1.5px dashed var(--wsc-navy);border-radius:10px;padding:16px 18px;margin:18px 0;background:#fff;font-family:"Montserrat",Arial,sans-serif;font-size:14px}
.wsc-consult p{margin:0 0 8px}
.wsc-consult p:last-child{margin-bottom:0}
.wsc-consult a{color:var(--wsc-navy);font-weight:600}
.wsc-consult-lead{color:var(--wsc-muted);font-size:13px}

/* Payment box */
.woocommerce-checkout #payment{background:var(--wsc-soft)!important;border-radius:12px;padding:6px 20px 20px}
.woocommerce-checkout #payment ul.payment_methods{padding:18px 0 14px!important;border-bottom:1px solid var(--wsc-line)!important}
.woocommerce-checkout #payment ul.payment_methods li{margin:0 0 8px;line-height:1.5}
.woocommerce-checkout #payment ul.payment_methods label{font-weight:600;font-size:15px}
.woocommerce-checkout #payment div.form-row.place-order{padding:18px 0 0!important;margin:0}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
.woocommerce-checkout #payment .wsc-terms-row{font-size:13px;line-height:1.6;color:var(--wsc-muted)}
.woocommerce-checkout #payment div.payment_box{background:#fff!important;border-radius:8px;padding:16px 18px!important;font-size:14px;line-height:1.6}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#fff!important}

/* Notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:10px;font-family:"Montserrat",Arial,sans-serif;border-top-color:var(--wsc-orange)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--wsc-orange)!important}
.woocommerce-message a,.woocommerce-info a,.woocommerce-error a{color:var(--wsc-navy);font-weight:600}

/* Checkout refinements */
.woocommerce-form-coupon-toggle,.woocommerce-checkout .checkout_coupon{display:none!important} /* no coupons in Phase 1 */
.wsc-project-fields .wsc-seg label.radio .required,.wsc-project-fields .wsc-seg label.radio abbr{display:none}
.woocommerce-checkout-review-order-table td.product-name dl.variation{display:block}
.woocommerce-checkout-review-order-table td.product-name dl.variation dt{display:inline;float:none}
.woocommerce-checkout-review-order-table td.product-name dl.variation dd{display:inline;margin:0}
.woocommerce-checkout-review-order-table td.product-name dl.variation dd::after{content:"";display:block}

/* Consultation button (checkout): secondary navy so it doesn't compete with Place order */
.woocommerce .wsc-consult a.button.wsc-consult-btn{display:inline-block;background:var(--wsc-navy)!important;padding:12px 20px!important;font-size:13px;text-decoration:none!important}
.woocommerce .wsc-consult a.button.wsc-consult-btn:hover{background:var(--wsc-blue)!important}

/* Shop, archive and product pages */
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce div.product .product_title{font-family:"Montserrat",Arial,sans-serif;color:var(--wsc-ink);font-weight:600}
.woocommerce div.product .product_title{font-size:clamp(28px,3vw,40px);line-height:1.2}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce .amount{font-family:"Montserrat",Arial,sans-serif;color:var(--wsc-ink)!important}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{font-weight:700}
.woocommerce ul.products li.product .ast-woo-product-category,.woocommerce .product_meta,.woocommerce .woocommerce-breadcrumb,.woocommerce .woocommerce-result-count{font-family:"Montserrat",Arial,sans-serif;color:var(--wsc-muted)}
.woocommerce .product_meta a,.woocommerce div.product .single-product-category a,.woocommerce .woocommerce-breadcrumb a,.woocommerce ul.products li.product .ast-woo-product-category a{color:var(--wsc-navy)!important}
.woocommerce .product_meta a:hover,.woocommerce .woocommerce-breadcrumb a:hover{color:var(--wsc-orange)!important}
.woocommerce ul.products li.product .ast-on-card-button{background:var(--wsc-orange)!important;color:#fff!important;border-radius:10px!important}
.woocommerce ul.products li.product .ast-on-card-button:hover{background:var(--wsc-orange-dark)!important}
.woocommerce ul.products li.product .ast-on-card-button svg,.woocommerce ul.products li.product .ast-on-card-button .ahfb-svg-iconset{fill:#fff;color:#fff}
.woocommerce span.onsale,.woocommerce .ast-onsale-card{background:var(--wsc-orange)!important;color:#fff!important}
.woocommerce .quantity .qty,.woocommerce-ordering select{border:1px solid var(--wsc-line)!important;border-radius:9px!important;font-family:"Montserrat",Arial,sans-serif}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.woocommerce div.product form.cart .quantity .qty{min-height:52px;width:72px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--wsc-navy);color:#fff}
.woocommerce a.shipping-calculator-button,.woocommerce .woocommerce-shipping-destination a,.woocommerce-cart .cart_totals a{color:var(--wsc-navy)!important}

/* ---- Freight (manual quoting) ----
   The short label carries the totals column; the client's full sentence sits under the line. */
.woocommerce .wsc-freight-note,
.woocommerce-page .wsc-freight-note{
  margin:6px 0 0;font:400 13px/1.55 "Montserrat",Arial,sans-serif;color:#5e5e5e;
  max-width:46em;white-space:normal;text-align:left}

/* ---- Always-on shipping address ----
   The "Ship to a different address?" toggle is forced checked in PHP, so the checkbox itself is
   redundant; hiding it leaves the fields permanently on screen under our own heading. */
.woocommerce-checkout h3#ship-to-different-address{display:none!important}
.woocommerce-checkout .shipping_address{display:block!important}
.woocommerce-checkout .wsc-ship-intro{margin:0 0 18px}
.woocommerce-checkout .wsc-ship-intro h3{margin:0 0 6px}
.woocommerce-checkout .wsc-ship-intro p{margin:0 0 8px;font:400 14px/1.6 "Montserrat",Arial,sans-serif;color:#5e5e5e}
.woocommerce-checkout .wsc-ship-same{display:flex;align-items:center;gap:8px}
.woocommerce-checkout .wsc-ship-same label{display:flex;align-items:center;gap:8px;cursor:pointer;
  font:600 14px/1.4 "Montserrat",Arial,sans-serif;color:#242424}
.woocommerce-checkout .wsc-ship-same input{width:17px;height:17px;accent-color:#E88A24;margin:0}
/* Mirrored from billing: still editable and still posted, just visibly secondary. */
.woocommerce-checkout .shipping_address.wsc-ship-mirrored .woocommerce-shipping-fields__field-wrapper{opacity:.62}