/*
Theme Name: O Liv a Little
Theme URI: https://bakery.themarcusons.com
Author: O Liv a Little
Description: Mobile-first WooCommerce theme for O Liv a Little bakery.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: oliv-theme
*/
:root{--cream:#fff2de;--paper:#fffbf4;--cocoa:#684334;--ink:#3b2925;--blush:#f5c8ce;--rose:#9c5765;--sage:#adc5ad;--gold:#d6a85b;--line:#e8d7cb;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%;height:auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}.screen-reader-text:focus{clip:auto;top:8px;left:8px;background:#fff;padding:12px;z-index:999}.site-notice{background:var(--cocoa);color:var(--cream);text-align:center;padding:10px 20px;font-size:.82rem;letter-spacing:.04em}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,247,235,.97);border-bottom:1px solid var(--line)}.header-inner{max-width:1180px;margin:auto;min-height:82px;padding:12px 24px;display:flex;align-items:center;gap:28px}.brand{margin-right:auto}.brand img{width:260px;display:block}.main-nav ul{list-style:none;display:flex;gap:22px;padding:0;margin:0}.main-nav a{text-decoration:none;font-size:.9rem;font-weight:700}.cart-link,.button,.wp-element-button,button,input[type=submit]{display:inline-block;background:var(--cocoa);color:#fff;border:0;border-radius:999px;padding:13px 22px;font-weight:750;text-decoration:none;cursor:pointer}.menu-toggle{display:none;background:transparent;color:var(--cocoa);border:2px solid var(--cocoa);padding:8px 12px}.wrap{max-width:1180px;margin:auto;padding:0 26px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;padding-top:75px;padding-bottom:90px}.eyebrow{color:var(--rose);font-weight:800;letter-spacing:.18em;font-size:.75rem;text-transform:uppercase}.hero h1{font-family:var(--serif);font-size:clamp(3rem,6.2vw,5.1rem);line-height:1.02;letter-spacing:-.045em;margin:.25em 0}.hero h1 em{color:#b66378;font-weight:inherit}.hero p{font-size:1.14rem;color:#71534b;max-width:570px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:25px}.text-link{color:var(--rose);font-weight:750}.hero-art{min-height:460px;border-radius:48% 48% 28px 28px;background:var(--blush);position:relative;overflow:hidden;box-shadow:16px 18px 0 var(--cream)}.cookie{position:absolute;border-radius:50%;background:var(--gold);box-shadow:inset -12px -15px 0 #c58f48}.cookie:before,.cookie:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:var(--cocoa);box-shadow:50px 31px 0 var(--cocoa),22px 78px 0 var(--cocoa)}.cookie.one{width:220px;height:220px;top:70px;left:55px;transform:rotate(-18deg)}.cookie.two{width:180px;height:180px;top:190px;right:30px;transform:rotate(16deg)}.brownie{position:absolute;width:220px;height:100px;left:50px;bottom:45px;background:var(--cocoa);border-radius:16px;transform:rotate(8deg);box-shadow:inset 0 -18px 0 #4d3226}.art-tag{position:absolute;right:15px;bottom:18px;background:#fffaf0;padding:15px 20px;border-radius:12px;transform:rotate(-3deg);font-family:var(--serif);font-weight:700}.section{padding:76px 0}.section-heading{text-align:center;max-width:720px;margin:0 auto 38px}.section-heading h2,.page-title{font:700 clamp(2.25rem,4.5vw,3.5rem)/1.1 var(--serif);margin:.25em 0}.treat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.treat-card{background:#fff;border:1px solid #f0dfd4;border-radius:24px;padding:28px;min-height:270px;display:flex;flex-direction:column;box-shadow:0 15px 36px rgba(104,67,52,.07)}.treat-card:nth-child(2){background:#fff8f9}.treat-card:nth-child(3){background:#f4f7f1}.treat-icon{font-size:3.7rem}.treat-card h3{font:700 1.55rem var(--serif);margin:.5em 0}.treat-card .text-link{margin-top:auto}.brand-panel{background:var(--blush);padding:70px 0}.brand-panel .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.badge{max-width:330px;margin:auto}.content-area{max-width:900px;margin:55px auto;padding:0 26px}.content-area h1,.content-area h2,.woocommerce h1,.woocommerce h2{font-family:var(--serif);color:var(--cocoa)}.woocommerce ul.products li.product,.woocommerce div.product{background:#fff;border-radius:18px;padding:18px}.woocommerce ul.products li.product .price{color:var(--rose)}.woocommerce-message,.woocommerce-info{border-top-color:var(--rose)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.oliv-quote-form input,.oliv-quote-form textarea{width:100%;padding:12px;border:1px solid #bdaaa1;border-radius:8px;background:#fff}.oliv-quote-form label{display:block;font-weight:700}.oliv-honeypot{position:absolute!important;left:-9999px!important}.site-footer{background:var(--cocoa);color:var(--cream);padding:58px 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.site-footer img{width:220px;filter:brightness(0) invert(1)}.site-footer a{color:var(--cream)}.site-footer ul{list-style:none;padding:0}.status-banner{background:#fff6cf;border:1px solid #e4c458;padding:14px 20px;text-align:center;color:#5b4510}.entry-content>*{max-width:100%}:focus-visible{outline:3px solid #206a5d;outline-offset:3px}@media(max-width:850px){.header-inner{flex-wrap:wrap}.menu-toggle{display:block}.main-nav{display:none;width:100%}.main-nav.open{display:block}.main-nav ul{flex-direction:column;padding:10px 0}.cart-link{display:none}.hero{grid-template-columns:1fr;padding-top:52px}.hero-art{min-height:350px}.treat-grid,.brand-panel .wrap,.footer-grid{grid-template-columns:1fr}.brand-panel{text-align:center}}@media(max-width:520px){.brand img{width:190px}.wrap{padding-left:19px;padding-right:19px}.hero h1{font-size:2.9rem}.hero-art{min-height:315px}.cookie.one{left:15px}.cookie.two{right:0}.brownie{left:15px}.section{padding:56px 0}}
