/* ==========================================================================
   Work Decals — WordPress / WooCommerce overrides
   Sits on top of the ported prototype stylesheet (style.css). Only rules
   that differ between the static prototype and the WP environment live here.
   ========================================================================== */

/* ------------------------------------------------- theme / WP chrome ---- */
body{margin:0}
.entry-content>*{max-width:100%}
.entry-content p,.entry-content li{line-height:1.65}
.entry-content a{color:#8a6d00;font-weight:700}
.pagination,.posts-navigation{margin-top:26px;text-align:center}
.pagination .page-numbers{display:inline-block;padding:9px 15px;margin:0 4px;border-radius:10px;background:var(--steel);color:var(--ink);font-weight:800;text-decoration:none}
.pagination .page-numbers.current{background:var(--ink);color:#fff}
.post .panel,h2.entry-title a:hover{color:inherit}

/* ------------------------------------------------- product cards (JS) --- */
.p-card .p-name{cursor:pointer}

/* --------------------------------------------- native Woo product grid --- */
/* Used by related products, cross-sells and any fallback Woo loops. */
ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin:0!important;padding:0;list-style:none}
ul.products li.product{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:18px;overflow:hidden;padding:0!important;width:auto!important;float:none!important;margin:0!important;display:flex;flex-direction:column}
ul.products li.product a{display:block;text-decoration:none;color:inherit}
ul.products li.product img{width:100%;aspect-ratio:16/10;object-fit:contain;background:linear-gradient(180deg,#f6f9fc,#eef3f8);display:block;margin:0}
ul.products li.product .woocommerce-loop-product__title{font-family:var(--display);font-weight:800;font-size:1.25rem;text-transform:uppercase;line-height:1.05;padding:14px 16px 4px;letter-spacing:.01em}
ul.products li.product .price{display:block;padding:4px 16px 14px;font-weight:800;font-size:1.15rem;color:var(--ink)}
ul.products li.product .price del{color:var(--muted);font-weight:600;font-size:.9rem;margin-right:6px}
ul.products li.product .price ins{text-decoration:none;color:var(--ink)}
ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:inline-block;background:var(--ink);color:#fff;border:0;border-radius:12px;font-weight:800;padding:11px 18px;cursor:pointer;text-transform:none;letter-spacing:.01em;transition:.18s}
ul.products li.product .button{margin:0 16px 18px;justify-self:start;align-self:flex-start}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,ul.products li.product .button:hover{background:var(--safety);color:var(--ink);transform:translateY(-1px)}
.onsale{position:absolute;top:12px;right:12px;z-index:3;background:var(--safety);color:var(--ink);border:2px solid var(--ink);font-weight:900;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 11px;border-radius:999px;margin:0!important}

/* --------------------------------------------- single product page ------- */
.single-product .product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}
.single-product .product .product_title{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1;margin:0 0 8px}
.single-product .price{font-family:var(--display);font-size:2rem;font-weight:800;color:var(--ink)}
.single-product .price del{color:var(--muted);font-size:1.2rem;margin-right:8px}
.single-product .price ins{text-decoration:none}
.single-product .woocommerce-product-rating{margin-bottom:10px}
.single-product .star-rating{color:var(--safety)!important}
.single-product .product_meta{font-size:.82rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:10px 0 16px}
.single-product .product_meta a{color:var(--ink);font-weight:800}
.single-product .woocommerce-product-details__short-description{color:#3d4a58;line-height:1.6;margin-bottom:18px}
.single-product form.cart{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}
.single-product form.cart .qty{border:1.5px solid var(--line);border-radius:12px;padding:8px 6px;height:auto;background:#fff}
.single-product form.cart .qty input{border:0;background:transparent;text-align:center;width:54px;font-weight:800;font-size:1.05rem;color:var(--ink)}
.single-product form.cart .button{padding:14px 26px;font-size:1rem;border-radius:14px}
.single-product .stock{font-weight:800;color:var(--green,#17915b)}
.woocommerce-tabs{grid-column:1/-1;margin-top:26px;border-top:2px solid var(--line);padding-top:18px}
.woocommerce-tabs ul.tabs{display:flex;gap:8px;padding:0!important;margin:0 0 14px!important;border-bottom:1.5px solid var(--line)!important}
.woocommerce-tabs ul.tabs li{padding:0!important;border:0!important;background:none!important}
.woocommerce-tabs ul.tabs li.active a{color:var(--ink)!important;border-bottom:3px solid var(--safety)!important}
.woocommerce-tabs ul.tabs li a{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.05rem;letter-spacing:.04em;padding:10px 14px;display:block;color:var(--muted)!important;text-decoration:none}
.woocommerce-tabs .panel{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:20px 22px}
#reviews{padding:0}
.related h2,.up-sells h2{font-family:var(--display);text-transform:uppercase;font-size:1.7rem;margin:34px 0 16px}

/* --------------------------------------------- notices / messages -------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border:0;border-radius:14px;background:#0d1319;color:#fff;padding:15px 18px;margin-bottom:18px;font-weight:600;box-shadow:0 10px 26px rgba(12,18,24,.18);list-style:none}
.woocommerce-message::before,.woocommerce-info::before{color:var(--safety);top:15px}
.woocommerce-error li{padding:6px 0}
.woocommerce-message a,.woocommerce-info a{color:var(--safety);font-weight:800}

/* --------------------------------------------- cart / checkout ----------- */
.woocommerce-cart .entry-content,.woocommerce-checkout .entry-content{max-width:980px}
table.shop_table{border:1.5px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;border-collapse:separate;border-spacing:0}
table.shop_table th,table.shop_table td{border-bottom:1px solid var(--line);padding:14px 16px;vertical-align:middle}
table.shop_table thead th{background:#0d1319;color:#fff;font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem}
table.shop_table .product-thumbnail img{width:64px;border-radius:10px;border:1px solid var(--line)}
table.shop_table .product-name a{font-weight:800;color:var(--ink);text-decoration:none}
table.shop_table .product-name .variation{font-size:.8rem;color:var(--muted)}
.cart_totals,.checkout-billing,.woocommerce-checkout-review-order{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:20px 22px}
.cart_totals h2,.woocommerce-checkout-review-order h2{font-family:var(--display);text-transform:uppercase;margin-top:0}
form .form-row{margin-bottom:14px}
form .form-row label{display:block;font-weight:800;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:6px}
form input.input-text,form textarea,form select,input#coupon_code,.woocommerce-checkout #ship-to-different-address input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;background:#fff;color:var(--ink)}
form input.input-text:focus,form textarea:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px rgba(255,196,0,.35)}
#payment{background:#f6f9fc;border:1.5px solid var(--line);border-radius:16px}
#payment .payment_box{background:#eef3f8;color:#2f3a46}
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,.woocommerce a.checkout-button{background:var(--safety)!important;color:var(--ink)!important;border:2px solid var(--ink);font-family:var(--display);font-size:1.3rem;text-transform:uppercase;letter-spacing:.03em;border-radius:14px;padding:15px 26px;display:block;text-align:center;text-decoration:none}
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{background:#ffd759!important}
.woocommerce form .show-password-trigger{border:1.5px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff;font-weight:800;cursor:pointer;font-size:.8rem}

/* --------------------------------------------- account / misc ----------- */
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 22px;background:#fff;border:1.5px solid var(--line);border-radius:16px;overflow:hidden}
.woocommerce-MyAccount-navigation li a{display:block;padding:13px 17px;font-weight:800;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation li.is-active a{background:#0d1319;color:#fff}
.woocommerce-orders-table th{background:#0d1319;color:#fff;font-family:var(--display);text-transform:uppercase}
.woocommerce .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.woocommerce-breadcrumb{display:none}

/* --------------------------------------------- quantity steppers --------- */
.quantity .qty::-webkit-outer-spin-button,.quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.quantity .qty{-moz-appearance:textfield}

@media(max-width:860px){
  .single-product .product{grid-template-columns:1fr}
  .woocommerce .col2-set{grid-template-columns:1fr}
  .panel[style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:1fr!important}
}