/*
Theme Name: Blooming Lotus
Theme URI: https://bloominglotusstudio.com
Author: Joseph
Description: Soft, earthy WooCommerce theme for Blooming Lotus, pottery by Miranda.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: blooming-lotus
*/
:root{--cream:#faf3e3;--line:#d8c08a;--brown:#5a4132;--deep:#4a382d;--clay:#8a6244;--mustard:#d6a33a;--corn:#7d9fd3;--olive:#6a7142;--ink:#3a2f28;--rose:#d98f87}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:17px/1.75 "Nunito Sans",system-ui,sans-serif;background:radial-gradient(ellipse at 30% 0%,#fffaf0,transparent 55%),linear-gradient(180deg,#faf3e3,#f5e8cf 70%,#f2e1c4);overflow-x:hidden}
h1,h2,h3,h4{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:var(--brown);line-height:1.2;letter-spacing:.03em}h1{font-size:clamp(2.2rem,5.5vw,3.1rem);margin:0 0 .6rem}h2{font-size:1.9rem;margin:2.4rem 0 .8rem}h3{font-size:1.3rem}
a{color:var(--olive)}img{max-width:100%;height:auto}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1.5rem;background:rgba(255,251,242,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
body.admin-bar .top{top:32px}
.brand img{height:64px;width:auto;display:block}
.main ul{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end;list-style:none;margin:0;padding:0}.main li{position:relative}
.main a{display:block;color:var(--brown);text-decoration:none;font-weight:700;padding:.4rem .9rem;border-radius:999px;font-size:.95rem;letter-spacing:.03em}.main a:hover{background:#f3e6cb}
.main .current-menu-item>a,.main .current-menu-ancestor>a,.main .current_page_item>a{background:#f3e6cb;box-shadow:inset 0 -2px 0 var(--mustard)}.main li.cta>a{background:var(--mustard);color:var(--ink)}
.main .sub-menu{display:none;position:absolute;right:0;top:100%;min-width:220px;flex-direction:column;gap:0;background:#fffaf0;border:1px solid var(--line);border-radius:14px;padding:.4rem;box-shadow:0 10px 24px #5a413322;z-index:30}
.main li:hover>.sub-menu,.main li:focus-within>.sub-menu{display:flex}.main .sub-menu a{border-radius:10px;white-space:nowrap}
.wrap{max-width:1050px;margin:auto;padding:2.5rem 1.5rem}.narrow{max-width:720px}
.wrap>h1::after,.entry-title::after,.woocommerce-products-header__title::after,.product_title::after{content:"";display:block;width:72px;height:38px;margin-top:.4rem;background:url(assets/lotus-ornament.svg) left center/contain no-repeat}
.hero{text-align:center;background:url(assets/waves.svg) left bottom/100% 42% no-repeat,radial-gradient(ellipse at 40% 20%,#fffaf0 0%,#f8ead2 55%,#f2dcc0 100%)}
.hero .wrap{padding:3.5rem 1.5rem 7rem}.hero .wrap::before,.band .wrap::before{content:"";display:block;height:54px;background:url(assets/lotus-ornament.svg) center/auto 54px no-repeat;margin-bottom:.4rem}
.hero h1{font-size:clamp(1.5rem,4.2vw,2.6rem);letter-spacing:.16em;text-transform:uppercase;color:#3a2e27;max-width:20ch;margin:0 auto .8rem}.hero h1::after{content:none}
.hero .sub{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:1.5rem;letter-spacing:.06em;color:var(--brown);margin:0 auto 1.6rem;line-height:1.35}
.btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.wp-block-button__link{display:inline-block;background:var(--mustard);color:var(--ink);padding:.6rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:700;border:0;font-family:inherit;font-size:.98rem;letter-spacing:.03em;cursor:pointer;margin:.2rem;line-height:1.5}
.btn.alt{background:#a9bfe3}.btn.ghost{background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 1.5px var(--brown);color:var(--brown)}.btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{filter:brightness(.95);color:var(--ink);background:var(--mustard)}
a:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--corn);outline-offset:3px}
.band{background:rgba(255,255,255,.5);border-top:1px solid #e6d5ab;border-bottom:1px solid #e6d5ab}
.grp{margin:1.2rem 0 .2rem;font-size:1.15rem}.grp a{text-decoration:none;color:var(--brown)}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:.6rem 0 1.5rem}
.cat{font-weight:700;padding:.75rem 1rem;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.65);color:var(--brown);display:block;text-decoration:none;line-height:1.3}.cat span{display:block;font-weight:400;font-size:.85rem;color:var(--clay)}.cat:hover{border-color:var(--olive)}
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem}blockquote{margin:0;background:rgba(255,255,255,.7);border-left:3px solid var(--rose);border-radius:12px;padding:1rem 1.3rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.2rem;line-height:1.5}blockquote cite{display:block;margin-top:.5rem;font:normal .85rem "Nunito Sans",sans-serif;color:var(--clay)}
input,select,textarea{width:100%;padding:.65rem;font:inherit;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.8)}input[type=checkbox],input[type=radio]{width:auto}
.entry>p,.entry>ul,.entry>ol,.entry>form{max-width:720px}.entry .alignwide{max-width:none}
.cred,.cred>.wp-block-group__inner-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem}.cred-card{background:rgba(255,255,255,.7);border:1px solid #e3d2aa;border-radius:16px;padding:1rem 1.4rem}
.photo-frame img{border-radius:18px;box-shadow:10px 10px 0 #f0e0bf;aspect-ratio:4/5;object-fit:cover;width:100%}
/* WooCommerce */
.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem}.shop-layout aside .widget{background:rgba(255,255,255,.6);border:1px solid #e3d2aa;border-radius:16px;padding:1rem 1.2rem;margin-bottom:1rem}
.woocommerce ul.products,ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:2rem 1.5rem;list-style:none;padding:0;margin:0 0 2rem}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;text-align:center}
.woocommerce ul.products li.product a img{border-radius:16px;box-shadow:0 8px 22px #8a62441f;aspect-ratio:1;object-fit:cover;margin:0 0 .6rem}
.woocommerce-loop-product__title,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem!important;color:var(--brown);padding:0!important}
.woocommerce .price,.woocommerce ul.products li.product .price{color:var(--clay)!important;font-weight:700}
.woocommerce ul.products li.product-category a{display:block;background:rgba(255,255,255,.65);border:1px solid var(--line);border-radius:14px;padding:.8rem;text-decoration:none}
.woocommerce ul.products li.product-category h2{font-size:1.15rem!important;margin:.3rem 0 0;padding:0!important}.woocommerce ul.products li.product-category mark{background:none;color:var(--clay);font-size:.85rem}
.woocommerce span.onsale{background:var(--rose);color:#fff;border-radius:999px;min-height:0;min-width:0;line-height:1;padding:.5rem .8rem}
.woocommerce div.product .product_title{font-size:2.2rem}.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:1.4rem}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fffaf0}
.woocommerce-message,.woocommerce-info{border-top-color:var(--olive);background:rgba(255,255,255,.7)}.woocommerce-message::before,.woocommerce-info::before{color:var(--olive)}
.woocommerce table.shop_table{border-radius:12px;background:rgba(255,255,255,.6)}
.tagged_as a,.posted_in a{color:var(--olive)}
footer.site{background:var(--deep);color:#f6efe2;padding:2.5rem 1.5rem 1.5rem;margin-top:3rem;line-height:1.9;border-top:1px solid var(--mustard)}
.fgrid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem}.fgrid>div{min-width:0;overflow-wrap:anywhere}.fgrid ul{list-style:none;margin:0;padding:0}
footer.site a{color:#e8c77e}footer.site .btn{color:var(--ink)}footer.site p{text-align:center;margin-top:1.5rem}.small{font-size:.85rem}
@media(max-width:800px){.top{position:static;flex-direction:column;padding:.6rem 1rem;gap:.4rem}.brand img{height:56px}.main ul{justify-content:center}.main a{background:#f3e6cb;padding:.4rem .8rem}.main li.cta>a{background:var(--mustard)}.main .sub-menu{display:none!important}
.shop-layout{grid-template-columns:1fr}.hero .wrap{padding:2rem 1.5rem 6rem}.hero h1{letter-spacing:.1em}}

/* Shop sidebar */
.shop-layout aside .wp-block-search__inside-wrapper{display:flex;flex-direction:column;gap:.5rem;border:0;padding:0}
.shop-layout aside .wp-block-search__input{width:100%;box-sizing:border-box;border:1px solid #e3d2aa;border-radius:10px;padding:.55rem .75rem;background:#fffaf0;font:inherit}
.shop-layout aside .wp-block-search__button{margin:0;background:var(--mustard);color:var(--ink);border:0;border-radius:999px;font-weight:700;padding:.55rem 1rem;cursor:pointer}
.shop-layout aside ul{list-style:none;padding-left:0;margin:0}.shop-layout aside ul ul{padding-left:1rem}.shop-layout aside li{margin:.3rem 0}
.shop-layout aside h3{margin-top:0}

.bl-shop-nav li.current>a{font-weight:700;color:var(--ink);text-decoration:none}.bl-shop-nav ul ul{border-left:2px solid #e3d2aa;margin:.3rem 0 .3rem .3rem;padding-left:.8rem}
.shop-h{margin:1.5rem 0 .8rem}