/*
Theme Name: Josh's Cellular – King's Style (Final)
Theme URI: https://joshscellular.com
Author: Josh's Cellular
Description: Full King's Electronics–style theme: slider, services, testimonials, blog, shop, contact form + map, Customizer controls, WooCommerce pages auto-created, demo products seeded.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: joshs-cellular-kings-final
*/
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.wrapper{max-width:1200px;margin:0 auto;padding:0 20px}
/* Header */
.site-header{position:sticky;top:0;background:#fff;border-bottom:2px solid #c60000;z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:44px;width:auto}
.nav ul{list-style:none;display:flex;gap:20px;margin:0;padding:0}
.nav a{font-weight:700;padding:6px 10px}
.nav a:hover{color:#c60000}
.btn{display:inline-block;padding:10px 16px;background:#c60000;color:#fff;border-radius:6px;font-weight:700}
.btn:hover{background:#900}
/* Hero slider */
.hero{position:relative;overflow:hidden;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.hero .slide{display:none;min-height:420px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}
.hero .slide .overlay{background:rgba(0,0,0,.5);padding:60px;border-radius:8px}
.hero .slide h1{margin:0 0 10px;font-size:38px}
.hero .slide.active{display:flex;animation:fade 1s ease-in-out}
@keyframes fade{from{opacity:.3}to{opacity:1}}
/* Sections */
.section{padding:56px 0}
.section h2{text-align:center;color:#c60000;margin:0 0 16px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{border:1px solid #ddd;border-radius:10px;padding:18px;background:#fff;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.05)}
.card h3{margin-top:0;color:#c60000}
/* Blog */
.blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.blog-post{border:1px solid #ddd;border-radius:10px;padding:16px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.05)}
.blog-post h3{margin-top:0}
/* Testimonials */
.testimonials{background:#f7f7f7;border-top:1px solid #eee;border-bottom:1px solid #eee}
.testimonial{margin:0 auto 18px;max-width:900px;border-left:4px solid #c60000;background:#fff;padding:16px 18px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}
.testimonial strong{color:#c60000}
/* Footer */
.site-footer{background:#111;color:#eee;margin-top:40px}
.site-footer .inner{padding:24px 0}
.footer-columns{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
.footer-col{flex:1 1 320px}
.footer-map iframe{width:100%;height:220px;border:0}
/* WooCommerce defaults */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.woocommerce ul.products li.product{border:1px solid #ddd;border-radius:8px;padding:14px;background:#fff}
.woocommerce ul.products li.product .button{background:#c60000;color:#fff;border-radius:6px;padding:8px 12px}
.woocommerce ul.products li.product .button:hover{background:#900}
/* Responsive */
@media(max-width:980px){.grid{grid-template-columns:1fr 1fr}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.hero .slide h1{font-size:28px}}