/*
 Theme Name: AscotLite (Hello Elementor Child)
 Theme URI: https://example.com/ascotlite
 Template: hello-elementor
 Author: ChatGPT
 Description: Lightweight WooCommerce-ready child theme designed for Elementor. Includes header, footer, shop templates, and full-width page template.
 Version: 1.0.0
 License: GPL-2.0-or-later
 Tags: ecommerce, elementor, woocommerce
 Text Domain: ascotlite
*/

/* Basic layout tweaks */
:root{
  --accent:#e91e63; /* adjust in Customizer or replace */
  --dark:#111;
}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, "Apple Color Emoji","Segoe UI Emoji";
}
a{ text-decoration:none }
.site-header{ border-bottom:1px solid #eee; }
.site-header .container{ display:flex; align-items:center; gap:1rem; padding:12px 16px; }
.header-left{ display:flex; align-items:center; gap:1rem; flex:1 }
.header-right{ display:flex; align-items:center; gap:.75rem }
.logo a{ font-weight:700; color:var(--dark); font-size:1.1rem }
.searchform{ flex:1; display:flex }
.searchform input[type="search"]{ flex:1; padding:.6rem .8rem; border:1px solid #ddd; border-right:none; border-radius:8px 0 0 8px }
.searchform button{ padding:.6rem .9rem; border:1px solid #ddd; background:#fff; border-radius:0 8px 8px 0; cursor:pointer }
.badge{ background:var(--accent); color:#fff; padding:.15rem .45rem; border-radius:999px; font-size:.75rem }
.site-footer{ border-top:1px solid #eee; padding:32px 0; margin-top:32px; color:#555 }
.site-footer .columns{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:1.2rem }
@media (max-width: 900px){
  .site-footer .columns{ grid-template-columns: repeat(2, minmax(0,1fr)) }
}
@media (max-width: 600px){
  .site-footer .columns{ grid-template-columns: 1fr }
}
/* Woo basics */
.woocommerce ul.products li.product .button{
  background: var(--dark);
  color:#fff;
  border-radius: 999px;
}
.woocommerce span.onsale{ background:var(--accent) }
*/

/* Optional subtle product card shadow */
.woocommerce ul.products li.product{
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
  border-radius: 14px;
  overflow:hidden;
}