/*
Theme Name: China Importados Atacado
Description: Vitrine em português do Brasil para a loja WooCommerce China Importados.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: china-atacado
*/

:root{--ink:#23382e;--green:#285843;--paper:#f7f7f1;--line:#dce0d5;--white:#fff;--width:1240px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}
a{color:var(--green);text-underline-offset:.2em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #468365;outline-offset:3px}
img{max-width:100%;height:auto}
.ci-wrap{width:min(var(--width),calc(100% - 48px));margin-inline:auto}
.ci-skip{position:absolute;left:12px;top:-100px;z-index:100;padding:8px 16px;background:var(--white)}
.ci-skip:focus{top:12px}
.ci-announcement{background:var(--ink);color:#fff;text-align:center;padding:7px 14px;font-size:.76rem;font-weight:700;letter-spacing:.075em}
.ci-announcement span{margin-left:.7rem;font-weight:400;letter-spacing:0}
.ci-header{background:#fff;border-bottom:1px solid var(--line)}
.ci-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.ci-brand{display:flex;flex-direction:column;align-items:flex-start;font-size:1.05rem;font-weight:800;line-height:1.2;text-decoration:none;color:var(--ink)}
.ci-brand img{display:block;width:160px;max-height:50px;object-fit:contain;object-position:left}
.ci-brand small{display:block;align-self:flex-start;color:var(--green);font-size:.68rem;letter-spacing:.12em;margin:3px 0 0;padding:0}
.ci-nav{display:flex;align-items:center;gap:clamp(12px,2.4vw,30px);flex-wrap:wrap}
.ci-nav a{text-decoration:none;color:var(--ink);font-weight:700;font-size:.9rem}
.ci-nav a:hover{text-decoration:underline}
.ci-icon{width:22px;height:22px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ci-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,5vw,70px);align-items:center;padding:clamp(35px,6vw,86px) 0}
.ci-eyebrow{margin:0 0 10px;color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.12em}
.ci-hero h1{font-size:clamp(2.25rem,5vw,4rem);letter-spacing:-.045em;line-height:1.07;margin:0 0 18px}
.ci-hero h1 span{color:#579073}
.ci-intro{margin:0 0 21px;font-size:1.05rem}
.ci-note{margin:13px 0 0;color:#4d6659;font-size:.87rem}
.ci-button,.ci-search button{display:inline-block;border:1px solid var(--green);border-radius:10px;background:var(--green);color:#fff;padding:10px 16px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.ci-showcase{padding:clamp(14px,3vw,34px);background:#e7eee3;border:1px solid var(--line);border-radius:20px}
.ci-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ci-tiles a{display:grid;align-content:start;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;text-align:center;font-weight:700;text-decoration:none;color:var(--ink)}
.ci-tiles img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.ci-tiles span{padding:8px 5px;font-size:.82rem;overflow-wrap:anywhere}
.ci-showcase p:last-child{margin:12px 0 0;color:#4d6659;font-size:.85rem}
.ci-section{padding-block:24px 44px}
.ci-section h2,.ci-page h1{line-height:1.15;letter-spacing:-.025em;margin:0 0 16px}
.ci-section h2{font-size:clamp(1.7rem,3.5vw,2.65rem)}
.ci-search{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.ci-search label{width:100%;font-weight:700}
.ci-search input,.woocommerce form .input-text,.woocommerce form select,.woocommerce-ordering select{min-height:44px;border:1px solid #89998e;border-radius:8px;padding:8px 12px;background:#fff;color:var(--ink);font:inherit}
.ci-search input{flex:1 1 220px;min-width:0}
.ci-pills{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 25px}
.ci-pills a{border:1px solid var(--line);border-radius:24px;background:#fff;padding:5px 12px;text-decoration:none;font-size:.86rem;font-weight:700}
.ci-page{padding-block:36px 54px;min-height:60vh}
.ci-footer{background:var(--ink);color:#fff;padding-block:23px}
.ci-footer .ci-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
.ci-footer a{color:#fff}
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px;overflow:hidden}
.woocommerce ul.products li.product a img{height:auto;aspect-ratio:1;object-fit:contain;margin-bottom:9px;border-radius:8px;background:#fff}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1rem;color:var(--ink);line-height:1.35}
.woocommerce ul.products li.product .price{color:var(--green)}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:8px;background:var(--green);color:#fff}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--ink);color:#fff}
@media(max-width:720px){.ci-wrap{width:calc(100% - 28px)}.ci-header-inner,.ci-hero{display:flex;flex-direction:column;align-items:stretch}.ci-nav{gap:10px 16px}.ci-announcement span{display:block;margin:0}.ci-hero{padding-block:30px}.ci-page{padding-block:24px}.woocommerce ul.products li.product{padding:8px}}