/*
Theme Name: Ótica Cava
Author: Ótica Cava
Description: Layout escuro da Ótica Cava, com Plus Jakarta Sans e suporte ao WooCommerce.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: otica-cava
License: GPL-2.0-or-later
*/
:root{--ink:#24261f;--cream:#f7f5ef;--green:#3f4b39;--lime:#d9e889;--muted:#6c7068}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Plus Jakarta Sans',sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.notice{text-align:center;background:var(--green);color:#fff;padding:9px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:25px;background:#faf9f5}.brand{font-weight:700;letter-spacing:.15em;font-size:21px}.brand img{max-height:55px}nav{display:flex;gap:38px;font-size:13px}nav a:hover{opacity:.6}..site-headercta{font-size:12px;border-bottom:1px solid;padding:8px 0}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.hero-copy{padding:105px 10% 40px 12%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#65725a}h1,h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;letter-spacing:-.035em}h1{font-size:clamp(52px,6vw,87px);line-height:1.03;margin:26px 0}h2{font-size:clamp(42px,4.6vw,67px);line-height:1.03;margin:18px 0}.hero-copy p{line-height:1.8;color:var(--muted);max-width:420px}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:40px;background:var(--ink);color:white;border:0;padding:18px 24px;font-size:12px;cursor:pointer}.button{margin-top:24px}.hero-foot{width:100%;margin-top:auto;padding-top:70px;font-size:9px;letter-spacing:.12em}.hero-foot span{float:right;font-size:24px}.hero-art{background:#d5daca center/cover;position:relative;display:flex;align-items:center;justify-content:center;min-height:450px;overflow:hidden}.hero-art:before{content:'';width:65%;aspect-ratio:1;border-radius:50%;background:#b4c0a8;position:absolute}.frame-art{z-index:1;font-family:Georgia;font-size:clamp(85px,15vw,220px);white-space:nowrap;color:#4c5a45;transform:rotate(-12deg)}.hero-art[style] .frame-art,.hero-art[style]:before{display:none}.hero-art>span{position:absolute;bottom:35px;right:40px;font-size:10px;letter-spacing:.15em;line-height:1.7}.benefits{display:flex;justify-content:space-around;gap:20px;padding:27px;background:#e7ebdf;font-size:12px}.section{padding:100px 7%}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px}.sectionhead p{max-width:300px;color:var(--muted);line-height:1.7}.filters{display:flex;gap:8px;margin:35px 0}.filters button{background:transparent;border:1px solid #c9ccc3;color:var(--ink);border-radius:30px;padding:9px 18px}.filters button.active{background:var(--green);color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cava-card{background:#fff;min-width:0}.cava-card[hidden]{display:none}.cava-card-image{aspect-ratio:1 / 1;background:#e9e9e2;position:relative;display:grid;place-items:center;overflow:hidden}.cava-card-image img{width:100%;height:100%;object-fit:cover}.cava-card-image>span{font-size:80px;color:#777f70;transform:rotate(-8deg)}.cava-card-image small{position:absolute;top:16px;left:16px;background:#fff;padding:7px 12px;font-size:10px}.cava-card-info{padding:22px}.cava-card-info h3{font-size:17px;margin:0 0 8px}.cava-card-info p{color:var(--muted);font-size:13px;line-height:1.6}.cava-card-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:18px;font-size:12px}.cava-card-bottom a{border-bottom:1px solid}.story{background:#dce3d3;display:grid;grid-template-columns:1fr 1fr;gap:15%;padding:100px 7%}.story p{line-height:1.8;color:#545c50}.story a{display:inline-block;margin-top:25px;border-bottom:1px solid;padding-bottom:8px;font-size:13px}.article-img{width:100%;height:220px;object-fit:cover}.closing{text-align:center;padding:90px 20px;background:var(--green);color:white}.closing span{font-size:10px;letter-spacing:.18em}.closing h2{font-size:clamp(52px,7vw,85px)}.light{background:var(--lime);color:var(--ink)}.site-footer{padding:50px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.site-footer strong{letter-spacing:.13em;font-size:20px}@media(max-width:700px){.site-header{height:70px;padding:0 5%}.site-header nav{gap:14px;font-size:11px}.brand{font-size:15px}..site-headercta{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 7% 30px}.hero-foot{padding-top:40px}.hero-art{min-height:340px}.benefits{font-size:10px;flex-wrap:wrap}.section{padding:70px 6%}.sectionhead{display:block}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.cava-card-image{aspect-ratio:1 / 1}.cava-card-info{padding:15px}.cava-card-bottom{align-items:start;flex-direction:column}.story{grid-template-columns:1fr;gap:10px;padding:70px 6%}.site-footer{align-items:start;flex-direction:column}.admin-head{display:block}.admin-nav{flex-wrap:wrap}.panel{padding:20px}}@media(max-width:400px){nav a:nth-child(2){display:none}.grid{grid-template-columns:1fr}}

/* Catálogo: quatro produtos no computador e dois no celular. */
#colecao .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){#colecao .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Tema escuro */
:root{--ink:#f2f3eb;--cream:#171a17;--green:#28352b;--lime:#d9e889;--muted:#b7beb2}
body{color-scheme:dark}
.site-header{background:#1d211d;border-bottom:1px solid #353c34}
.notice{background:#303d31;color:#f2f3eb}
.eyebrow{color:#c2d39d}
.button,button{background:#d9e889;color:#20271c}
.button:hover,button:hover{filter:brightness(1.08)}
.hero-art{background-color:#354239}
.hero-art:before{background:#51634f}
.frame-art{color:#ccd8bf}
.hero-art>span{color:#fff;text-shadow:0 1px 5px #000}
.benefits{background:#252e26;color:#e2e8dc}
.filters button{border-color:#667063;color:#e8ece2}
.filters button.active{background:#d9e889;border-color:#d9e889;color:#20271c}
.cava-card{background:#252a25;border:1px solid #353d35}
.cava-card-image{background:#353e35}
.cava-card-image>span{color:#aebca8}
.cava-card-image small{background:#202720;color:#edf2e9}
.story{background:#29352b}
.story p{color:#c5cec0}
.closing{background:#344536;color:#fff}
.light{background:#d9e889;color:#20271c}
.site-footer{background:#121512;border-top:1px solid #353c34}
.panel,.login{background:#252a25;border-color:#3c453b}
input:not([type=checkbox]),textarea{background:#171b17;color:#f2f3eb;border-color:#667063}
.records>div{border-color:#485147}
.delete{background:#444d43;color:#fff}
.message{background:#344b32;color:#f2f7ee}
:focus-visible{outline:2px solid #d9e889;outline-offset:3px}
.account-link{font-size:12px;border:1px solid #667063;padding:10px 14px;white-space:nowrap}
.login form{margin:24px 0}.login a:not(.button){color:#d9e889}.login .button{margin-bottom:10px}
@media(max-width:700px){.site-header{gap:10px}.account-link{font-size:10px;padding:8px}.site-header nav{gap:10px}}
.hero-foot > span { display: none; }
/* Componentes WordPress e WooCommerce. */
.site-header .custom-logo-link{display:block}.site-header .custom-logo{width:auto;max-width:180px;max-height:60px;object-fit:contain}.header-links{display:flex;gap:8px}.cava-menu{display:flex;list-style:none;gap:24px;padding:0;margin:0}.cava-menu a{display:block}.site-footer{clear:both}.skip-link{position:absolute;top:-100px;left:10px;z-index:10000;padding:12px;background:#d9e889;color:#171a17}.skip-link:focus{top:10px}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover}.hero-art.has-banner:before{display:none}.category-link{display:inline-flex;align-items:center;border:1px solid #667063;border-radius:25px;padding:10px 16px;font-size:12px}.filters{flex-wrap:wrap;align-items:center}.filters .button{margin:0;padding:10px 16px;border-radius:25px}.cava-card-image{display:block;aspect-ratio:1;overflow:hidden}.cava-card-image img{width:100%;height:100%;object-fit:cover}.cava-card-bottom{flex-direction:column;align-items:stretch}.cava-buy{width:100%;margin:12px 0 0;border-radius:3px;text-align:center;gap:8px}.view-all{display:inline-block;margin-top:30px;text-decoration:underline}.price ins{text-decoration:none}.price del{opacity:.65}.content-wrap{max-width:1400px;margin:auto;padding:55px 5%;min-height:60vh}.content-wrap h1{font-size:clamp(30px,4vw,50px)}.content-wrap h2{font-size:28px}.content-wrap h3{font-size:21px}.entry{margin-bottom:40px}.entry p{line-height:1.8}.entry a:not(.button){text-decoration:underline}.content-wrap input[type=checkbox],.content-wrap input[type=radio]{width:auto}.content-wrap input,.content-wrap select,.content-wrap textarea{max-width:100%}select{padding:10px;background:#252a25;color:#f2f3eb;border:1px solid #667063}.woocommerce a{color:inherit}.woocommerce .woocommerce-breadcrumb{color:var(--muted)}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:15px!important;background:#252a25;border:1px solid #353d35;list-style:none}.woocommerce ul.products li.product a img{width:100%;aspect-ratio:1;object-fit:cover}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px;line-height:1.4;letter-spacing:0}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#d9e889}.woocommerce ul.products li.product .button{margin-top:15px}.woocommerce div.product .product_title{font-size:clamp(30px,4vw,50px);line-height:1.1}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#252a25;border-color:#667063}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#344536;color:#fff}.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:inherit}.woocommerce .quantity .qty{width:80px;color:#fff}.woocommerce div.product form.cart .button{margin-top:6px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:#d9e889!important;color:#20271c!important;line-height:1.4;white-space:normal}.woocommerce-message,.woocommerce-info,.woocommerce-error{background:#29352b!important;color:#f2f3eb!important}.woocommerce table.shop_table{border-color:#667063}.woocommerce form.login,.woocommerce form.register,.woocommerce form.checkout_coupon{background:#252a25;border-color:#667063;max-width:none;margin:0;padding:25px}.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce-account .woocommerce-MyAccount-navigation li{padding:12px;border-bottom:1px solid #485147}.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{color:#d9e889}.woocommerce-MyAccount-content{line-height:1.7}.woocommerce .woocommerce-customer-details address{border-color:#667063}.woocommerce-pagination{margin-top:30px}.woocommerce-pagination ul.page-numbers{display:flex;justify-content:center}.content-wrap :where(.wc-block-components-text-input input,.wc-block-components-combobox-control input,.wc-block-components-textarea){background:#171b17!important;color:#f2f3eb!important}.wc-block-components-totals-wrapper{border-color:#667063!important}.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{color:#f2f3eb}.wp-block-button__link{background:#d9e889;color:#20271c}.woocommerce ul.order_details li{float:none;display:inline-block;margin:10px}.woocommerce form .form-row label{line-height:1.5}.woocommerce-product-gallery img{border-radius:4px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:900px){.site-header{height:auto;min-height:82px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.site-header nav{order:3;width:100%;justify-content:center}.header-links{margin-left:auto}}
@media(max-width:700px){#colecao .grid,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.woocommerce ul.products li.product{padding:10px!important}.cava-menu{gap:14px;flex-wrap:wrap}.cava-buy{font-size:11px;padding:12px 8px}.content-wrap{padding:35px 5%}.header-links .account-link{display:block}.site-header nav a:nth-child(2){display:block}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px}}
