/* FirstUPlay — WooCommerce bridge.
   Loads AFTER fu.css. Maps the design's classes onto real WooCommerce markup
   (real <img> instead of <image-slot>, WooCommerce buttons/notices/price/rating).
   No design values are changed — this only wires WooCommerce output into the existing look. */

/* real <img> where the HTML demo used <image-slot> */
.fu-pcard__stage img,.pdp__main img,.cart-line__img img,.mini-line__img img{width:100%;height:100%;object-fit:contain}
.fu-ccard img,.coll img,.story__media img,.about-media img,.rev-card__ava img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.fu-pcard__stage a{display:flex;align-items:center;justify-content:center;width:82%;height:82%}
.fu-pcard__stage img{filter:drop-shadow(0 24px 30px rgba(17,17,17,.18));transition:transform var(--dur-slow) var(--ease-spring)}
.fu-pcard:hover .fu-pcard__stage img{transform:translateY(-4px) scale(1.05)}
.hero__float img{width:100%;border-radius:var(--radius-lg);filter:var(--shadow-float)}

/* YITH wishlist button sits where the design's heart sits */
.fu-pcard__stage .yith-wcwl-add-to-wishlist{position:absolute;top:12px;right:12px;z-index:3;margin:0}
.fu-pcard__stage .yith-wcwl-add-to-wishlist a{width:38px;height:38px;border-radius:var(--radius-pill);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;color:var(--fu-ink)}

/* WooCommerce notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:14px 18px;background:#fff;list-style:none}
.woocommerce-message{border-left:4px solid var(--fu-green)}
.woocommerce-error{border-left:4px solid var(--fu-red)}
.woocommerce-info{border-left:4px solid var(--fu-blue)}

/* price + stars in native WooCommerce output */
.star-rating span,.woocommerce .star-rating span{color:var(--fu-gold)}
.price ins,.woocommerce div.product p.price ins{text-decoration:none;color:var(--fu-red);font-weight:800}
.price del,.woocommerce div.product p.price del{color:var(--text-muted)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--fu-ink);font-weight:800;font-size:34px;font-family:var(--font-body)}

/* native WooCommerce buttons -> existing pill button look (no style change, just applied to Woo) */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--fu-blue);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:600;padding:13px 26px;border:none;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);cursor:pointer;line-height:1}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{background:var(--fu-blue-dark);box-shadow:var(--glow-blue);transform:translateY(-2px);color:#fff}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #place_order{background:var(--fu-orange)}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce #place_order:hover{background:var(--fu-orange-dark);box-shadow:var(--glow-orange)}
.woocommerce .single_add_to_cart_button{background:var(--fu-blue)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce .select2-container .select2-selection{border:1.5px solid var(--border-default)!important;border-radius:var(--radius-sm)!important;padding:12px 14px;font-family:var(--font-body)}

/* native product grid (when the theme card override isn't in play) */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:0;padding:0}
.woocommerce ul.products li.product{margin:0;width:auto;float:none}
.woocommerce ul.products li.product::before{display:none}

/* single product layout to match the design's PDP rhythm */
.woocommerce div.product{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.woocommerce div.product div.images{margin:0}
.woocommerce div.product .woocommerce-product-gallery__image{border-radius:var(--radius-xl);overflow:hidden;background:var(--fu-neutral-100)}
.woocommerce div.product .product_title{font-family:var(--font-headline);font-size:clamp(32px,4vw,52px);line-height:.98;text-transform:uppercase;letter-spacing:.01em;margin:12px 0 14px}
.woocommerce div.product form.cart{margin:24px 0}
.woocommerce div.product .woocommerce-tabs{grid-column:1/-1}
.woocommerce .woocommerce-tabs ul.tabs li.active{border-bottom:2px solid var(--fu-ink)}
.woocommerce .related.products,.woocommerce .upsells.products{grid-column:1/-1}

/* breadcrumb + pagination */
.woocommerce-breadcrumb{font-size:13px;color:var(--text-muted);padding:22px 0}
.woocommerce-breadcrumb a{color:var(--text-muted)}
.woocommerce nav.woocommerce-pagination ul{border:none;display:flex;gap:8px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:10px 16px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--fu-ink);color:#fff;border-color:var(--fu-ink)}

/* hero floats in the theme homepage */
.hero__stage{position:relative;height:100%;min-height:480px}
.hero__float{position:absolute;animation:bob 6s var(--ease-in-out) infinite}
.hero__float.hf1{width:56%;top:6%;left:16%;z-index:2}
.hero__float.hf2{width:34%;top:0;right:2%;z-index:3;animation-delay:-1.4s}
.hero__float.hf3{width:32%;bottom:8%;left:0;z-index:3;animation-delay:-2.6s}

@media (max-width:1080px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.woocommerce div.product{grid-template-columns:1fr}}
@media (max-width:560px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}

/* ---- My Account: sidebar-nav dashboard look ---- */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}
.woocommerce-account .woocommerce-MyAccount-navigation{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px;position:sticky;top:100px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;color:var(--fu-neutral-700)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--fu-ink);color:#fff}
.woocommerce-account .woocommerce-MyAccount-content{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px}
.woocommerce table.shop_table{border-radius:var(--radius-md);border-color:var(--border-subtle)}

/* ---- Cart & one-page checkout rhythm ---- */
.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce{max-width:var(--container-max)}
.woocommerce-checkout #customer_details{margin-bottom:24px}
.woocommerce-checkout #order_review,.woocommerce .cart-collaterals .cart_totals{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px}
.woocommerce #payment,.woocommerce-checkout #payment{background:transparent}
.woocommerce .cart-collaterals .cart_totals h2,.woocommerce-checkout #order_review_heading{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.02em}
@media (max-width:900px){.woocommerce-account .woocommerce{grid-template-columns:1fr}.woocommerce-account .woocommerce-MyAccount-navigation{position:static}}