/*
Theme Name: Anteus MidShop
Author: OnlineVagyok
Version: 1.0.0
Text Domain: anteus-midshop
*/

:root { --radius: 16px; }

body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
.site-wrap { max-width: 1100px; margin: 0 auto; padding: 0 16px; }
.site-header { padding: 18px 0; border-bottom: 1px solid rgba(0,0,0,.08); }
.site-header .row { display:flex; align-items:center; justify-content:space-between; gap: 12px; }
.brand { font-weight: 800; text-decoration:none; color: inherit; }
.nav a { margin-right: 12px; text-decoration:none; opacity:.85; }
.nav a:hover { opacity:1; }

.card { border: 1px solid rgba(0,0,0,.08); border-radius: var(--radius); padding: 16px; }
.hero { padding: 22px; border-radius: var(--radius); border: 1px solid rgba(0,0,0,.08); margin: 20px 0; }
.hero h1 { margin: 0 0 8px; font-size: 28px; }
.hero p { margin: 0; opacity: .85; }

.site-footer { margin-top: 40px; padding: 24px 0; border-top: 1px solid rgba(0,0,0,.08); opacity: .9; }

.woocommerce ul.products { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 14px; }
.woocommerce ul.products li.product { border: 1px solid rgba(0,0,0,.08); border-radius: var(--radius); padding: 12px; }

.woocommerce div.product { border: 1px solid rgba(0,0,0,.08); border-radius: var(--radius); padding: 16px; }
.hero { padding: 26px; }
.hero-inner { display:grid; grid-template-columns: 1.3fr .7fr; gap: 16px; align-items: stretch; }
.hero-actions { margin-top: 14px; display:flex; gap: 10px; flex-wrap:wrap; }
.btn { display:inline-block; padding: 10px 14px; border-radius: 14px; text-decoration:none; border: 1px solid rgba(0,0,0,.12); font-weight: 600; }
.btn-outline { background: transparent; }
.hero-card { border: 1px solid rgba(0,0,0,.08); border-radius: 18px; padding: 14px; display:flex; flex-direction:column; gap: 10px; }
.kpi { display:flex; justify-content:space-between; border: 1px solid rgba(0,0,0,.06); border-radius: 14px; padding: 10px 12px; }
.kpi span { opacity:.75; }
.kpi strong { font-weight: 800; }

@media (max-width: 860px){
  .hero-inner { grid-template-columns: 1fr; }
}