/*
Theme Name: Fidget Fun
Template: astra
Description: Fidget Fun Liverpool shop theme (Astra child). Home page, logo, contact form, product, basket and checkout styling; fonts, colours, buttons, header and footer are set in Appearance > Customise.
Version: 1.0.6
*/
:root{--ff-navy:#1b1464;--ff-pink:#ff3e8a;--ff-yellow:#ffd23f;--ff-teal:#19c3d6;--ff-soft:#ff8fbe;--ff-r:22px}

/* Logo (text stand-in until the artwork file is supplied) */
.ff-logo{display:inline-block;white-space:nowrap;font:400 38px/.9 Chewy,cursive;color:var(--ff-navy);text-decoration:none!important}
.ff-logo b{font-weight:400;color:var(--ff-pink)}
.ff-logo small{display:block;margin-top:4px;font:600 11px/1.4 Fredoka,sans-serif;letter-spacing:.42em;text-transform:uppercase;color:var(--ff-pink)}
.site-footer .ff-logo{color:#fff}
.site-footer .ff-logo b{color:var(--ff-yellow)}
.site-footer .ff-logo small{color:var(--ff-soft)}

/* Header */
.ast-above-header-bar{font-weight:600}
.ast-builder-menu-1 .menu-item>.menu-link{padding:0 12px;font-weight:500}
.ast-builder-menu-1 .menu-link:hover,.ast-builder-menu-1 .current-menu-item>.menu-link{text-decoration:underline;text-decoration-color:var(--ff-pink);text-decoration-thickness:3px;text-underline-offset:6px}
.ast-header-search .astra-search-icon,.ast-header-account-wrap .ast-header-account-link{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f1effa}
.ast-site-header-cart.ast-menu-cart-fill .ast-addon-cart-wrap{padding:10px 18px;border-radius:999px;font-weight:600}

/* Buttons: the two hero variants (navy text on yellow, white outline on navy) */
.ff-btn-yellow .wp-block-button__link,.ff-btn-yellow .wp-block-button__link:hover{background:var(--ff-yellow);color:var(--ff-navy)}
.ff-hero .ff-btn-outline .wp-block-button__link,.ff-hero .ff-btn-outline .wp-block-button__link:hover{background:transparent;border:2px solid #fff;color:#fff}

/* Home: hero */
.ff-hero{padding:72px 24px;color:#fff;background:radial-gradient(rgba(255,255,255,.4) 1.5px,transparent 2px) 0 0/94px 94px,radial-gradient(rgba(255,210,63,.45) 1.5px,transparent 2px) 31px 47px/128px 128px,radial-gradient(rgba(255,143,190,.45) 1.5px,transparent 2px) 60px 20px/150px 150px,var(--ff-navy)}
.ff-hero h1{margin:0 0 20px;font-size:clamp(42px,6vw,70px);line-height:1.05;color:#fff}
.ff-hero h1 em{font-style:normal;color:var(--ff-yellow)}
.ff-hero p{color:#fff;font-size:20px}
.ff-hero .ff-kicker{margin-bottom:14px;font-size:14px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--ff-yellow)}
.ff-hero img{display:block;width:100%;max-width:520px;margin:0 auto}

/* Home: sections, category tiles, trust tiles */
.ff-section{padding:64px 24px 0}
.ff-section:last-child{padding-bottom:64px}
.ff-section h2{margin-bottom:28px;font-size:42px}
.ff-tiles .wp-block-column,.ff-trust .wp-block-column{position:relative;border-radius:var(--ff-r);padding:24px}
.ff-tiles .wp-block-column{padding-top:72px}
.ff-tiles h3,.ff-trust h3{margin:0 0 4px;font:600 22px/1.3 Fredoka,sans-serif}
.ff-trust h3{font-size:19px}
.ff-tiles p,.ff-trust p{margin:0}
.entry-content .ff-tiles h3 a{color:var(--ff-navy);text-decoration:none}
.ff-tiles h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--ff-r)}
.ff-tiles h3 a:focus-visible::after{outline:3px solid var(--ff-navy)}
.ff-tiles .wp-block-column:nth-child(1){background:#ffe1ec}
.ff-tiles .wp-block-column:nth-child(2){background:#d6f3f7}
.ff-tiles .wp-block-column:nth-child(3){background:#fff1c4}
.ff-tiles .wp-block-column:nth-child(4){background:#e7dcfa}
.ff-trust .wp-block-column{background:#f1effa}

/* Product cards */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap{overflow:hidden;border-radius:var(--ff-r);background:#ffe1ec}
.woocommerce ul.products li.product:nth-child(4n+2) .astra-shop-thumbnail-wrap{background:#fff1c4}
.woocommerce ul.products li.product:nth-child(4n+3) .astra-shop-thumbnail-wrap{background:#d6f3f7}
.woocommerce ul.products li.product:nth-child(4n) .astra-shop-thumbnail-wrap{background:#e7dcfa}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:600 19px/1.3 Fredoka,sans-serif;color:var(--ff-navy)}
.woocommerce ul.products li.product .price{color:var(--ff-navy)}
.woocommerce ul.products li.product .button{display:block;text-align:center}

/* Page titles */
.page .entry-header .entry-title{font-size:48px;line-height:1.1}

/* Product page */
.woocommerce-js div.product div.woocommerce-product-gallery{overflow:hidden;border-radius:var(--ff-r);background:#ffe1ec}
.woocommerce-js div.product div.summary .single-product-category{display:none}
.woocommerce-js div.product div.summary .product_title{margin-bottom:12px;font-size:48px;line-height:1.1}
.woocommerce-js div.product div.summary p.price{font-size:28px;font-weight:600;color:var(--ff-navy)}
.woocommerce-js div.product div.summary p.stock.in-stock{color:#0f6b3d}
.woocommerce-js div.product div.summary .rpd-box{border:0;border-radius:var(--ff-r);background:#fff1c4}
.woocommerce-js div.product div.summary form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.woocommerce-js div.product div.summary form.cart .quantity{margin:0}
.woocommerce-js div.product div.summary form.cart .qty{width:84px;height:48px;border:2px solid #c9c5e3;border-radius:999px;text-align:center}
.woocommerce-js div.product div.summary form.cart .single_add_to_cart_button{flex:1 1 220px;min-height:48px;font-size:17px}

/* Basket and checkout (WooCommerce blocks) */
.entry-content>.wp-block-woocommerce-checkout.alignwide,.entry-content>.wp-block-woocommerce-cart.alignwide{margin-left:0!important;margin-right:0!important}
.wc-block-cart .wc-block-cart__sidebar,.wc-block-checkout__sidebar{box-sizing:border-box;padding:24px;border-radius:var(--ff-r);background:#f1effa}
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{border:0}
.wc-block-components-button:not(.is-link){min-height:48px;border-radius:999px;background:var(--ff-navy);color:#fff;font-weight:600}
.wc-block-components-quantity-selector{border-radius:999px}
.wc-block-cart table.wc-block-cart-items td{font-size:16px}
.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__image{width:96px}
.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__image img{border-radius:16px;background:#ffe1ec}
.wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name{font-size:19px;font-weight:600;color:var(--ff-navy);text-decoration:none}
.wc-block-cart .wc-block-cart-item__total .wc-block-components-product-price{font-weight:600}
.wc-block-cart .wc-block-cart__totals-title,.wc-block-checkout .wc-block-components-checkout-step__title{font:600 20px/1.3 Fredoka,sans-serif;text-transform:none;color:var(--ff-navy)}
.wc-block-checkout .wc-block-components-text-input input,.wc-block-checkout .wc-blocks-components-select__select{border:2px solid #c9c5e3;border-radius:12px}
.wc-block-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option-checked{border-radius:16px;box-shadow:inset 0 0 0 3px var(--ff-navy);background:#f1effa}

/* Contact form */
.ff-contact{max-width:640px}
.ff-contact label{display:block;margin-bottom:18px;font-weight:500}
.ff-contact input,.ff-contact textarea{display:block;width:100%;margin-top:6px}
.ff-contact .ff-sum input{max-width:120px}
.ff-hp{position:absolute;left:-9999px}
.ff-notice{padding:16px 20px;border-radius:var(--ff-r);background:#f1effa}

/* Footer */
.site-footer,.site-footer a,.site-footer .widget-title,.site-footer p{color:#fff}
.site-footer .widget-title{font:600 17px/1.4 Fredoka,sans-serif}
.site-footer .menu{margin:0;list-style:none}
.site-footer .menu a{text-decoration:underline}
.site-footer .menu li{margin-bottom:12px}

/* Phones */
@media (max-width:544px){
.ff-logo{font-size:30px}
.ff-hero{padding:48px 20px}
.ff-hero .ff-kicker{letter-spacing:.18em}
.ff-section h2{font-size:34px}
.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__image{width:auto}
.page .entry-header .entry-title,.woocommerce-js div.product div.summary .product_title{font-size:38px}
}