/* ROMADOS Calm — Astra / WooCommerce compatibility (loads last). */ /* Let the Calm theme.css own the document */ html body{background:#fff!important;color:var(--ink)!important;font-family:var(--f-ui)!important;max-width:none!important;width:auto!important;margin:0!important;box-shadow:none!important;} html body.ast-separate-container,html body.ast-page-builder-template{max-width:none!important;} html.rm-lock,html.pp-lock{overflow:hidden!important;} /* Astra container: full-width everywhere; sections manage their own .wrap */ #content > .ast-container, .ast-container{max-width:none!important;padding:0!important;margin:0!important;display:block!important;width:100%!important;} #content.site-content{padding:0!important;} .ast-separate-container .ast-article-single, .ast-separate-container .site-main, .entry-content{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;} .ast-container .site-main > *{max-width:none;} /* Hide Astra's own header/footer if the builder renders any */ .site-header, .ast-primary-header-bar, #ast-mobile-header, .site-footer, .ast-small-footer, .footer-adv{display:none!important;} /* ---- WooCommerce archive / shop grid -> Calm pc grid ---- */ .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin:0!important;padding:0!important;list-style:none;} .woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important;content:none!important;} .woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;} .woocommerce ul.products li.product::before{display:none!important;} @media(max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr));}} @media(max-width:768px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));}} /* Shop / archive page: wrap in Calm margins + heading */ .woocommerce-page:not(.woocommerce-checkout):not(.woocommerce-cart) #content > .ast-container{padding:clamp(24px,4vw,48px) var(--gut) clamp(48px,7vw,96px)!important;max-width:var(--max)!important;margin:0 auto!important;} .woocommerce .woocommerce-products-header,.woocommerce-products-header{margin-bottom:clamp(18px,2.4vw,28px);} .woocommerce-products-header__title,.woocommerce .page-title,h1.woocommerce-products-header__title{font:700 clamp(26px,2.6vw,36px)/1.15 var(--f-ui)!important;letter-spacing:-.025em;color:var(--ink);margin:0 0 6px;} .term-description,.woocommerce-products-header .term-description{color:var(--ink-2);max-width:62ch;} .woocommerce .woocommerce-result-count{color:var(--muted);font-size:14px;} .woocommerce .woocommerce-ordering select{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff;font:500 14px var(--f-ui);} .woocommerce nav.woocommerce-pagination{margin-top:36px;} .woocommerce nav.woocommerce-pagination ul{border:0;gap:6px;display:flex;justify-content:center;} .woocommerce nav.woocommerce-pagination ul li{border:0;} .woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--line);border-radius:9px;min-width:42px;height:42px;line-height:42px;padding:0 6px;color:var(--ink);background:#fff;} .woocommerce nav.woocommerce-pagination ul li span.current{background:var(--forest);color:#fff;border-color:var(--forest);} /* generic non-home page content width (About/FAQ handled by pp-info template) */ body:not(.home):not(.woocommerce-page):not(.pp-info-page):not(.pp-checkout) #content > .ast-container{max-width:var(--max)!important;margin:0 auto!important;padding:clamp(32px,5vw,64px) var(--gut)!important;} /* keep add-to-cart "View basket" link tidy on cards */ .pc .added_to_cart{display:none!important;} .pc__add.loading{opacity:.7;pointer-events:none;} .pc__add.added::after{content:none!important;} /* brand word in header/footer */ .brand{display:inline-flex;align-items:center;gap:9px;} .brand .mark{color:var(--forest);flex:0 0 auto;} .brand__word{font:700 19px/1 var(--f-ui);letter-spacing:-.02em;color:var(--ink);} .ft__about .brand__word{color:#fff;} .ft__about .brand .mark{color:#fff;} .ft__about .brand .mark rect{fill:#fff;} .ft__about .brand .mark circle[fill="#fff"],.ft__about .brand .mark path[stroke="#fff"]{stroke:var(--forest-3);fill:var(--forest-3);} /* search overlay (not in theme.css) */ .srch{position:fixed;inset:0;z-index:120;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s;} .srch.is-open{visibility:visible;opacity:1;} .srch__bg{position:absolute;inset:0;background:rgba(16,20,24,.4);} .srch__panel{position:relative;max-width:var(--max);margin:0 auto;background:#fff;padding:clamp(18px,3vw,28px) var(--gut);box-shadow:var(--shadow);transform:translateY(-14px);transition:transform .3s var(--ease);} .srch.is-open .srch__panel{transform:none;} .srch__form{display:flex;align-items:center;gap:12px;max-width:820px;margin:0 auto;} .srch__form > .icon{width:22px;height:22px;color:var(--muted);flex:0 0 auto;} .srch__form input[type=search]{flex:1;height:54px;border:0;border-bottom:2px solid var(--line);font:400 18px var(--f-ui);background:transparent;outline:none;} .srch__form input[type=search]:focus{border-color:var(--forest);} .srch__x{background:none;border:0;cursor:pointer;color:var(--muted);padding:6px;} .srch__x .icon{width:22px;height:22px;} /* Full-width layout: #page flex must not squish #content (footer/drawer are siblings) */ #page.site{display:block!important;} #content.site-content{width:100%!important;max-width:none!important;display:block!important;} body{overflow-x:clip;} /* Gallery: no blue selection / drag highlight on images */ .gal,.gal *{-webkit-tap-highlight-color:transparent;} .gal__item,.gal__zoom{-webkit-user-select:none;user-select:none;} .gal__zoom img{-webkit-user-drag:none;user-drag:none;} .lb img{-webkit-user-drag:none;user-drag:none;} /* Filled navy buttons always white text (never on outline/light buttons) */ .pp-btn--primary,.pp-btn--primary span,.single_add_to_cart_button,.btn--add,.btn--add span,.woocommerce a.button.alt,.woocommerce button.button.alt,#place_order,.pp-paynow{color:#fff!important;} /* === Button/gallery polish v2 === */ /* Sticky buy bar button: white background, navy text (bar stays dark) */ .sbar .btn,.sbar .btn:focus{background:#fff!important;color:var(--forest)!important;box-shadow:none!important;} .sbar .btn:hover{background:#EDF2F8!important;color:var(--forest-3)!important;} /* Card quick-add: stay white text even on hover (Astra a:hover turned it blue). Desktop only — mobile round variant keeps navy icon. */ @media (hover:hover){ .pc__add,.pc__add:hover,.pc__add:focus,.pc__add:active, .pc__add span,.pc__add:hover span, .pc__add .icon,.pc__add:hover .icon{color:#fff!important;} } /* Gallery images: no blue hover/selection/focus background */ .gal__item,.gal__item--lead,.gal__item:hover,.gal__item:focus-within{background:#fff!important;} .gal__zoom,.gal__zoom:hover,.gal__zoom:focus,.gal__zoom:active,.gal__zoom:focus-visible{background:transparent!important;} .gal ::selection,.gal img::selection,.gal__zoom img::selection{background:transparent!important;} .gal__zoom img{pointer-events:none;} /* === Astra paints bare