/*
Theme Name: Trainova
Description: Tema WooCommerce per Trainova Shop (biciclette, accessori, fitness).
Version: 1.1
Text Domain: trainova
*/
:root{--ink:#0c2f2b;--mist:#f3f4f2;--white:#fff;--line:#dfe3e0;--text:#17211f;--muted:#5d6b67;--brass:#c2a06a;--brass-d:#8f6f3a;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
*{box-sizing:border-box}
body{margin:0;background:var(--mist);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:inherit}img{max-width:100%;height:auto}
h1,h2,h3,.brand,.woocommerce-loop-product__title,.product_title{font-family:var(--serif);font-weight:500}
:focus-visible{outline:3px solid var(--brass-d);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.topbar{background:var(--ink);color:#b8c9c5;font-size:13px;text-align:center;padding:8px 12px;letter-spacing:.02em}
.site-header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .wrap{display:flex;align-items:center;gap:36px;height:80px}
.brand{font-size:28px;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}.brand i{font-style:normal;color:var(--brass-d)}
.menu{display:flex;gap:30px;list-style:none;margin:0 auto 0 0;padding:0;font-size:15px}
.menu a{text-decoration:none;color:var(--text);padding:6px 0;border-bottom:1px solid transparent}.menu a:hover,.menu .current-menu-item a{border-color:var(--brass-d)}
.tools{display:flex;gap:20px;align-items:center;font-size:14px}.tools a{text-decoration:none}
.cartcount{background:var(--ink);color:#fff;border-radius:99px;padding:1px 8px;font-size:12px;margin-left:6px}
@media(max-width:820px){.menu{display:none}.site-header .wrap{height:64px}}
.hero{background:var(--ink);color:#fff;padding:88px 0 150px}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.08;letter-spacing:-.015em;margin:0 0 22px}
.hero p{font-size:18px;color:#b8c9c5;max-width:48ch;margin:0 0 34px}
.hero img{border:1px solid #2a5a53;border-radius:2px;width:100%}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}}
.btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.wp-element-button{display:inline-block;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:2px;padding:14px 28px;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;line-height:1.2}
.btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--brass);border-color:var(--brass);color:var(--ink)}
.hero .btn{background:var(--brass);border-color:var(--brass);color:var(--ink)}.hero .btn:hover{background:#d4b57f}
.hero .btn.alt{background:transparent;border-color:#5f8780;color:#fff;margin-left:10px}.hero .btn.alt:hover{border-color:#fff}
.tiles{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;margin:-90px auto 88px;position:relative}
@media(max-width:820px){.tiles{grid-template-columns:1fr;margin-top:-70px}}
.tile{display:flex;align-items:flex-end;min-height:340px;padding:28px;color:#fff;text-decoration:none;background:var(--ink) center/cover;border-radius:2px;position:relative;overflow:hidden;border:1px solid #2a5a53}
.tile:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,47,43,.94),rgba(12,47,43,.1) 72%)}
.tile span{position:relative}.tile h3{margin:0 0 2px;font-size:26px;line-height:1.2}.tile small{color:#c9d6d2}
.section{margin-bottom:88px}.section h2{font-size:36px;letter-spacing:-.01em;margin:0 0 28px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:88px}
.facts div{padding:28px 24px 28px 0;font-size:14px;color:var(--muted)}.facts b{display:block;color:var(--ink);font-family:var(--serif);font-weight:500;font-size:19px;margin-bottom:4px}
.content{padding:40px 24px 88px}.content h1,.woocommerce-products-header__title{font-size:42px;margin:0 0 8px;letter-spacing:-.01em}
.woocommerce-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}.woocommerce-breadcrumb a{text-decoration:none}
.woocommerce-result-count{color:var(--muted);font-size:14px}.woocommerce-ordering select{padding:9px 12px;border:1px solid var(--line);background:var(--white);border-radius:2px}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:24px;margin:0;padding:0;list-style:none}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:var(--white);border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;border-radius:2px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px;padding:8px 0 2px}
.woocommerce ul.products li.product .button{margin-top:auto;text-align:center}
.woocommerce .price,.woocommerce div.product p.price{color:var(--brass-d);font-weight:700}
.woocommerce span.onsale{background:var(--ink);border-radius:2px;min-height:0;min-width:0;line-height:1;padding:7px 11px}
.woocommerce-message,.woocommerce-info{background:var(--white);border-top:3px solid var(--brass);padding:14px 18px;margin-bottom:20px}
.site-footer{background:var(--ink);color:#b8c9c5;padding:64px 0 32px;font-size:14px}
.site-footer .cols{display:flex;gap:48px;flex-wrap:wrap;justify-content:space-between}
.site-footer h4{color:#fff;margin:0 0 12px;font:500 19px var(--serif)}.site-footer p{margin:5px 0}
.site-footer .legal{border-top:1px solid #2a5a53;margin-top:40px;padding-top:20px;font-size:12px}

.site-footer a{color:#b8c9c5;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}
.content article{max-width:780px}.content article h2{font-size:24px;margin:34px 0 8px}.content article p,.content article li{color:#33423e}.content article ul{padding-left:22px}

.menu{gap:26px}
.cform{display:grid;gap:18px;max-width:620px}.cform p{margin:0}.cform label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.cform input[type=text],.cform input[type=email],.cform input[type=tel],.cform textarea{width:100%;padding:12px 14px;border:1px solid #b9c4c0;border-radius:2px;background:#fff;font:inherit;color:var(--text)}
.cform textarea{min-height:150px}.cform .chk label{font-weight:400;display:flex;gap:10px;align-items:flex-start}.cform .chk input{margin-top:5px}.cform .hp{position:absolute;left:-9999px}

.hero img{aspect-ratio:4/3;object-fit:cover}