/*
Theme Name: Chickly
Theme URI: https://chickly.co.uk
Description: Sunny Coop - Chickly child theme of Storefront. Bright, rounded and friendly shop for hand-raised hens, eggs and feed.
Author: Lucas
Template: storefront
Version: 0.1.0
*/
:root{ --green:#2F5D3A; --yellow:#FBC638; --cream:#FBF6EC; --coral:#E8674C; --sky:#7FB4C9; --ink:#2A2723; }
body,.site{ background:var(--cream); color:var(--ink); font-family:"Nunito Sans",-apple-system,system-ui,sans-serif; }
h1,h2,h3,h4,.site-title,.page-title,.entry-title,.product_title{ font-family:"Fredoka",system-ui,sans-serif !important; color:var(--green); }
a{ color:var(--green); } a:hover{ color:var(--coral); }
.site-header{ background:var(--green) !important; border-bottom:5px solid var(--yellow); }
.site-header a,.site-branding .site-title a,.main-navigation ul li a,.site-header .site-search,.site-header-cart .cart-contents{ color:#fff !important; }
.site-branding .site-title a:hover,.main-navigation ul li a:hover{ color:var(--yellow) !important; }
.site-branding .site-title{ font-weight:600; }
button,.button,input[type=submit],.added_to_cart,
.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--yellow) !important; color:var(--green) !important; border-radius:30px !important;
  font-family:"Nunito Sans"; font-weight:800; border:none !important; }
button:hover,.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{ background:var(--coral) !important; color:#fff !important; }
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:#fff; border-radius:20px; padding:14px; box-shadow:0 8px 22px rgba(42,39,35,.08); }
.woocommerce ul.products li.product img{ border-radius:14px; }
.woocommerce ul.products li.product .price,.woocommerce div.product p.price{ color:var(--green); font-family:"Fredoka"; font-weight:600; }
.onsale{ background:var(--coral) !important; border-radius:20px !important; color:#fff !important; }
.site-footer{ background:var(--green) !important; color:#eaf2e6; }
.site-footer a{ color:#fff; }
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],textarea,select{ border-radius:10px !important; }
.storefront-handheld-footer-bar{ background:var(--green) !important; }