/*
Theme Name: KARMASU Shop Theme
Description: Companion theme for the KARMASU Shop Home plugin. Same header/footer on every page, WooCommerce ready. Header, menu, logo and footer are edited in Settings > KARMASU Shop Home.
Version: 1.1.0
Author: KARMASU
Text Domain: karmasu-shop-theme
Requires at least: 5.8
Requires PHP: 7.4
*/

/* Inner pages */
.ks-root .ks-main{padding:40px 0 20px;min-height:50vh}
.ks-root .ks-content{max-width:860px;margin:0 auto;font-size:16px;line-height:1.75}
.ks-root .ks-content.wide{max-width:none}
.ks-root .ks-content h1,.ks-root .ks-content h2,.ks-root .ks-content h3{font-family:var(--font-serif);line-height:1.25;margin:1.4em 0 .5em}
.ks-root .ks-content h1{font-size:38px;margin-top:0}
.ks-root .ks-content h2{font-size:30px}
.ks-root .ks-content h3{font-size:23px}
.ks-root .ks-content p,.ks-root .ks-content ul,.ks-root .ks-content ol{margin:0 0 1.1em}
.ks-root .ks-content ul,.ks-root .ks-content ol{padding-left:1.4em}
.ks-root .ks-content a{color:var(--karmasu-primary);text-decoration:underline}
.ks-root .ks-content img{border-radius:12px;margin:1em 0}
.ks-root .ks-post-meta{color:var(--karmasu-charcoal-muted);font-size:13px;margin-bottom:24px}
.ks-root .ks-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.ks-root .ks-post-card{background:#fff;border:1px solid var(--karmasu-border);border-radius:12px;overflow:hidden}
.ks-root .ks-post-card .body{padding:18px}
.ks-root .ks-post-card h2{font-family:var(--font-serif);font-size:21px;margin:0 0 8px}

/* WooCommerce basics (product pages will be styled in the next step) */
.ks-root .woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:0;padding:0}
.ks-root .woocommerce ul.products::before,.ks-root .woocommerce ul.products::after{display:none}
.ks-root .woocommerce ul.products li.product{background:#fff;border:1px solid var(--karmasu-border);border-radius:12px;overflow:hidden;padding:0 0 16px;margin:0;width:auto;float:none;text-align:left;display:flex;flex-direction:column}
.ks-root .woocommerce ul.products li.product img{width:100%;aspect-ratio:1/1;object-fit:cover;margin:0 0 12px}
.ks-root .woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-serif);font-size:17px;padding:0 16px;margin:0 0 6px}
.ks-root .woocommerce ul.products li.product .price{padding:0 16px;color:var(--karmasu-primary);font-weight:700;display:block;margin-bottom:12px}
.ks-root .woocommerce ul.products li.product .button{margin:auto 16px 0}
.ks-root .woocommerce a.button,.ks-root .woocommerce button.button,.ks-root .woocommerce input.button,.ks-root .woocommerce #respond input#submit,.ks-root .woocommerce a.button.alt,.ks-root .woocommerce button.button.alt{background:var(--karmasu-primary);color:#fff;border-radius:6px;font-weight:600;padding:12px 22px;font-family:inherit}
.ks-root .woocommerce a.button:hover,.ks-root .woocommerce button.button:hover,.ks-root .woocommerce button.button.alt:hover{background:var(--karmasu-primary-dark);color:#fff}
.ks-root .woocommerce span.onsale{background:var(--karmasu-primary);border-radius:4px;min-height:auto;min-width:auto;line-height:1.4;padding:4px 9px;top:10px;left:10px}
.ks-root .woocommerce div.product .product_title{font-family:var(--font-serif);font-size:34px}
.ks-root .woocommerce div.product p.price,.ks-root .woocommerce div.product span.price{color:var(--karmasu-primary);font-weight:700;font-size:24px}
@media (max-width:1024px){.ks-root .woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){.ks-root .woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:14px}.ks-root .ks-content h1{font-size:30px}}