/*
Theme Name: Kliko.ba V2
Version: 2.3
Description: WooCommerce tema za Kliko.ba
Text Domain: kliko-v2
*/
:root{--blue:#14213D;--orange:#FF7900;--gray:#F5F6F8}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#14213D}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:auto;padding:0 20px}.top{background:#0c172b;color:white;text-align:center;padding:10px;font-size:13px}header{background:var(--blue);color:white;padding:22px 0}.head{display:flex;gap:25px;align-items:center}.logo{font-size:30px;font-weight:900;white-space:nowrap}.logo span{color:var(--orange)}.search{display:flex;flex:1}.search input{width:100%;padding:14px;border:0;border-radius:8px 0 0 8px}.btn,.search button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--orange)!important;color:white!important;border:0;padding:14px 20px;border-radius:8px;font-weight:bold;cursor:pointer}.search button{border-radius:0 8px 8px 0}.links{display:flex;gap:18px;white-space:nowrap}nav{background:#233657;color:white;padding:14px 0}nav .container{display:flex;gap:25px;overflow:auto;white-space:nowrap}.hero{background:var(--gray);padding:30px 0}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.hero-main{background:linear-gradient(120deg,#14213D,#345b8c);color:white;border-radius:18px;padding:55px 45px;min-height:320px}.hero h1{font-size:clamp(32px,4vw,54px);margin:12px 0}.hero p{color:#dce6f5;line-height:1.6}.hero .btn{display:inline-block;margin-top:15px}.promos{display:grid;gap:18px}.promo{border-radius:18px;padding:30px;background:#fff;display:flex;flex-direction:column;justify-content:center}.promo:first-child{background:#fff0e2}.promo strong{font-size:23px}.promo a{color:#d45b00;font-weight:bold;margin-top:16px}.section{padding:43px 0}.section.alt{background:var(--gray)}h2{font-size:27px;margin:0 0 24px}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.cat{border:1px solid #e4e8ef;border-radius:13px;text-align:center;padding:20px 8px;background:#fff}.cat img{height:70px;width:70px;object-fit:contain}.cat strong{display:block;margin-top:10px}.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:white;border:1px solid #e4e8ef;border-radius:14px;padding:14px}.woocommerce ul.products li.product img{aspect-ratio:1;object-fit:contain}.woocommerce ul.products li.product .price{color:#e66c00;font-weight:800;font-size:19px}.woocommerce span.onsale{background:var(--orange)}.benefits{background:#fff;border-top:1px solid #eee}.benefits .container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:24px;padding-bottom:24px}.benefits b{display:block}footer{background:#101c33;color:white;padding:45px 0 20px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}footer a{display:block;margin:10px 0}.content{min-height:50vh;padding:40px 0}@media(max-width:850px){.head{flex-wrap:wrap}.search{order:3;flex-basis:100%}.hero-grid{grid-template-columns:1fr}.promos{grid-template-columns:1fr 1fr}.cats{grid-template-columns:repeat(3,1fr)}.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}@media(max-width:550px){.head{gap:12px;justify-content:space-between}.logo{font-size:25px}.links{font-size:12px;gap:10px}.hero-main{padding:35px 25px;min-height:280px}.promos{grid-template-columns:1fr}.cats,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.woocommerce ul.products li.product{padding:9px}.benefits .container,.footergrid{grid-template-columns:1fr}.section{padding:30px 0}}
