/*
Theme Name: Pawcroft
Description: A WooCommerce block theme for Pawcroft, kit for muddy British dog walks.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 7.4
Tested up to: 7.1
License: GPL-2.0-or-later
Text Domain: pawcroft
*/

/* Logo mark before the site title */
.wp-block-site-title a{display:inline-flex;align-items:center;gap:.4em;text-decoration:none}
.wp-block-site-title a::before{content:"";width:1.1em;height:1.1em;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='18' fill='%23DDEB4A' stroke='%231C3327' stroke-width='2.5'/%3E%3Cpath d='M5 14c8 3 8 9 0 12M35 14c-8 3-8 9 0 12' fill='none' stroke='%23fff' stroke-width='2.5'/%3E%3C/svg%3E") center/contain no-repeat}

.pc-sticky{position:sticky;top:0;z-index:50}
.admin-bar .pc-sticky{top:32px}
@media (max-width:782px){.admin-bar .pc-sticky{top:0;position:relative}}

:where(.wp-site-blocks) :focus-visible{outline:3px solid var(--wp--preset--color--ball-deep);outline-offset:2px}

/* Product grids (shortcode and archive loops) */
.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;margin:0 !important;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none !important}
.woocommerce ul.products li.product{width:auto !important;margin:0 !important;float:none !important;background:var(--wp--preset--color--surface);border-radius:22px;overflow:hidden;padding:0 0 20px !important;display:flex;flex-direction:column}
.woocommerce ul.products li.product a img{margin:0 0 14px !important;border-radius:0;aspect-ratio:1;object-fit:cover}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--wp--preset--font-family--display);font-size:1.25rem !important;font-weight:600;padding:0 20px !important;color:var(--wp--preset--color--ink)}
.woocommerce ul.products li.product .price{padding:0 20px;color:var(--wp--preset--color--ink) !important;font-weight:600;font-size:1.1rem !important}
.woocommerce ul.products li.product .price del{opacity:.6;font-weight:400}
.woocommerce ul.products li.product .button{margin:auto 20px 0 !important;align-self:flex-start}
.woocommerce span.onsale{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--bg);border-radius:999px;min-height:auto;min-width:auto;padding:4px 12px;line-height:1.4;top:12px;left:12px}

/* Buttons from WooCommerce */
.woocommerce a.button,.woocommerce button.button,.woocommerce .button.alt,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--bg);border-radius:999px;padding:.7em 1.3em;font-weight:600}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button.alt:hover{background:var(--wp--preset--color--green);color:#fff}
.single-product .single_add_to_cart_button{background:var(--wp--preset--color--ball) !important;color:#1C3327 !important;border:2px solid #1C3327 !important}

/* Bundles section on dark green */
.pc-bundles .woocommerce ul.products li.product{background:rgba(255,255,255,.08)}
.pc-bundles .woocommerce ul.products li.product .woocommerce-loop-product__title,.pc-bundles .woocommerce ul.products li.product .price{color:#EEF2EA !important}
.pc-bundles .woocommerce ul.products li.product .button{background:var(--wp--preset--color--ball);color:#1C3327}

/* Tables */
.wp-block-table{overflow-x:auto}
.wp-block-table table{background:var(--wp--preset--color--surface);border-radius:14px;overflow:hidden;min-width:420px}
.wp-block-table td,.wp-block-table th{border:0;border-bottom:1px solid var(--wp--preset--color--line);padding:12px 16px;text-align:left}

/* Single product */
.single-product .upsells > h2,.single-product .related > h2,.single-product h2.wp-block-heading{font-size:clamp(1.6rem,3vw,2.2rem)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-weight:600}

/* Mobile */
@media (max-width:600px){
  .pc-ball img{width:170px !important}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .woocommerce ul.products li.product{border-radius:16px;padding-bottom:14px !important}
  .woocommerce ul.products li.product a img{margin-bottom:10px !important}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1rem !important;padding:0 12px !important}
  .woocommerce ul.products li.product .price{padding:0 12px;font-size:1rem !important}
  .woocommerce ul.products li.product .button{margin:auto 12px 0 !important;font-size:.875rem;padding:.6em 1em}
  .pc-bundles{padding-left:16px !important;padding-right:16px !important}
}

/* Home sections */
.pc-card{background:var(--wp--preset--color--surface);border-radius:22px;padding:26px 24px}
.pc-card h3{margin-top:14px}
.pc-icon img{border-radius:16px}
.pc-feature-art{background:#E6DEF3;border-radius:28px;padding:40px 20px}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--wp--preset--color--ink);border-color:var(--wp--preset--color--ink)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--wp--preset--color--surface)}

/* FAQ accordions */
.wp-block-details{border-bottom:1px solid var(--wp--preset--color--line);padding:14px 0}
.wp-block-details summary{font-weight:600;font-size:1.05rem;cursor:pointer}
.wp-block-details > p{color:var(--wp--preset--color--muted);margin-top:10px}

/* Legal page quote (cancellation form) */
.wp-block-quote{border-left:4px solid var(--wp--preset--color--ball-deep);background:var(--wp--preset--color--surface);padding:18px 22px;border-radius:0 14px 14px 0}

/* Readable headings on text pages (legal, help, about) */
.wp-block-post-content h2{font-size:clamp(1.45rem,2.4vw,1.85rem);letter-spacing:-0.01em;margin-top:2em;margin-bottom:.5em}
.wp-block-post-content h3{font-size:1.2rem;margin-top:1.6em}
.wp-block-post-content > p,.wp-block-post-content li{line-height:1.65}