/*
Theme Name: Astra Flipkart Child
Theme URI: https://lithanstore.co.ke/
Description: Child theme for Astra - Flipkart-inspired e-commerce design
Author: Edu
Template: astra
Version: 1.1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');

body { font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }

/* === FLIPKART-INSPIRED COLOR SCHEME (#2a55e5) === */

/* Dark header */
.ast-primary-header-bar,
.main-header-bar { background-color: #1f1f1f !important; border-bottom: 1px solid #2c2c2c; height: 64px; }

/* Top bar - blue background */
.ast-top-bar { background-color: #2a55e5; color: white; font-size: 13px; padding: 4px 0; }

/* === DARK FOOTER === */
.site-footer { background-color: #212121 !important; color: #fff; }
.site-footer a { color: #ffffff !important; }
.site-footer .widget-title { color: #ffe51f; font-family: 'Inter',sans-serif; font-weight: 600; }

/* === PRODUCT PRICES (blue) === */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price,
.woocommerce div.product .price,
.woocommerce .price,
.woocommerce .amount { color: #2a55e5 !important; font-weight: 700; }
.woocommerce ul.products li.product .price del { color: #999 !important; font-weight: 400; font-size: 12px; }

/* === SALE BADGES (blue) === */
.woocommerce span.onsale,
.woocommerce .badge.onsale,
.woocommerce span.sale-flash { background-color: #2a55e5 !important; color: white !important; border-radius: 3px; padding: 3px 8px; font-size: 11px; font-weight: 600; }

/* === STAR RATINGS (gold) === */
.woocommerce .star-rating span,
.woocommerce .star-rating:before,
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .star-rating span,
.woocommerce ul.products li.product .star-rating:before { color: #ffe51f !important; }

/* === BUTTONS (blue) === */
button.button,
.woocommerce button.button,
.woocommerce .add-to-cart button,
.woocommerce div.product .button,
.woocommerce #add-to-cart,
.woocommerce input#add-to-cart,
.woocommerce button[type="submit"] { background-color: #2a55e5 !important; color: white !important; border: none !important; border-radius: 4px; font-family: 'Inter',sans-serif; font-weight: 600; font-size: 14px; padding: 10px 20px; cursor: pointer !important; }
button.button:hover,
.woocommerce button.button:hover,
.woocommerce .add-to-cart button:hover,
.woocommerce div.product .button:hover { background-color: #1a3db8 !important; }

/* === LINKS === */
a { color: #2a55e5 !important; }
a:hover { color: #1a3db8 !important; }

/* === TYPOGRAPHY === */
h1,h2,h3,h4,h5,h6 { font-family: 'Inter',sans-serif; font-weight: 600; }
.entry-title,
.woocommerce div.product .product_title { font-family: 'Roboto',sans-serif; font-size: 20px; font-weight: 500; color: #333; }
.woocommerce div.product .price { color: #2a55e5 !important; font-weight: 700; font-size: 24px; }
.woocommerce div.product .button { padding: 12px 30px !important; font-size: 16px !important; text-transform: uppercase; letter-spacing: .5px; }

/* === TABS === */
.woocommerce div.product .woocommerce-tabs ul.tabs li { font-family: 'Inter',sans-serif; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover { background-color: #2a55e5 !important; color: white !important; }

/* === PRODUCT CARDS === */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important; gap: 20px !important; }
.woocommerce ul.products li.product { background: white; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.12); padding: 15px; border: 1px solid #e0e0e0; }
.woocommerce ul.products li.product:hover { box-shadow: 0 4px 8px rgba(0,0,0,.16); }
.woocommerce ul.products li.product h3 { font-family: 'Roboto',sans-serif; font-size: 14px; font-weight: 500; color: #333; margin: 10px 0 5px; }

/* === SEARCH BAR === */
.ast-header-search { max-width: 520px; margin: 0 auto; }
.ast-header-search input[type="search"] { border: 1px solid #e0e0e0; border-right: none; border-radius: 3px 0 0 3px; padding: 8px 12px; font-size: 14px; }
.ast-header-search button[type="submit"] { background-color: #2a55e5; color: white; border: none; border-radius: 0 3px 3px 0; padding: 8px 20px; cursor: pointer; }

.woocommerce-store-notice.demo_store { display: none !important; }