/*
Theme Name: Tiny Terrariums
Author: Tiny Terrariums
Description: Pastel WooCommerce storefront with an editable banner and unlimited circular category links.
Version: 1.9.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: tiny-terrariums
*/
:root{--sage:#a7c3a1;--pink:#f4c3d1;--cream:#fffaf2;--ink:#343c2c;--green:#506a43}*{box-sizing:border-box}body{margin:0;background:#ede7dc;color:var(--ink);font:16px/1.6 'Trebuchet MS',Arial,sans-serif}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}input,textarea,select{max-width:100%;padding:10px;border:1px solid #d7dbce;border-radius:12px}img{max-width:100%;height:auto}.site-shell{max-width:1440px;margin:auto;background:var(--cream);min-height:100vh;box-shadow:0 0 60px #6b5a4a15}.topbar{background:var(--sage);padding:9px 20px;text-align:center;font-size:14px;color:#273a22}.site-header{padding:16px 36px 0}.header-row{display:flex;align-items:center;gap:32px}.brand img{width:116px;max-height:116px;object-fit:contain}.search{flex:1;max-width:620px;margin:auto}.search form{display:flex;gap:6px}.search input[type=search]{width:100%;border-radius:30px;background:#fff}.search button,.search input[type=submit],.button,button,input[type=submit]{background:var(--pink);border:0;color:#343c2c;border-radius:24px;padding:10px 20px;cursor:pointer}.basket{background:#cfe5d6;padding:8px 18px;border-radius:30px}nav{padding:12px 0}nav ul,.site-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px}nav a{display:block;padding:6px 10px}nav .current-menu-item>a{background:var(--pink);border-radius:12px}nav .sub-menu{display:block;padding-left:12px;font-size:14px}.hero img{width:100%;display:block}.circles{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:28px 24px 32px}.circle-card{width:150px;text-align:center}.circle-card a{display:block;color:var(--ink)}.circle-image{display:flex;align-items:center;justify-content:center;width:132px;height:132px;margin:auto;background:#cfe5d6;border-radius:50%;overflow:hidden;font-size:40px;transition:transform .2s}.circle-card:nth-child(3n+2) .circle-image{background:#fad6c4}.circle-card:nth-child(3n) .circle-image{background:var(--pink)}.circle-image img{width:100%;height:100%;object-fit:cover}.circle-image img.fit-contain{object-fit:contain}.circle-label{display:block;margin-top:10px;font-size:14px;font-weight:bold}.circle-card a:hover .circle-image{transform:translateY(-4px)}.feature-strip{display:flex;gap:24px;justify-content:space-around;padding:22px 28px;background:#cfe5d6;flex-wrap:wrap}.products-section,.content{padding:32px 36px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}h1,h2,h3{line-height:1.25}h2{font-size:30px}.woocommerce ul.products li.product{background:#fff;padding:12px;border-radius:16px;box-shadow:0 4px 16px #6b5a4a10}.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--green);color:#fff;border-radius:24px}.woocommerce ul.products li.product img{border-radius:10px}.woocommerce ul.products li.product .price{color:var(--green)}.site-footer{text-align:center;padding:32px;background:#cfe5d6;margin-top:24px}.site-footer h2{margin-top:0}.content article{margin-bottom:32px}.content article>a img{border-radius:12px}.wp-block-image img{border-radius:12px}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;z-index:100;background:#fff;padding:12px}:focus-visible{outline:3px solid #506a43;outline-offset:4px}.content h1 a{color:inherit}.woocommerce table.shop_table{background:white}.woocommerce form .form-row input.input-text{padding:10px}.woocommerce-message,.woocommerce-info{border-top-color:var(--sage)}
@media(max-width:700px){.site-header{padding:12px 16px 0}.header-row{gap:12px;flex-wrap:wrap}.brand img{width:78px;height:78px}.search{order:3;flex-basis:100%;max-width:none}.basket{margin-left:auto}nav ul{gap:4px 8px}nav a{padding:4px 6px;font-size:14px}.circles{gap:18px 10px;padding:22px 10px}.circle-card{width:calc(33.333% - 10px);min-width:88px}.circle-image{width:90px;height:90px}.circle-label{font-size:12px}.products-section,.content{padding:24px 16px}.section-heading h2{font-size:24px}.section-heading .button{font-size:12px;padding:8px 12px}.feature-strip{font-size:13px;gap:12px}.woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{width:48%;margin:0 0 18px}.site-footer{padding:24px 16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.hero-copy{text-align:center;padding:24px 36px}.hero-copy h2{margin-top:0}.circles-heading{text-align:center;padding:24px 20px 0;margin-bottom:0}

.tt-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.tt-event-card{overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 4px 16px #6b5a4a12;display:flex;flex-direction:column;border:1px solid #dce6d5}.tt-event-image{aspect-ratio:3/2;background:#cfe5d6}.tt-event-image img{width:100%;height:100%;object-fit:cover;display:block}.tt-event-image img.fit-contain{object-fit:contain}.tt-event-body{padding:22px;display:flex;flex-direction:column;flex:1}.tt-event-body h2{font-size:23px;margin:0 0 12px}.tt-event-details{color:var(--green);font-weight:bold;font-size:14px}.tt-event-body .button{align-self:flex-start;margin-top:auto}.tt-event-body p{overflow-wrap:anywhere}.tt-event-card:nth-child(3n+2){border-color:#f4c3d1}.tt-event-card:nth-child(3n){border-color:#d9c8e8}@media(max-width:900px){.tt-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.tt-events-grid{grid-template-columns:1fr}}

.site-header{padding:0}.header-row{padding:16px 36px;flex-wrap:nowrap}.header-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px}.tt-icon-control{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#cfe5d6;color:#343c2c;cursor:pointer;list-style:none;padding:0}.tt-icon-control:hover{background:var(--pink);text-decoration:none}.tt-icon-control::-webkit-details-marker{display:none}.tt-search-toggle{position:relative}.tt-search-toggle[open]>summary{background:var(--pink)}.tt-search-panel{position:absolute;z-index:100;right:0;top:54px;width:min(400px,calc(100vw - 32px));padding:16px;border-radius:14px;background:var(--cream);box-shadow:0 5px 24px #343c2c30;border:1px solid var(--sage)}.tt-search-panel form{display:flex;gap:8px}.tt-search-panel input[type=search]{min-width:0;width:100%;background:#fff}.tt-search-panel button,.tt-search-panel input[type=submit]{padding:8px 14px}.tt-menu-bar{background:var(--sage);padding:10px 24px}.tt-menu-bar a{color:#273a22}.tt-menu-bar .current-menu-item>a{background:#cfe5d6}.tt-menu-bar .sub-menu{background:var(--sage)}
@media(max-width:700px){.site-header{padding:0}.header-row{padding:12px 16px;gap:12px}.header-actions{gap:8px}.tt-menu-bar{padding:8px 12px}.tt-search-panel{position:fixed;top:auto;right:16px;margin-top:10px}}

/* Botanical menu buttons */
.tt-menu-bar{padding:16px 24px;background:linear-gradient(110deg,var(--sage),#cfe5d6 55%,var(--sage));border-top:1px solid #ffffff60;border-bottom:1px solid #506a4325}
.tt-menu-bar>ul,.tt-menu-bar>div>ul{gap:10px 12px;align-items:center}
.tt-menu-bar>ul>li>a,.tt-menu-bar>div>ul>li>a{position:relative;display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--cream);border:1px solid #ffffffb0;border-radius:22px 22px 22px 8px;box-shadow:0 3px 0 #506a4320;color:#34432e;font-weight:600;font-size:14px;line-height:1.3;transition:transform .18s,background .18s,box-shadow .18s;text-decoration:none}
.tt-menu-bar>ul>li:nth-child(3n+2)>a,.tt-menu-bar>div>ul>li:nth-child(3n+2)>a{background:#f9e0e7}
.tt-menu-bar>ul>li:nth-child(3n)>a,.tt-menu-bar>div>ul>li:nth-child(3n)>a{background:#ece2f3}
.tt-menu-bar>ul>li>a::before,.tt-menu-bar>div>ul>li>a::before{content:'';display:block;flex:0 0 10px;width:10px;height:15px;border-radius:90% 5% 90% 5%;background:#779c69;transform:rotate(25deg);box-shadow:inset -2px -1px 0 #506a4325}
.tt-menu-bar>ul>li>a:hover,.tt-menu-bar>div>ul>li>a:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 0 #506a4320}
.tt-menu-bar>ul>li.current-menu-item>a,.tt-menu-bar>ul>li.current-menu-ancestor>a,.tt-menu-bar>div>ul>li.current_page_item>a,.tt-menu-bar>div>ul>li.current_page_ancestor>a{background:#506a43;color:#fff;border-color:#506a43;box-shadow:0 3px 0 #34432e}
.tt-menu-bar .current-menu-item>a::before,.tt-menu-bar .current-menu-ancestor>a::before,.tt-menu-bar .current_page_item>a::before{background:#cfe5d6}
.tt-menu-bar li{position:relative}
.tt-menu-bar .menu-item-has-children>a::after,.tt-menu-bar .page_item_has_children>a::after{content:'⌄';font-size:15px;line-height:1;margin-left:2px}
.tt-menu-bar .sub-menu,.tt-menu-bar .children{display:none;position:absolute;z-index:110;top:100%;left:0;min-width:210px;list-style:none;padding:10px;margin:0;background:var(--cream);border:1px solid var(--sage);border-radius:14px;box-shadow:0 8px 24px #343c2c20;text-align:left}
.tt-menu-bar li:hover>.sub-menu,.tt-menu-bar li:focus-within>.sub-menu,.tt-menu-bar li:hover>.children,.tt-menu-bar li:focus-within>.children{display:block}
.tt-menu-bar .sub-menu a,.tt-menu-bar .children a{padding:9px 12px;border-radius:10px;font-size:14px;line-height:1.4;color:#34432e}
.tt-menu-bar .sub-menu a:hover,.tt-menu-bar .children a:hover{background:#cfe5d6;text-decoration:none}
.tt-menu-bar .sub-menu .sub-menu,.tt-menu-bar .children .children{position:static;box-shadow:none;border:0;padding:4px 0 4px 10px;min-width:0}
@media(max-width:700px){.tt-menu-bar{padding:12px 10px}.tt-menu-bar>ul,.tt-menu-bar>div>ul{gap:8px}.tt-menu-bar>ul>li>a,.tt-menu-bar>div>ul>li>a{padding:9px 12px;font-size:13px;gap:6px}.tt-menu-bar .sub-menu,.tt-menu-bar .children{position:static;min-width:0;margin-top:8px}.tt-menu-bar .menu-item-has-children,.tt-menu-bar .page_item_has_children{max-width:100%}}
@media(prefers-reduced-motion:reduce){.tt-menu-bar a{transition:none!important}.tt-menu-bar a:hover{transform:none!important}}

@font-face{font-family:"TT Quicksand";src:url("assets/quicksand.ttf") format("truetype");font-style:normal;font-weight:300 700;font-display:swap;}