/* ============================================================ GIFT WITH A STORY — PRODUCT PAGE SYSTEM Shared CSS Framework Version 1.0.0 PURPOSE ------------------------------------------------------------ This file is the single shared stylesheet for Gift With a Story product pages. CURRENT PRODUCTS SUPPORTED ------------------------------------------------------------ 1. The Speakeasy Breakfast Set Existing outer class: gwas-speakeasy-product 2. The Automat Mocha / Diner Mocha Existing outer class: gwas-automat-mocha-product 3. The Pennsylvania Pantry Recommended outer classes: gwas-product-page gwas-pennsylvania-pantry-product gwas-standard-bundle FUTURE PRODUCTS ------------------------------------------------------------ Recommended outer classes: gwas-product-page gwas-standard-bundle Optional unique product class: gwas-product-YOUR-SLUG IMPORTANT ------------------------------------------------------------ Product-specific behavior can still be added below the shared core without changing the visual language across the site. ============================================================ */ /* ============================================================ 01. GLOBAL DESIGN TOKENS ============================================================ */ :root { --gwas-navy: #2f3e52; --gwas-navy-dark: #1e2a38; --gwas-gold: #b08d57; --gwas-gold-light: #d5bd8d; --gwas-burgundy: #754a42; --gwas-cream: #f3ecdf; --gwas-paper: #e8dcc7; --gwas-ivory: #fcf8f1; --gwas-ink: #3c3934; --gwas-muted: #706a61; --gwas-border: rgba(47, 62, 82, 0.16); --gwas-gold-border: rgba(176, 141, 87, 0.34); --gwas-shadow: 0 18px 45px rgba(30, 42, 56, 0.09); --gwas-card-shadow: 0 5px 14px rgba(30, 42, 56, 0.035); } /* ============================================================ 02. SHARED PRODUCT WRAPPERS These aliases let the existing product pages use the same design system without rebuilding them first. ============================================================ */ .gwas-product-page, .gwas-speakeasy-product, .gwas-automat-mocha-product, .gwas-pennsylvania-pantry-product { color: var(--gwas-ink) !important; } /* Legacy variable aliases so current product modules continue to work while all new pages use the --gwas-* token names. */ .gwas-speakeasy-product { --sp-navy: var(--gwas-navy); --sp-navy-dark: var(--gwas-navy-dark); --sp-gold: var(--gwas-gold); --sp-gold-light: var(--gwas-gold-light); --sp-burgundy: var(--gwas-burgundy); --sp-cream: var(--gwas-cream); --sp-paper: var(--gwas-paper); --sp-ivory: var(--gwas-ivory); --sp-ink: var(--gwas-ink); --sp-muted: var(--gwas-muted); --sp-border: var(--gwas-border); --sp-gold-border: var(--gwas-gold-border); --sp-shadow: var(--gwas-shadow); } .gwas-automat-mocha-product { --am-navy: var(--gwas-navy); --am-navy-dark: var(--gwas-navy-dark); --am-gold: var(--gwas-gold); --am-gold-light: var(--gwas-gold-light); --am-burgundy: var(--gwas-burgundy); --am-cream: var(--gwas-cream); --am-paper: var(--gwas-paper); --am-ivory: var(--gwas-ivory); --am-ink: var(--gwas-ink); --am-muted: var(--gwas-muted); --am-border: var(--gwas-border); --am-gold-border: var(--gwas-gold-border); --am-shadow: var(--gwas-card-shadow); } /* ============================================================ 03. SHARED TYPOGRAPHY ============================================================ */ .gwas-product-page h1, .gwas-product-page h2, .gwas-product-page h3, .gwas-product-page h4, .gwas-pennsylvania-pantry-product h1, .gwas-pennsylvania-pantry-product h2, .gwas-pennsylvania-pantry-product h3, .gwas-pennsylvania-pantry-product h4 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-weight: 700; letter-spacing: -0.02em; line-height: 1.06; } .gwas-product-page p, .gwas-product-page li, .gwas-product-page label, .gwas-product-page select, .gwas-product-page input, .gwas-product-page textarea, .gwas-pennsylvania-pantry-product p, .gwas-pennsylvania-pantry-product li, .gwas-pennsylvania-pantry-product label, .gwas-pennsylvania-pantry-product select, .gwas-pennsylvania-pantry-product input, .gwas-pennsylvania-pantry-product textarea { color: var(--gwas-ink) !important; } /* ============================================================ 04. UNIVERSAL PRODUCT INTRO Used by Automat Mocha and Pennsylvania Pantry now. Recommended for all new product pages. HTML classes: gwas-product-intro gwas-product-eyebrow gwas-product-lead ============================================================ */ .gwas-product-intro { margin-bottom: 22px; } .gwas-product-eyebrow { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.17em; line-height: 1.4 !important; margin: 0 0 22px !important; text-transform: uppercase; } .gwas-product-intro h1 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp(48px, 5vw, 72px) !important; font-weight: 700 !important; letter-spacing: -0.025em; line-height: 1 !important; margin: 0 0 23px !important; text-transform: uppercase; } .gwas-product-lead { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 18px !important; line-height: 1.72 !important; margin: 0 0 30px !important; max-width: 760px; } /* ============================================================ 05. UNIVERSAL PRODUCT PRICE ============================================================ */ .gwas-product-page .price, .gwas-product-page .woocommerce-Price-amount, .gwas-pennsylvania-pantry-product .price, .gwas-pennsylvania-pantry-product .woocommerce-Price-amount { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-weight: 700 !important; } .gwas-product-page > .price, .gwas-pennsylvania-pantry-product > .price { font-size: 34px !important; line-height: 1 !important; margin: 22px 0 5px !important; } /* ============================================================ 06. UNIVERSAL "INSIDE THE GIFT" Recommended HTML classes: gwas-product-includes gwas-product-includes-heading gwas-product-includes-grid gwas-product-includes-number gwas-product-also-included ============================================================ */ .gwas-product-includes { background: var(--gwas-ivory) !important; border-left: 4px solid var(--gwas-gold); margin: 28px 0 30px; padding: 27px; } .gwas-product-includes-heading { border-bottom: 1px solid var(--gwas-border); margin-bottom: 19px; padding-bottom: 17px; } .gwas-product-includes-heading > span { color: var(--gwas-gold) !important; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.14em; margin-bottom: 5px; text-transform: uppercase; } .gwas-product-includes-heading strong { color: var(--gwas-navy-dark) !important; display: block; font-family: "Cormorant Garamond", Georgia, serif; font-size: 22px; font-weight: 700; line-height: 1.25; } .gwas-product-includes-grid { display: grid; gap: 9px; } .gwas-product-includes-grid > div { align-items: start; display: grid; gap: 12px; grid-template-columns: 27px 1fr; } .gwas-product-includes-number, .gwas-product-includes-mark { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: 700; letter-spacing: 0.1em; padding-top: 3px; } .gwas-product-includes-grid p { color: var(--gwas-muted) !important; font-family: Georgia, serif; font-size: 13px; line-height: 1.5; margin: 0; } .gwas-product-includes-grid strong { color: var(--gwas-navy-dark) !important; display: block; font-size: 14px; font-weight: 700; } .gwas-product-also-included { border-top: 1px solid var(--gwas-border); margin-top: 20px; padding-top: 17px; } .gwas-product-also-included span { color: var(--gwas-burgundy) !important; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: 700; letter-spacing: 0.12em; margin-bottom: 5px; text-transform: uppercase; } .gwas-product-also-included p { color: var(--gwas-muted) !important; font-family: Georgia, serif; font-size: 13px; line-height: 1.55; margin: 0; } /* ============================================================ 07. UNIVERSAL PURCHASE COLUMN / CARD Future pages: add gwas-product-buy-column to the PageLayer purchase column. ============================================================ */ .gwas-product-buy-column { background: var(--gwas-cream) !important; border: 1px solid var(--gwas-gold-border) !important; box-shadow: var(--gwas-shadow) !important; padding: 38px 38px 42px !important; position: relative; } .gwas-product-buy-column::before { background: var(--gwas-gold) !important; content: ""; height: 4px; left: -1px; position: absolute; right: -1px; top: -1px; } /* ============================================================ 08. UNIVERSAL BUILDER INTRO Recommended HTML: gwas-product-builder gwas-product-builder-heading gwas-product-builder-eyebrow gwas-product-builder-lead ============================================================ */ .gwas-product-builder { margin-bottom: 18px; } .gwas-product-builder-heading { border-top: 1px solid var(--gwas-border); padding-top: 38px; } .gwas-product-builder-eyebrow { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.15em; line-height: 1.4 !important; margin: 0 0 12px !important; text-transform: uppercase; } .gwas-product-builder-heading h2 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 39px !important; font-weight: 700 !important; letter-spacing: -0.025em; line-height: 1.05 !important; margin: 0 0 19px !important; } .gwas-product-builder-lead { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 15px !important; line-height: 1.7 !important; margin: 0 !important; max-width: 620px; } /* ============================================================ 09. UNIVERSAL CONFIGURATOR PANEL Add gwas-product-cart-card to the PageLayer INNER ROW that contains both the builder HTML and the Woo Add-to-Cart widget. ============================================================ */ .gwas-product-cart-card { background: var(--gwas-cream) !important; border: 1px solid var(--gwas-gold-border) !important; box-shadow: var(--gwas-shadow) !important; padding: 38px 38px 42px !important; position: relative !important; } .gwas-product-cart-card::before { background: var(--gwas-gold) !important; content: ""; height: 4px; left: -1px; position: absolute; right: -1px; top: -1px; z-index: 5; } .gwas-product-cart-card > div, .gwas-product-cart-card .pagelayer-col-holder, .gwas-product-cart-card .pagelayer-ele-link { background: transparent !important; } /* ============================================================ 10. STANDARD WOOCOMMERCE PRODUCT BUNDLE Add gwas-standard-bundle to the outer product row for conventional bundles such as The Pennsylvania Pantry. This is intentionally separate from the Breakfast Set's special Coffee-or-Tea behavior. ============================================================ */ .gwas-standard-bundle .bundle_form, .gwas-pennsylvania-pantry-product .bundle_form { margin-top: 20px; } /* Remove Product / Quantity table headings. */ .gwas-standard-bundle .bundle_form table.bundled_products > thead, .gwas-standard-bundle .bundle_form table.bundled_products > thead > tr, .gwas-standard-bundle .bundle_form table.bundled_products > thead th, .gwas-standard-bundle .bundled_products .bundled_product_summary_head, .gwas-standard-bundle .bundled_products .bundled_item_qty_head, .gwas-standard-bundle .bundled_products .bundled_item_qty_col_heading, .gwas-pennsylvania-pantry-product .bundle_form table.bundled_products > thead, .gwas-pennsylvania-pantry-product .bundle_form table.bundled_products > thead > tr, .gwas-pennsylvania-pantry-product .bundle_form table.bundled_products > thead th { display: none !important; } .gwas-standard-bundle .bundle_form table.bundled_products, .gwas-pennsylvania-pantry-product .bundle_form table.bundled_products { border: 0 !important; border-collapse: separate !important; border-spacing: 0 15px !important; margin: 0 !important; width: 100% !important; } /* Remove unused Product Bundles image / quantity columns. */ .gwas-standard-bundle .bundle_form .bundled_item_images_col, .gwas-standard-bundle .bundle_form .bundled_item_qty_col, .gwas-pennsylvania-pantry-product .bundle_form .bundled_item_images_col, .gwas-pennsylvania-pantry-product .bundle_form .bundled_item_qty_col { display: none !important; width: 0 !important; } /* Standard bundle item card. */ .gwas-standard-bundle .bundle_form .bundled_item_details_col, .gwas-pennsylvania-pantry-product .bundle_form .bundled_item_details_col { background: var(--gwas-ivory) !important; border: 1px solid var(--gwas-border) !important; box-shadow: var(--gwas-card-shadow) !important; max-width: none !important; padding: 27px 27px 24px 56px !important; position: relative; width: 100% !important; } /* Step badges. */ .gwas-standard-bundle .bundle_form table.bundled_products tbody > tr.bundled_product > .bundled_item_details_col::before, .gwas-pennsylvania-pantry-product .bundle_form table.bundled_products tbody > tr.bundled_product > .bundled_item_details_col::before { align-items: center; background: var(--gwas-navy) !important; color: #ffffff !important; display: flex; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; height: 38px; justify-content: center; left: -11px; letter-spacing: 0.1em; position: absolute; top: 27px; width: 38px; z-index: 2; } .gwas-standard-bundle .bundled_products tbody > tr.bundled_product:nth-child(1) > .bundled_item_details_col::before, .gwas-pennsylvania-pantry-product .bundled_products tbody > tr.bundled_product:nth-child(1) > .bundled_item_details_col::before { content: "01"; } .gwas-standard-bundle .bundled_products tbody > tr.bundled_product:nth-child(2) > .bundled_item_details_col::before, .gwas-pennsylvania-pantry-product .bundled_products tbody > tr.bundled_product:nth-child(2) > .bundled_item_details_col::before { content: "02"; } .gwas-standard-bundle .bundled_products tbody > tr.bundled_product:nth-child(3) > .bundled_item_details_col::before, .gwas-pennsylvania-pantry-product .bundled_products tbody > tr.bundled_product:nth-child(3) > .bundled_item_details_col::before { content: "03"; } .gwas-standard-bundle .bundled_products tbody > tr.bundled_product:nth-child(4) > .bundled_item_details_col::before, .gwas-pennsylvania-pantry-product .bundled_products tbody > tr.bundled_product:nth-child(4) > .bundled_item_details_col::before { content: "04"; } .gwas-standard-bundle .bundled_products tbody > tr.bundled_product:nth-child(5) > .bundled_item_details_col::before, .gwas-pennsylvania-pantry-product .bundled_products tbody > tr.bundled_product:nth-child(5) > .bundled_item_details_col::before { content: "05"; } .gwas-standard-bundle .bundled_products tbody > tr.bundled_product:nth-child(6) > .bundled_item_details_col::before, .gwas-pennsylvania-pantry-product .bundled_products tbody > tr.bundled_product:nth-child(6) > .bundled_item_details_col::before { content: "06"; } .gwas-standard-bundle .bundled_products tbody > tr.bundled_product:nth-child(7) > .bundled_item_details_col::before, .gwas-pennsylvania-pantry-product .bundled_products tbody > tr.bundled_product:nth-child(7) > .bundled_item_details_col::before { content: "07"; } .gwas-standard-bundle .bundled_products tbody > tr.bundled_product:nth-child(8) > .bundled_item_details_col::before, .gwas-pennsylvania-pantry-product .bundled_products tbody > tr.bundled_product:nth-child(8) > .bundled_item_details_col::before { content: "08"; } /* Bundle title. */ .gwas-standard-bundle .bundled_product_title, .gwas-pennsylvania-pantry-product .bundled_product_title { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.1 !important; margin: 0 0 8px !important; } /* Bundle description. */ .gwas-standard-bundle .bundled_product_excerpt, .gwas-standard-bundle .bundled_product_excerpt p, .gwas-pennsylvania-pantry-product .bundled_product_excerpt, .gwas-pennsylvania-pantry-product .bundled_product_excerpt p { color: var(--gwas-muted) !important; font-family: Georgia, serif; font-size: 13px !important; line-height: 1.6 !important; } /* Variation labels. */ .gwas-standard-bundle .bundle_form label, .gwas-pennsylvania-pantry-product .bundle_form label { color: var(--gwas-navy-dark) !important; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } /* Variation table. */ .gwas-standard-bundle .bundle_form table.variations, .gwas-pennsylvania-pantry-product .bundle_form table.variations { border: 0 !important; margin: 18px 0 0 !important; width: 100% !important; } .gwas-standard-bundle .bundle_form .variations .label, .gwas-pennsylvania-pantry-product .bundle_form .variations .label { display: block !important; padding: 0 0 8px !important; width: 100% !important; } .gwas-standard-bundle .bundle_form .variations .value, .gwas-pennsylvania-pantry-product .bundle_form .variations .value { display: block !important; padding: 0 !important; width: 100% !important; } /* Fields. */ .gwas-standard-bundle .bundle_form select, .gwas-standard-bundle .bundle_form input[type="text"], .gwas-standard-bundle .bundle_form textarea, .gwas-pennsylvania-pantry-product .bundle_form select, .gwas-pennsylvania-pantry-product .bundle_form input[type="text"], .gwas-pennsylvania-pantry-product .bundle_form textarea { background: #ffffff !important; border: 1px solid rgba(47, 62, 82, 0.23) !important; border-radius: 2px !important; box-shadow: none !important; color: var(--gwas-ink) !important; font-family: Georgia, serif; font-size: 15px; min-height: 50px; padding: 10px 13px; width: 100% !important; } .gwas-standard-bundle .bundle_form select:focus, .gwas-standard-bundle .bundle_form input[type="text"]:focus, .gwas-standard-bundle .bundle_form textarea:focus, .gwas-pennsylvania-pantry-product .bundle_form select:focus, .gwas-pennsylvania-pantry-product .bundle_form input[type="text"]:focus, .gwas-pennsylvania-pantry-product .bundle_form textarea:focus { border-color: var(--gwas-gold) !important; box-shadow: none !important; outline: none !important; } /* Clear / reset link. */ .gwas-standard-bundle .reset_variations, .gwas-pennsylvania-pantry-product .reset_variations { color: var(--gwas-burgundy) !important; display: inline-block !important; font-family: Arial, Helvetica, sans-serif; font-size: 8px !important; font-weight: 700; letter-spacing: 0.1em; margin-top: 10px !important; text-transform: uppercase; } .gwas-standard-bundle .reset_variations:hover, .gwas-pennsylvania-pantry-product .reset_variations:hover { color: var(--gwas-gold) !important; } /* Remove individual bundled product permalink icon / title link. Maker/story links should live in Meet the Makers instead. */ .gwas-product-page .bundled_product_permalink, .gwas-standard-bundle .bundled_product_permalink, .gwas-pennsylvania-pantry-product .bundled_product_permalink, .gwas-automat-mocha-product .bundled_product_permalink { display: none !important; } .gwas-product-page .bundled_product_title a, .gwas-standard-bundle .bundled_product_title a, .gwas-pennsylvania-pantry-product .bundled_product_title a, .gwas-automat-mocha-product .bundled_product_title a { color: var(--gwas-navy-dark) !important; cursor: default !important; pointer-events: none !important; text-decoration: none !important; } .gwas-product-page .bundled_product_title a::before, .gwas-product-page .bundled_product_title a::after, .gwas-standard-bundle .bundled_product_title a::before, .gwas-standard-bundle .bundled_product_title a::after, .gwas-pennsylvania-pantry-product .bundled_product_title a::before, .gwas-pennsylvania-pantry-product .bundled_product_title a::after, .gwas-automat-mocha-product .bundled_product_title a::before, .gwas-automat-mocha-product .bundled_product_title a::after { content: none !important; display: none !important; } /* Hide bundled quantities. */ .gwas-product-page .bundled_product .quantity, .gwas-standard-bundle .bundled_product .quantity, .gwas-standard-bundle .bundled_item_qty_col, .gwas-standard-bundle .bundled_item_quantity, .gwas-pennsylvania-pantry-product .bundled_product .quantity, .gwas-pennsylvania-pantry-product .bundled_item_qty_col, .gwas-pennsylvania-pantry-product .bundled_item_quantity { display: none !important; } /* ============================================================ 11. UNIVERSAL FINAL BUNDLE PRICE / ADD TO CART ============================================================ */ .gwas-product-page .bundle_price, .gwas-standard-bundle .bundle_price, .gwas-pennsylvania-pantry-product .bundle_price { border-top: 1px solid var(--gwas-border); margin-top: 28px !important; padding-top: 22px; text-align: center; } .gwas-product-page .bundle_price .price, .gwas-product-page .bundle_price .woocommerce-Price-amount, .gwas-standard-bundle .bundle_price .price, .gwas-standard-bundle .bundle_price .woocommerce-Price-amount, .gwas-pennsylvania-pantry-product .bundle_price .price, .gwas-pennsylvania-pantry-product .bundle_price .woocommerce-Price-amount { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.1 !important; } .gwas-product-page .bundle_button, .gwas-standard-bundle .bundle_button, .gwas-pennsylvania-pantry-product .bundle_button { background: var(--gwas-paper) !important; border: 1px solid var(--gwas-gold-border) !important; border-top: 4px solid var(--gwas-gold) !important; clear: both; margin: 28px 0 0 !important; padding: 26px 30px 30px !important; } .gwas-product-page .bundle_button .quantity, .gwas-standard-bundle .bundle_button .quantity, .gwas-pennsylvania-pantry-product .bundle_button .quantity { display: none !important; } .gwas-product-page .single_add_to_cart_button, .gwas-product-page .bundle_add_to_cart_button, .gwas-standard-bundle .single_add_to_cart_button, .gwas-standard-bundle .bundle_add_to_cart_button, .gwas-pennsylvania-pantry-product .single_add_to_cart_button, .gwas-pennsylvania-pantry-product .bundle_add_to_cart_button { background: var(--gwas-gold) !important; border: 1px solid var(--gwas-gold) !important; border-radius: 2px !important; box-shadow: 0 6px 16px rgba(176, 141, 87, 0.20) !important; color: #ffffff !important; display: block; float: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; line-height: 1.2 !important; margin: 17px 0 0 !important; min-height: 55px; padding: 17px 28px !important; text-align: center; text-transform: uppercase !important; width: 100% !important; } .gwas-product-page .single_add_to_cart_button:hover, .gwas-product-page .bundle_add_to_cart_button:hover, .gwas-standard-bundle .single_add_to_cart_button:hover, .gwas-standard-bundle .bundle_add_to_cart_button:hover, .gwas-pennsylvania-pantry-product .single_add_to_cart_button:hover, .gwas-pennsylvania-pantry-product .bundle_add_to_cart_button:hover { background: var(--gwas-navy) !important; border-color: var(--gwas-navy) !important; color: #ffffff !important; } /* ============================================================ 12. UNIVERSAL WOOCOMMERCE NOTICES ============================================================ */ .gwas-product-page .woocommerce-error, .gwas-product-page .woocommerce-message, .gwas-product-page .woocommerce-info, .gwas-pennsylvania-pantry-product .woocommerce-error, .gwas-pennsylvania-pantry-product .woocommerce-message, .gwas-pennsylvania-pantry-product .woocommerce-info { background: var(--gwas-ivory) !important; border: 0 !important; border-left: 4px solid var(--gwas-gold) !important; border-radius: 0 !important; color: var(--gwas-ink) !important; font-family: Georgia, serif !important; font-size: 14px !important; line-height: 1.55 !important; list-style: none !important; margin: 0 0 18px !important; padding: 18px 20px !important; } .gwas-product-page .woocommerce-error, .gwas-pennsylvania-pantry-product .woocommerce-error { background: #f7eee8 !important; border-left-color: var(--gwas-burgundy) !important; } .gwas-product-page .woocommerce-info, .gwas-pennsylvania-pantry-product .woocommerce-info { border-left-color: var(--gwas-navy) !important; } .gwas-product-page .woocommerce-error::before, .gwas-product-page .woocommerce-message::before, .gwas-product-page .woocommerce-info::before, .gwas-pennsylvania-pantry-product .woocommerce-error::before, .gwas-pennsylvania-pantry-product .woocommerce-message::before, .gwas-pennsylvania-pantry-product .woocommerce-info::before { content: none !important; display: none !important; } /* ============================================================ 13. UNIVERSAL MEET THE MAKERS Future HTML class names: gwas-product-makers gwas-product-makers-heading gwas-product-maker-eyebrow gwas-product-maker gwas-product-maker-number gwas-product-maker-kicker gwas-product-maker-copy gwas-product-makers-story ============================================================ */ .gwas-product-makers { background: transparent !important; border: 0 !important; border-top: 1px solid rgba(47, 62, 82, 0.18) !important; margin-top: 38px !important; padding: 34px 8px 0 !important; } .gwas-product-makers-heading { border-bottom: 1px solid var(--gwas-border) !important; margin-bottom: 5px !important; padding-bottom: 25px !important; } .gwas-product-maker-eyebrow, .gwas-product-maker-kicker { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.15em !important; line-height: 1.4 !important; text-transform: uppercase !important; } .gwas-product-maker-eyebrow { margin: 0 0 9px !important; } .gwas-product-maker-kicker { margin: 0 0 7px !important; } .gwas-product-makers-heading h2 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 38px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; line-height: 1.05 !important; margin: 0 0 13px !important; } .gwas-product-makers-heading > p:not(.gwas-product-maker-eyebrow) { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 14px !important; line-height: 1.65 !important; margin: 0 !important; } .gwas-product-maker { align-items: start !important; border-bottom: 1px solid var(--gwas-border) !important; display: grid !important; gap: 17px !important; grid-template-columns: 32px 1fr !important; padding: 25px 0 !important; } .gwas-product-maker-number { align-items: center !important; border: 1px solid var(--gwas-gold) !important; color: var(--gwas-gold) !important; display: flex !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; height: 32px !important; justify-content: center !important; letter-spacing: 0.08em !important; width: 32px !important; } .gwas-product-maker-copy h3 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 25px !important; font-weight: 700 !important; line-height: 1.1 !important; margin: 0 0 8px !important; } .gwas-product-maker-copy > p:not(.gwas-product-maker-kicker) { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.6 !important; margin: 0 0 12px !important; } .gwas-product-maker-copy a { color: var(--gwas-burgundy) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-decoration: none !important; text-transform: uppercase !important; } .gwas-product-maker-copy a:hover { color: var(--gwas-gold) !important; } .gwas-product-makers-story { background: var(--gwas-cream) !important; border-left: 3px solid var(--gwas-gold) !important; margin-top: 26px !important; padding: 19px 20px !important; } .gwas-product-makers-story span { color: var(--gwas-burgundy) !important; display: block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; margin-bottom: 5px !important; text-transform: uppercase !important; } .gwas-product-makers-story p { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.55 !important; margin: 0 !important; } /* ============================================================ 14. AUTOMAT MOCHA — CURRENT PAGE HELPERS These are intentionally self-contained because PageLayer may place the maker HTML outside the main product wrapper. ============================================================ */ /* Unified builder + cart panel. */ .gwas-am-cart-card { background: var(--gwas-cream) !important; border: 1px solid var(--gwas-gold-border) !important; box-shadow: var(--gwas-shadow) !important; padding: 38px 38px 42px !important; position: relative !important; } .gwas-am-cart-card::before { background: var(--gwas-gold) !important; content: ""; height: 4px; left: -1px; position: absolute; right: -1px; top: -1px; z-index: 5; } .gwas-am-cart-card > div, .gwas-am-cart-card .pagelayer-col-holder, .gwas-am-cart-card .pagelayer-ele-link { background: transparent !important; } .gwas-am-cart-card .bundle_form, .gwas-am-cart-card table.bundled_products { margin-top: 0 !important; } /* Automat builder intro. */ .gwas-am-builder { margin: 0 0 28px !important; } .gwas-am-builder-heading { border-top: 1px solid var(--gwas-border); padding-top: 38px; } .gwas-am-eyebrow { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.15em; line-height: 1.4 !important; margin: 0 0 12px !important; text-transform: uppercase; } .gwas-am-builder-heading h2 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 39px !important; font-weight: 700 !important; letter-spacing: -0.025em; line-height: 1.05 !important; margin: 0 0 19px !important; } .gwas-am-builder-lead { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 15px !important; line-height: 1.7 !important; margin: 0 !important; } /* Keep Horn & Hardart visible if the Breakfast JS/CSS has left a stale gwas-bundle-coffee class on this product. */ .gwas-automat-mocha-product .gwas-bundle-coffee { display: table-row !important; } .gwas-automat-mocha-product .gwas-bundle-coffee .bundled_item_details_col { display: block !important; } /* Automat Meet the Makers — current unique HTML class aliases. */ .gwas-am-makers { background: transparent !important; border: 0 !important; border-top: 1px solid rgba(47, 62, 82, 0.18) !important; margin-top: 38px !important; padding: 34px 8px 0 !important; } .gwas-am-makers-heading { border-bottom: 1px solid var(--gwas-border) !important; margin-bottom: 5px !important; padding-bottom: 25px !important; } .gwas-am-maker-eyebrow, .gwas-am-maker-kicker { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.15em !important; line-height: 1.4 !important; text-transform: uppercase !important; } .gwas-am-maker-eyebrow { margin: 0 0 9px !important; } .gwas-am-maker-kicker { margin: 0 0 7px !important; } .gwas-am-makers-heading h2 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 38px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; line-height: 1.05 !important; margin: 0 0 13px !important; } .gwas-am-makers-heading > p:not(.gwas-am-maker-eyebrow) { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 14px !important; line-height: 1.65 !important; margin: 0 !important; } .gwas-am-maker { align-items: start !important; border-bottom: 1px solid var(--gwas-border) !important; display: grid !important; gap: 17px !important; grid-template-columns: 32px 1fr !important; padding: 25px 0 !important; } .gwas-am-maker-number { align-items: center !important; border: 1px solid var(--gwas-gold) !important; color: var(--gwas-gold) !important; display: flex !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; height: 32px !important; justify-content: center !important; letter-spacing: 0.08em !important; width: 32px !important; } .gwas-am-maker-copy h3 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 25px !important; font-weight: 700 !important; line-height: 1.1 !important; margin: 0 0 8px !important; } .gwas-am-maker-copy > p:not(.gwas-am-maker-kicker) { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.6 !important; margin: 0 0 12px !important; } .gwas-am-maker-copy a { color: var(--gwas-burgundy) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-decoration: none !important; text-transform: uppercase !important; } .gwas-am-maker-copy a:hover { color: var(--gwas-gold) !important; } .gwas-am-makers-story { background: var(--gwas-cream) !important; border-left: 3px solid var(--gwas-gold) !important; margin-top: 26px !important; padding: 19px 20px !important; } .gwas-am-makers-story span { color: var(--gwas-burgundy) !important; display: block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; margin-bottom: 5px !important; text-transform: uppercase !important; } .gwas-am-makers-story p { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.55 !important; margin: 0 !important; } /* ============================================================ 15. RESPONSIVE SHARED RULES ============================================================ */ @media (max-width: 1024px) { .gwas-product-intro h1 { font-size: 50px !important; } .gwas-product-builder-heading h2, .gwas-am-builder-heading h2 { font-size: 35px !important; } } @media (max-width: 767px) { .gwas-product-buy-column, .gwas-product-cart-card, .gwas-am-cart-card { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } .gwas-product-buy-column::before, .gwas-product-cart-card::before, .gwas-am-cart-card::before { display: none !important; } .gwas-product-intro h1 { font-size: 44px !important; line-height: 0.97 !important; } .gwas-product-lead { font-size: 16px !important; line-height: 1.65 !important; } .gwas-product-includes { padding: 23px 20px; } .gwas-standard-bundle .bundle_form .bundled_item_details_col, .gwas-pennsylvania-pantry-product .bundle_form .bundled_item_details_col { padding: 24px 18px 20px 48px !important; } .gwas-standard-bundle .bundle_form table.bundled_products tbody > tr.bundled_product > .bundled_item_details_col::before, .gwas-pennsylvania-pantry-product .bundle_form table.bundled_products tbody > tr.bundled_product > .bundled_item_details_col::before { left: -8px; top: 24px; } .gwas-standard-bundle .bundle_button, .gwas-pennsylvania-pantry-product .bundle_button { padding: 23px 20px 26px !important; } .gwas-product-makers, .gwas-am-makers { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 430px) { .gwas-product-intro h1 { font-size: 40px !important; } .gwas-product-maker, .gwas-am-maker { gap: 13px !important; grid-template-columns: 30px 1fr !important; } .gwas-product-maker-number, .gwas-am-maker-number { height: 30px !important; width: 30px !important; } } /* ============================================================ END SHARED CORE ============================================================ */ /* ============================================================ PRODUCT MODULE: SPEAKEASY BREAKFAST SET Preserved from the current working production stylesheet. ============================================================ */ /* ============================================================ GIFT WITH A STORY THE SPEAKEASY BREAKFAST SET PageLayer + WooCommerce Product Bundles PageLayer Classes: ------------------------------------------------------------ Main product area / outer row: gwas-speakeasy-product Right purchase column: gwas-sp-buy-column Meet the Makers HTML is placed below the product image in the LEFT PageLayer column. ============================================================ */ /* SCOPE NOTE: All Breakfast-specific helper classes are intentionally contained beneath .gwas-speakeasy-product. This prevents Coffee / Tea hiding and bundle styling from affecting The Automat Mocha or future gift-set pages. */ /* ============================================================ 01. COLOR SYSTEM ============================================================ */ .gwas-speakeasy-product { --sp-navy: #2f3e52; --sp-navy-dark: #1e2a38; --sp-gold: #b08d57; --sp-gold-light: #d5bd8d; --sp-burgundy: #754a42; --sp-cream: #f3ecdf; --sp-paper: #e8dcc7; --sp-ivory: #fcf8f1; --sp-ink: #3c3934; --sp-muted: #706a61; --sp-border: rgba( 47, 62, 82, 0.16 ); --sp-gold-border: rgba( 176, 141, 87, 0.34 ); --sp-shadow: 0 18px 45px rgba( 30, 42, 56, 0.09 ); color: var(--sp-ink) !important; } /* ============================================================ 02. GLOBAL TYPOGRAPHY ============================================================ */ .gwas-speakeasy-product, .gwas-speakeasy-product p, .gwas-speakeasy-product li, .gwas-speakeasy-product label, .gwas-speakeasy-product select, .gwas-speakeasy-product input, .gwas-speakeasy-product textarea { color: var(--sp-ink) !important; } .gwas-speakeasy-product h1, .gwas-speakeasy-product h2, .gwas-speakeasy-product h3, .gwas-speakeasy-product h4 { color: var(--sp-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.06; } .gwas-speakeasy-product a { color: var(--sp-burgundy) !important; } .gwas-speakeasy-product a:hover { color: var(--sp-gold) !important; } /* ============================================================ 03. SMALL EYEBROW HEADINGS ============================================================ */ .gwas-speakeasy-product .gwas-sp-eyebrow, .gwas-speakeasy-product .gwas-sp-option-kicker, .gwas-speakeasy-product .gwas-sp-maker-kicker { color: var(--sp-gold) !important; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.15em; line-height: 1.4; margin: 0 0 9px !important; text-transform: uppercase; } /* ============================================================ 04. RIGHT PURCHASE / CONFIGURATOR COLUMN Add this PageLayer class to the RIGHT column: gwas-sp-buy-column ============================================================ */ .gwas-speakeasy-product .gwas-sp-buy-column { background: var(--sp-cream); border: 1px solid var(--sp-gold-border); box-shadow: var(--sp-shadow); padding: 38px 38px 42px; position: relative; } .gwas-speakeasy-product .gwas-sp-buy-column::before { background: var(--sp-gold); content: ""; height: 4px; left: -1px; position: absolute; right: -1px; top: -1px; } /* ============================================================ 05. PRODUCT INTRO ============================================================ */ .gwas-speakeasy-product .gwas-sp-product-intro { margin-bottom: 25px; } .gwas-speakeasy-product .gwas-sp-product-intro h1 { color: var(--sp-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp( 48px, 5vw, 72px ); font-weight: 700; letter-spacing: -0.025em; line-height: 1; margin: 0 0 23px; } .gwas-speakeasy-product .gwas-sp-lead { color: var(--sp-muted) !important; font-family: Georgia, serif; font-size: 18px; line-height: 1.72; margin: 0 0 30px; } /* ============================================================ 06. INSIDE THE GIFT ============================================================ */ .gwas-speakeasy-product .gwas-sp-includes { background: var(--sp-ivory); border-left: 4px solid var(--sp-gold); margin-top: 28px; padding: 27px; } .gwas-speakeasy-product .gwas-sp-includes-heading { border-bottom: 1px solid var(--sp-border); margin-bottom: 19px; padding-bottom: 17px; } .gwas-speakeasy-product .gwas-sp-includes-heading > span { color: var(--sp-gold) !important; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.14em; margin-bottom: 5px; text-transform: uppercase; } .gwas-speakeasy-product .gwas-sp-includes-heading strong { color: var(--sp-navy-dark) !important; display: block; font-family: "Cormorant Garamond", Georgia, serif; font-size: 22px; font-weight: 700; line-height: 1.25; } .gwas-speakeasy-product .gwas-sp-includes-grid { display: grid; gap: 9px; } .gwas-speakeasy-product .gwas-sp-includes-grid > div { align-items: start; display: grid; gap: 12px; grid-template-columns: 27px 1fr; } .gwas-speakeasy-product .gwas-sp-includes-mark { color: var(--sp-gold) !important; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: 700; letter-spacing: 0.1em; padding-top: 3px; } .gwas-speakeasy-product .gwas-sp-includes-grid p { color: var(--sp-muted) !important; font-family: Georgia, serif; font-size: 13px; line-height: 1.5; margin: 0; } .gwas-speakeasy-product .gwas-sp-includes-grid strong { color: var(--sp-navy-dark) !important; display: block; font-size: 14px; font-weight: 700; } .gwas-speakeasy-product .gwas-sp-story-included { border-top: 1px solid var(--sp-border); margin-top: 20px; padding-top: 17px; } .gwas-speakeasy-product .gwas-sp-story-included span { color: var(--sp-burgundy) !important; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: 700; letter-spacing: 0.12em; margin-bottom: 5px; text-transform: uppercase; } .gwas-speakeasy-product .gwas-sp-story-included p { color: var(--sp-muted) !important; font-size: 13px; line-height: 1.55; margin: 0; } /* ============================================================ 07. PRODUCT PRICE ============================================================ */ .gwas-speakeasy-product .price, .gwas-speakeasy-product .woocommerce-Price-amount, .gwas-speakeasy-product .amount { color: var(--sp-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-weight: 700 !important; } .gwas-speakeasy-product .price { font-size: 34px !important; line-height: 1 !important; margin: 22px 0 5px !important; } /* ============================================================ 08. BUNDLE FORM ============================================================ */ .gwas-speakeasy-product .bundle_form { margin-top: 28px; } /* ============================================================ 09. REMOVE PRODUCT / QUANTITY HEADINGS ============================================================ */ .gwas-speakeasy-product .bundle_form table.bundled_products > thead, .gwas-speakeasy-product .bundle_form table.bundled_products > thead > tr, .gwas-speakeasy-product .bundle_form table.bundled_products > thead th { display: none !important; } /* additional Woo/Product Bundles heading selectors */ .gwas-speakeasy-product .bundled_products .bundled_product_summary_head, .gwas-speakeasy-product .bundled_products .bundled_item_qty_head, .gwas-speakeasy-product .bundled_products .bundled_item_qty_col_heading { display: none !important; } /* ============================================================ 10. BUNDLE TABLE ============================================================ */ .gwas-speakeasy-product .bundle_form table.bundled_products { border: 0 !important; border-collapse: separate !important; border-spacing: 0 15px !important; margin: 0 !important; width: 100%; } /* ============================================================ 11. BUILDER INTRO ============================================================ */ .gwas-speakeasy-product .gwas-sp-builder { margin-bottom: 18px; } .gwas-speakeasy-product .gwas-sp-builder-heading { border-top: 1px solid var(--sp-border); padding-top: 38px; } .gwas-speakeasy-product .gwas-sp-builder-heading h2 { color: var(--sp-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 39px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.05; margin: 0 0 14px; } .gwas-speakeasy-product .gwas-sp-builder-heading > p:not(.gwas-sp-eyebrow) { color: var(--sp-muted) !important; font-size: 15px; line-height: 1.65; } /* ============================================================ 12. CUSTOMIZATION STEP CARD ============================================================ */ .gwas-speakeasy-product .gwas-sp-step { background: var(--sp-ivory); border: 1px solid var(--sp-border); box-shadow: 0 5px 14px rgba( 30, 42, 56, 0.035 ); margin-top: 26px; padding: 28px; position: relative; } .gwas-speakeasy-product .gwas-sp-step-number { align-items: center; background: var(--sp-navy); color: #ffffff !important; display: flex; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; height: 38px; justify-content: center; left: -11px; letter-spacing: 0.1em; position: absolute; top: 25px; width: 38px; } .gwas-speakeasy-product .gwas-sp-step-heading { margin-bottom: 22px; margin-left: 18px; } .gwas-speakeasy-product .gwas-sp-step-heading > p { color: var(--sp-gold) !important; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.13em; margin: 0 0 5px; text-transform: uppercase; } .gwas-speakeasy-product .gwas-sp-step-heading h3 { color: var(--sp-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 29px; font-weight: 700; margin: 0 0 7px; } .gwas-speakeasy-product .gwas-sp-step-heading > span { color: var(--sp-muted) !important; font-size: 13px; } /* ============================================================ 13. COFFEE / TEA CHOICE ============================================================ */ .gwas-speakeasy-product .gwas-sp-cup-options { display: grid; gap: 14px; grid-template-columns: repeat( 2, minmax(0, 1fr) ); } .gwas-speakeasy-product .gwas-sp-cup-choice { background: #ffffff; border: 2px solid var(--sp-border); cursor: pointer; display: flex; flex-direction: column; font-family: Georgia, serif; min-height: 205px; padding: 23px; text-align: left; transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .gwas-speakeasy-product .gwas-sp-cup-choice:hover { border-color: rgba( 176, 141, 87, 0.55 ); transform: translateY(-2px); } .gwas-speakeasy-product .gwas-sp-cup-choice.is-selected { background: #ffffff; border-color: var(--sp-gold); box-shadow: 0 10px 25px rgba( 30, 42, 56, 0.08 ); } .gwas-speakeasy-product .gwas-sp-cup-type { color: var(--sp-gold) !important; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.14em; margin-bottom: 13px; text-transform: uppercase; } .gwas-speakeasy-product .gwas-sp-cup-choice strong { color: var(--sp-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 25px; line-height: 1.15; margin-bottom: 10px; } .gwas-speakeasy-product .gwas-sp-cup-choice small { color: var(--sp-muted) !important; font-family: Georgia, serif; font-size: 13px; line-height: 1.5; } .gwas-speakeasy-product .gwas-sp-cup-select { border-top: 1px solid var(--sp-border); color: var(--sp-burgundy) !important; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: 700; letter-spacing: 0.12em; margin-top: auto; padding-top: 14px; text-transform: uppercase; } .gwas-speakeasy-product .gwas-sp-cup-choice.is-selected .gwas-speakeasy-product .gwas-sp-cup-select { color: var(--sp-gold) !important; } /* ============================================================ 14. CUSTOM MORNING CUP VALIDATION ============================================================ */ .gwas-speakeasy-product .gwas-sp-cup-error { background: #f7eee8; border-left: 4px solid var(--sp-burgundy); color: var(--sp-burgundy) !important; font-family: Georgia, serif; font-size: 13px; font-weight: 700; line-height: 1.55; margin-top: 14px; padding: 14px 16px; } /* ============================================================ 15. BUNDLED PRODUCT CARDS ============================================================ */ .gwas-speakeasy-product .gwas-speakeasy-product .gwas-sp-bundle-item { background: var(--sp-ivory); border: 1px solid var(--sp-border) !important; box-shadow: 0 5px 14px rgba( 30, 42, 56, 0.035 ); } /* TABLE LAYOUT */ .gwas-speakeasy-product .gwas-speakeasy-product tr.gwas-sp-bundle-item > td { background: var(--sp-ivory); border: 0 !important; padding: 27px !important; } /* NON-TABLE LAYOUT */ .gwas-speakeasy-product .gwas-speakeasy-product div.gwas-sp-bundle-item { background: var(--sp-ivory); margin-top: 15px; padding: 27px; } /* ============================================================ 16. MORNING CUP HIDE / SHOW NATIVE PRODUCT BUNDLE ITEMS ============================================================ */ /* Coffee and Tea start hidden. */ .gwas-speakeasy-product .gwas-bundle-coffee, .gwas-speakeasy-product .gwas-bundle-tea { display: none !important; } /* Keep any old standalone PHP headings hidden. */ .gwas-speakeasy-product .gwas-sp-native-coffee-heading, .gwas-speakeasy-product .gwas-sp-native-tea-heading { display: none !important; } /* Show only the selected Coffee / Tea item. */ .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible { display: block !important; } /* Product Bundles renders the native items as table rows. */ .gwas-speakeasy-product tr.gwas-bundle-coffee.gwas-sp-cup-visible, .gwas-speakeasy-product tr.gwas-bundle-tea.gwas-sp-cup-visible { display: table-row !important; } /* Defensive support if a selected item is ever rendered as a cell. */ .gwas-speakeasy-product td.gwas-bundle-coffee.gwas-sp-cup-visible, .gwas-speakeasy-product td.gwas-bundle-tea.gwas-sp-cup-visible { display: table-cell !important; } /* Native optional checkbox remains functional but visually hidden. */ .gwas-speakeasy-product .gwas-sp-native-option { height: 1px !important; left: -9999px !important; opacity: 0 !important; position: absolute !important; width: 1px !important; } /* ============================================================ 19. PRODUCT BUNDLE PRODUCT TITLES ============================================================ */ .gwas-speakeasy-product .bundled_product_title { color: var(--sp-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 22px !important; font-weight: 600 !important; line-height: 1.2 !important; } /* ============================================================ 20. VARIATION LABELS ============================================================ */ .gwas-speakeasy-product .bundled_product label, .gwas-speakeasy-product .bundle_form label { color: var(--sp-navy-dark) !important; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } /* ============================================================ 21. SELECT FIELDS ============================================================ */ .gwas-speakeasy-product .bundle_form select, .gwas-speakeasy-product .bundle_form input[type="text"], .gwas-speakeasy-product .bundle_form textarea { background: #ffffff; border: 1px solid rgba( 47, 62, 82, 0.23 ); border-radius: 2px; box-shadow: none; color: var(--sp-ink) !important; font-family: Georgia, serif; font-size: 15px; min-height: 50px; padding: 10px 13px; width: 100%; } .gwas-speakeasy-product .bundle_form select:focus, .gwas-speakeasy-product .bundle_form input[type="text"]:focus, .gwas-speakeasy-product .bundle_form textarea:focus { border-color: var(--sp-gold); box-shadow: none; outline: none; } /* ============================================================ 22. RESET VARIATIONS ============================================================ */ .gwas-speakeasy-product .reset_variations { color: var(--sp-burgundy) !important; font-family: Arial, Helvetica, sans-serif; font-size: 8px !important; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .gwas-speakeasy-product .reset_variations:hover { color: var(--sp-gold) !important; } /* ============================================================ 23. REMOVE ALL BUNDLED PRODUCT QUANTITIES ============================================================ */ .gwas-speakeasy-product .bundled_product .quantity, .gwas-speakeasy-product .gwas-speakeasy-product .gwas-sp-bundle-item .quantity, .gwas-speakeasy-product .bundled_item_qty_col, .gwas-speakeasy-product .bundled_item_qty_col .quantity, .gwas-speakeasy-product .bundled_item_quantity { display: none !important; } /* ============================================================ 24. MEET THE MAKERS LEFT COLUMN BELOW PRODUCT IMAGE ============================================================ */ .gwas-speakeasy-product .gwas-sp-makers { background: transparent; border: 0; border-top: 1px solid rgba( 47, 62, 82, 0.18 ); margin-top: 38px; padding: 34px 8px 0; } .gwas-speakeasy-product .gwas-sp-makers-heading { border-bottom: 1px solid var(--sp-border); margin-bottom: 5px; padding-bottom: 25px; } .gwas-speakeasy-product .gwas-sp-makers-heading h2 { color: var(--sp-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 38px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.05; margin: 0 0 13px; } .gwas-speakeasy-product .gwas-sp-makers-heading > p:not(.gwas-sp-eyebrow) { color: var(--sp-muted) !important; font-family: Georgia, serif; font-size: 14px; line-height: 1.65; margin: 0; } /* ============================================================ 25. MAKER ROWS ============================================================ */ .gwas-speakeasy-product .gwas-sp-maker { align-items: start; border-bottom: 1px solid var(--sp-border); display: grid; gap: 17px; grid-template-columns: 32px 1fr; padding: 25px 0; } .gwas-speakeasy-product .gwas-sp-maker-number { align-items: center; border: 1px solid var(--sp-gold); color: var(--sp-gold) !important; display: flex; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: 700; height: 32px; justify-content: center; letter-spacing: 0.08em; width: 32px; } .gwas-speakeasy-product .gwas-sp-maker-copy h3 { color: var(--sp-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 25px; font-weight: 700; line-height: 1.1; margin: 0 0 8px; } .gwas-speakeasy-product .gwas-sp-maker-copy > p:not(.gwas-sp-maker-kicker) { color: var(--sp-muted) !important; font-family: Georgia, serif; font-size: 13px; line-height: 1.6; margin: 0 0 12px; } .gwas-speakeasy-product .gwas-sp-maker-copy a { color: var(--sp-burgundy) !important; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: 700; letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase; } .gwas-speakeasy-product .gwas-sp-maker-copy a:hover { color: var(--sp-gold) !important; } .gwas-speakeasy-product .gwas-sp-maker-links { display: flex; flex-wrap: wrap; gap: 7px 18px; } /* ============================================================ 26. MAKERS STORY NOTE ============================================================ */ .gwas-speakeasy-product .gwas-sp-makers-story { background: var(--sp-cream); border-left: 3px solid var(--sp-gold); margin-top: 26px; padding: 19px 20px; } .gwas-speakeasy-product .gwas-sp-makers-story span { color: var(--sp-burgundy) !important; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: 700; letter-spacing: 0.12em; margin-bottom: 5px; text-transform: uppercase; } .gwas-speakeasy-product .gwas-sp-makers-story p { color: var(--sp-muted) !important; font-size: 13px; line-height: 1.55; margin: 0; } /* ============================================================ 27. FINAL "SELECTIONS MADE?" AREA LIGHT / AGED PAPER BACKGROUND ============================================================ */ .gwas-speakeasy-product .gwas-speakeasy-product .gwas-sp-ready { background: var(--sp-paper); border: 1px solid rgba( 176, 141, 87, 0.42 ); border-bottom: 0; border-top: 4px solid var(--sp-gold); margin-top: 28px; padding: 30px 30px 20px; } /* SELECTIONS MADE */ .gwas-speakeasy-product .gwas-speakeasy-product .gwas-sp-ready .gwas-speakeasy-product .gwas-sp-eyebrow { color: var(--sp-burgundy) !important; } /* HEADING */ .gwas-speakeasy-product .gwas-speakeasy-product .gwas-sp-ready h3 { color: var(--sp-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 31px; font-weight: 700; line-height: 1.1; margin: 0 0 12px; } /* DESCRIPTION */ .gwas-speakeasy-product .gwas-speakeasy-product .gwas-sp-ready p:not(.gwas-sp-eyebrow) { color: var(--sp-muted) !important; font-family: Georgia, serif; font-size: 14px; line-height: 1.65; } .gwas-speakeasy-product .gwas-speakeasy-product .gwas-sp-ready strong { color: var(--sp-navy-dark) !important; } /* ============================================================ 28. NEXT STEP / STORY NOTE ============================================================ */ .gwas-speakeasy-product .gwas-sp-next-note { border-top: 1px solid var(--sp-border); color: var(--sp-muted) !important; font-family: Georgia, serif; font-size: 12px !important; font-style: italic; line-height: 1.55; margin: 20px 0 0 !important; padding-top: 16px; } .gwas-speakeasy-product .gwas-sp-next-note strong { color: var(--sp-burgundy) !important; font-style: normal; } /* ============================================================ 29. BUNDLE BUTTON AREA ============================================================ */ .gwas-speakeasy-product .bundle_button { background: var(--sp-paper); border: 1px solid rgba( 176, 141, 87, 0.42 ); border-top: 0; clear: both; margin: 0 !important; padding: 5px 30px 30px !important; } /* ============================================================ 30. REMOVE PARENT ADD TO CART QUANTITY PHP SHOULD ALSO SET PRODUCT AS SOLD INDIVIDUALLY ============================================================ */ .gwas-speakeasy-product .bundle_button .quantity, .gwas-speakeasy-product form.cart > .quantity, .gwas-speakeasy-product .cart .quantity { display: none !important; } /* ============================================================ 31. BUNDLE PRICE ABOVE BUTTON ============================================================ */ .gwas-speakeasy-product .bundle_price { border-top: 1px solid var(--sp-border); margin-top: 5px; padding-top: 20px; text-align: center; } .gwas-speakeasy-product .bundle_price .price, .gwas-speakeasy-product .bundle_price .woocommerce-Price-amount { color: var(--sp-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.1 !important; } /* ============================================================ 32. ADD TO CART BUTTON FORCE OVER PAGELAYER / THEME COLORS ============================================================ */ .gwas-speakeasy-product button.single_add_to_cart_button, .gwas-speakeasy-product .single_add_to_cart_button, .gwas-speakeasy-product button.bundle_add_to_cart_button, .gwas-speakeasy-product .bundle_add_to_cart_button { background: var(--sp-gold) !important; border: 1px solid var(--sp-gold) !important; border-radius: 2px !important; box-shadow: 0 6px 16px rgba( 176, 141, 87, 0.20 ) !important; color: #ffffff !important; display: block; float: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; line-height: 1.2 !important; margin: 17px 0 0 !important; min-height: 55px; padding: 17px 28px !important; text-align: center; text-transform: uppercase !important; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; width: 100%; } .gwas-speakeasy-product button.single_add_to_cart_button:hover, .gwas-speakeasy-product .single_add_to_cart_button:hover, .gwas-speakeasy-product button.bundle_add_to_cart_button:hover, .gwas-speakeasy-product .bundle_add_to_cart_button:hover { background: var(--sp-navy) !important; border-color: var(--sp-navy) !important; box-shadow: 0 7px 18px rgba( 47, 62, 82, 0.18 ) !important; color: #ffffff !important; } /* DISABLED BUTTON */ .gwas-speakeasy-product .single_add_to_cart_button.disabled, .gwas-speakeasy-product .single_add_to_cart_button:disabled, .gwas-speakeasy-product .bundle_add_to_cart_button.disabled, .gwas-speakeasy-product .bundle_add_to_cart_button:disabled { background: #c9b99f !important; border-color: #c9b99f !important; color: #ffffff !important; cursor: not-allowed; opacity: 0.75; } /* ============================================================ 33. WOOCOMMERCE NOTICES WRAPPER ============================================================ */ .gwas-speakeasy-product .woocommerce-notices-wrapper { margin: 20px 0 22px; } /* ============================================================ 34. WOOCOMMERCE ERRORS / MESSAGES / INFO ============================================================ */ .gwas-speakeasy-product .woocommerce-error, .gwas-speakeasy-product .woocommerce-message, .gwas-speakeasy-product .woocommerce-info { background: var(--sp-ivory) !important; border: 0 !important; border-left: 4px solid var(--sp-gold) !important; border-radius: 0 !important; box-shadow: 0 5px 14px rgba( 30, 42, 56, 0.05 ) !important; color: var(--sp-ink) !important; font-family: Georgia, serif !important; font-size: 14px !important; line-height: 1.55 !important; list-style: none !important; margin: 0 0 18px !important; min-height: 0 !important; padding: 18px 20px !important; position: relative; } /* ============================================================ 35. REMOVE DEFAULT WOOCOMMERCE BLUE ICONS ============================================================ */ .gwas-speakeasy-product .woocommerce-error::before, .gwas-speakeasy-product .woocommerce-message::before, .gwas-speakeasy-product .woocommerce-info::before { content: none !important; display: none !important; } /* ============================================================ 36. REMOVE NOTICE LIST MARKERS ============================================================ */ .gwas-speakeasy-product .woocommerce-error li, .gwas-speakeasy-product .woocommerce-message li, .gwas-speakeasy-product .woocommerce-info li { color: var(--sp-ink) !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .gwas-speakeasy-product .woocommerce-error li::before, .gwas-speakeasy-product .woocommerce-message li::before, .gwas-speakeasy-product .woocommerce-info li::before { content: none !important; display: none !important; } /* ============================================================ 37. ERROR NOTICE ============================================================ */ .gwas-speakeasy-product .woocommerce-error { background: #f7eee8 !important; border-left-color: var(--sp-burgundy) !important; color: var(--sp-ink) !important; } /* ============================================================ 38. SUCCESS NOTICE ============================================================ */ .gwas-speakeasy-product .woocommerce-message { background: #f2eee2 !important; border-left-color: var(--sp-gold) !important; color: var(--sp-ink) !important; } /* ============================================================ 39. INFORMATION NOTICE ============================================================ */ .gwas-speakeasy-product .woocommerce-info { background: var(--sp-ivory) !important; border-left-color: var(--sp-navy) !important; color: var(--sp-ink) !important; } /* ============================================================ 40. LINKS INSIDE WOOCOMMERCE NOTICES ============================================================ */ .gwas-speakeasy-product .woocommerce-error a, .gwas-speakeasy-product .woocommerce-message a, .gwas-speakeasy-product .woocommerce-info a { color: var(--sp-burgundy) !important; font-weight: 700; text-decoration: underline; text-decoration-color: rgba( 117, 74, 66, 0.4 ); text-underline-offset: 3px; } .gwas-speakeasy-product .woocommerce-error a:hover, .gwas-speakeasy-product .woocommerce-message a:hover, .gwas-speakeasy-product .woocommerce-info a:hover { color: var(--sp-gold) !important; } /* ============================================================ 41. PRODUCT BUNDLES INTERNAL VALIDATION MESSAGES ============================================================ */ .gwas-speakeasy-product .bundle_error, .gwas-speakeasy-product .validation_message, .gwas-speakeasy-product .bundled_item_error { background: #f7eee8 !important; border: 0 !important; border-left: 4px solid var(--sp-burgundy) !important; color: var(--sp-ink) !important; font-family: Georgia, serif !important; font-size: 14px !important; line-height: 1.55 !important; margin: 15px 0 !important; padding: 16px 18px !important; } /* ============================================================ 42. REMOVE RANDOM THEME / WOOCOMMERCE TOP BLUE BORDERS ============================================================ */ .gwas-speakeasy-product .woocommerce-error, .gwas-speakeasy-product .woocommerce-info, .gwas-speakeasy-product .woocommerce-message { border-top: 0 !important; } /* ============================================================ 43. PRODUCT BUNDLES DESCRIPTION TEXT ============================================================ */ .gwas-speakeasy-product .bundled_product_excerpt, .gwas-speakeasy-product .bundled_product_excerpt p, .gwas-speakeasy-product .bundled_item_cart_details p { color: var(--sp-muted) !important; font-family: Georgia, serif; font-size: 13px; line-height: 1.6; } /* ============================================================ 44. HIDE UNNECESSARY PRODUCT META WITHIN BUILDER Optional — uncomment if desired ============================================================ */ /* .gwas-speakeasy-product .bundle_form .product_meta { display: none !important; } */ /* ============================================================ 45. TABLET ============================================================ */ @media ( max-width: 1024px ) { .gwas-speakeasy-product .gwas-sp-buy-column { padding: 32px 28px 36px; } .gwas-speakeasy-product .gwas-sp-product-intro h1 { font-size: 50px; } .gwas-speakeasy-product .gwas-sp-step { padding: 26px 22px; } .gwas-speakeasy-product .gwas-sp-cup-choice { padding: 20px; min-height: 190px; } } /* ============================================================ 46. MOBILE ============================================================ */ @media ( max-width: 767px ) { /* REMOVE LARGE OUTER PURCHASE COLUMN BOX */ .gwas-speakeasy-product .gwas-sp-buy-column { background: transparent; border: 0; box-shadow: none; padding: 0; } .gwas-speakeasy-product .gwas-sp-buy-column::before { display: none; } .gwas-speakeasy-product .gwas-sp-product-intro h1 { font-size: 44px; } .gwas-speakeasy-product .gwas-sp-builder-heading h2 { font-size: 35px; } .gwas-speakeasy-product .gwas-sp-cup-options { grid-template-columns: 1fr; } .gwas-speakeasy-product .gwas-sp-cup-choice { min-height: 165px; } .gwas-speakeasy-product .gwas-sp-step { padding: 26px 20px; } .gwas-speakeasy-product .gwas-sp-includes { padding: 23px 20px; } .gwas-speakeasy-product .gwas-speakeasy-product tr.gwas-sp-bundle-item > td { padding: 23px 19px !important; } .gwas-speakeasy-product .gwas-speakeasy-product div.gwas-sp-bundle-item { padding: 23px 19px; } .gwas-speakeasy-product .gwas-sp-ready { padding: 27px 22px 18px !important; } .gwas-speakeasy-product .bundle_button { padding: 4px 22px 27px !important; } .gwas-speakeasy-product .single_add_to_cart_button, .gwas-speakeasy-product .bundle_add_to_cart_button { width: 100% !important; } /* MAKERS */ .gwas-speakeasy-product .gwas-sp-makers { padding-left: 0; padding-right: 0; } } /* ============================================================ 47. SMALL MOBILE ============================================================ */ @media ( max-width: 430px ) { .gwas-speakeasy-product .gwas-sp-product-intro h1 { font-size: 40px; } .gwas-speakeasy-product .gwas-sp-builder-heading h2 { font-size: 32px; } .gwas-speakeasy-product .gwas-sp-step-heading h3 { font-size: 26px; } .gwas-speakeasy-product .gwas-sp-ready h3 { font-size: 28px; } .gwas-speakeasy-product .gwas-sp-maker { gap: 13px; grid-template-columns: 30px 1fr; } .gwas-speakeasy-product .gwas-sp-maker-number { height: 30px; width: 30px; } } /* ============================================================ 48. PRODUCT BUNDLE CONFIGURATION LAYOUT ============================================================ */ /* Remove WooCommerce Product Bundles' empty image column. */ .gwas-speakeasy-product .bundle_form .bundled_item_images_col { display: none !important; } /* Let all configuration details use the full row width. */ .gwas-speakeasy-product .bundle_form .bundled_item_details_col { max-width: none !important; width: 100% !important; } /* Quantity is fixed by the bundle configuration. */ .gwas-speakeasy-product .bundle_form .bundled_item_qty_col { display: none !important; width: 0 !important; } /* Coffee / Tea rows use the full available width. */ .gwas-speakeasy-product .gwas-bundle-coffee .bundled_item_details_col, .gwas-speakeasy-product .gwas-bundle-tea .bundled_item_details_col { max-width: none !important; padding: 27px !important; width: 100% !important; } .gwas-speakeasy-product .gwas-bundle-coffee .details, .gwas-speakeasy-product .gwas-bundle-tea .details { margin: 0 !important; max-width: none !important; padding: 0 !important; width: 100% !important; } .gwas-speakeasy-product .gwas-bundle-coffee .variations, .gwas-speakeasy-product .gwas-bundle-tea .variations { max-width: none !important; width: 100% !important; } /* ============================================================ 49. HONEY + FRUIT BUTTER STEPS ============================================================ */ .gwas-speakeasy-product .gwas-bundle-honey .bundled_item_details_col, .gwas-speakeasy-product .gwas-bundle-fruit-butter .bundled_item_details_col { max-width: none !important; padding: 27px 27px 20px 56px !important; position: relative; width: 100% !important; } .gwas-speakeasy-product .gwas-bundle-honey .bundled_item_details_col::before, .gwas-speakeasy-product .gwas-bundle-fruit-butter .bundled_item_details_col::before { align-items: center; background: var(--sp-navy); color: #ffffff !important; display: flex; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; height: 38px; justify-content: center; left: -11px; letter-spacing: 0.1em; position: absolute; top: 27px; width: 38px; z-index: 2; } .gwas-speakeasy-product .gwas-bundle-honey .bundled_item_details_col::before { content: "02"; } .gwas-speakeasy-product .gwas-bundle-fruit-butter .bundled_item_details_col::before { content: "03"; } .gwas-speakeasy-product .gwas-bundle-honey .bundled_product_title, .gwas-speakeasy-product .gwas-bundle-fruit-butter .bundled_product_title { margin: 0 0 7px !important; } .gwas-speakeasy-product .gwas-bundle-honey .bundled_product_excerpt, .gwas-speakeasy-product .gwas-bundle-fruit-butter .bundled_product_excerpt, .gwas-speakeasy-product .gwas-bundle-honey .woocommerce-product-details__short-description, .gwas-speakeasy-product .gwas-bundle-fruit-butter .woocommerce-product-details__short-description { display: none !important; } .gwas-speakeasy-product .gwas-bundle-honey .variations, .gwas-speakeasy-product .gwas-bundle-fruit-butter .variations { margin-top: 18px !important; width: 100% !important; } /* ============================================================ 50. COFFEE / TEA HIDE NATIVE OPTIONAL "ADD" CONTROL ============================================================ */ .gwas-speakeasy-product .gwas-bundle-coffee input[type="checkbox"], .gwas-speakeasy-product .gwas-bundle-tea input[type="checkbox"] { height: 1px !important; left: -9999px !important; opacity: 0 !important; position: absolute !important; width: 1px !important; } .gwas-speakeasy-product .gwas-bundle-coffee label:has(input[type="checkbox"]), .gwas-speakeasy-product .gwas-bundle-tea label:has(input[type="checkbox"]), .gwas-speakeasy-product .gwas-bundle-coffee .bundled_product_optional_checkbox, .gwas-speakeasy-product .gwas-bundle-tea .bundled_product_optional_checkbox { display: none !important; } /* ============================================================ 51. SELECTED COFFEE / TEA CONFIGURATION CONTINUATION OF STEP 01 ============================================================ */ .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible { background: transparent !important; border: 0 !important; box-shadow: none !important; } .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible > .bundled_item_details_col, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible > .bundled_item_details_col { background: var(--sp-ivory) !important; border: 1px solid var(--sp-border) !important; border-top: 0 !important; padding: 0 28px 28px !important; width: 100% !important; } /* The choice cards already identify the vendor/product. */ .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_product_title, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .bundled_product_title, .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_product_excerpt, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .bundled_product_excerpt, .gwas-speakeasy-product .gwas-bundle-coffee .woocommerce-product-details__short-description, .gwas-speakeasy-product .gwas-bundle-tea .woocommerce-product-details__short-description { display: none !important; } .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .details, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .details { background: #ffffff !important; border-top: 1px solid var(--sp-border) !important; margin: 0 !important; padding: 23px 24px 24px !important; position: relative; width: 100% !important; } /* Small selection label. */ .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .details::before, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .details::before { color: var(--sp-gold) !important; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.14em; line-height: 1.4; margin: 0 0 6px; text-transform: uppercase; } .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .details::before { content: "YOUR COFFEE SELECTION"; } .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .details::before { content: "YOUR TEA SELECTION"; } /* Clean heading above the selector. */ .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_item_cart_content::before, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .bundled_item_cart_content::before { color: var(--sp-navy-dark) !important; display: block; font-family: "Cormorant Garamond", Georgia, serif; font-size: 24px; font-weight: 700; line-height: 1.15; margin: 0 0 18px; } .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_item_cart_content::before { content: "Choose Their Coffee"; } .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .bundled_item_cart_content::before { content: "Choose Their Tea"; } /* Force the selected variation controls visible. */ .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_item_cart_content, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .bundled_item_cart_content, .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_item_cart_details, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .bundled_item_cart_details, .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .variations_form, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .variations_form { display: block !important; height: auto !important; opacity: 1 !important; visibility: visible !important; width: 100% !important; } .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible table.variations, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible table.variations { border: 0 !important; display: table !important; margin: 0 !important; width: 100% !important; } .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .variations .label, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .variations .label { display: block !important; padding: 0 0 8px !important; width: 100% !important; } .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .variations .value, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .variations .value { display: block !important; padding: 0 !important; width: 100% !important; } .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .variations select, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .variations select { background: #ffffff !important; border: 1px solid rgba(47, 62, 82, 0.24) !important; color: var(--sp-ink) !important; display: block !important; font-family: Georgia, serif; font-size: 15px; min-height: 50px; padding: 10px 13px; visibility: visible !important; width: 100% !important; } .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .reset_variations, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .reset_variations { color: var(--sp-burgundy) !important; display: inline-block !important; font-family: Arial, Helvetica, sans-serif; font-size: 8px !important; font-weight: 700; letter-spacing: 0.10em; margin-top: 11px !important; text-transform: uppercase; } /* ============================================================ 52. DYNAMIC VARIATION DESCRIPTIONS ============================================================ */ .gwas-speakeasy-product .gwas-bundle-coffee .woocommerce-variation-description, .gwas-speakeasy-product .gwas-bundle-tea .woocommerce-variation-description, .gwas-speakeasy-product .gwas-bundle-honey .woocommerce-variation-description, .gwas-speakeasy-product .gwas-bundle-fruit-butter .woocommerce-variation-description { border-top: 1px solid rgba(176, 141, 87, 0.28); height: auto !important; margin: 14px 0 0 !important; min-height: 0 !important; padding: 14px 0 0 !important; } .gwas-speakeasy-product .gwas-bundle-honey .woocommerce-variation-description, .gwas-speakeasy-product .gwas-bundle-fruit-butter .woocommerce-variation-description { margin-top: 10px !important; padding-top: 12px !important; } .gwas-speakeasy-product .gwas-bundle-coffee .woocommerce-variation-description::before, .gwas-speakeasy-product .gwas-bundle-tea .woocommerce-variation-description::before, .gwas-speakeasy-product .gwas-bundle-honey .woocommerce-variation-description::before, .gwas-speakeasy-product .gwas-bundle-fruit-butter .woocommerce-variation-description::before { color: var(--sp-gold) !important; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: 700; letter-spacing: 0.14em; margin-bottom: 10px; text-transform: uppercase; } .gwas-speakeasy-product .gwas-bundle-coffee .woocommerce-variation-description::before { content: "ABOUT THIS COFFEE"; } .gwas-speakeasy-product .gwas-bundle-tea .woocommerce-variation-description::before { content: "ABOUT THIS TEA"; } .gwas-speakeasy-product .gwas-bundle-honey .woocommerce-variation-description::before { content: "ABOUT THIS HONEY"; } .gwas-speakeasy-product .gwas-bundle-fruit-butter .woocommerce-variation-description::before { content: "ABOUT THIS FRUIT BUTTER"; } .gwas-speakeasy-product .gwas-bundle-coffee .woocommerce-variation-description p, .gwas-speakeasy-product .gwas-bundle-tea .woocommerce-variation-description p, .gwas-speakeasy-product .gwas-bundle-honey .woocommerce-variation-description p, .gwas-speakeasy-product .gwas-bundle-fruit-butter .woocommerce-variation-description p { color: var(--sp-ink) !important; font-family: Georgia, serif; font-size: 14px !important; line-height: 1.65 !important; margin: 0 !important; } /* ============================================================ 53. HONEY / FRUIT BUTTER REMOVE UNUSED VARIATION SPACE ============================================================ */ .gwas-speakeasy-product .gwas-bundle-honey table.variations, .gwas-speakeasy-product .gwas-bundle-fruit-butter table.variations { margin-bottom: 0 !important; padding-bottom: 0 !important; } .gwas-speakeasy-product .gwas-bundle-honey .single_variation, .gwas-speakeasy-product .gwas-bundle-fruit-butter .single_variation, .gwas-speakeasy-product .gwas-bundle-honey .woocommerce-variation, .gwas-speakeasy-product .gwas-bundle-fruit-butter .woocommerce-variation { height: auto !important; margin: 0 !important; min-height: 0 !important; padding: 0 !important; } .gwas-speakeasy-product .gwas-bundle-honey .single_variation_wrap, .gwas-speakeasy-product .gwas-bundle-fruit-butter .single_variation_wrap { height: auto !important; margin: -52px 0 0 !important; min-height: 0 !important; padding: 0 !important; } /* Keep the real changing description visible. */ .gwas-speakeasy-product .gwas-bundle-honey .single_variation_wrap .single_variation, .gwas-speakeasy-product .gwas-bundle-fruit-butter .single_variation_wrap .single_variation { display: block !important; } /* Collapse the unused Product Bundles controls around it. */ .gwas-speakeasy-product .gwas-bundle-honey .single_variation_wrap > *:not(.single_variation), .gwas-speakeasy-product .gwas-bundle-fruit-butter .single_variation_wrap > *:not(.single_variation), .gwas-speakeasy-product .gwas-bundle-honey .woocommerce-variation-price, .gwas-speakeasy-product .gwas-bundle-fruit-butter .woocommerce-variation-price, .gwas-speakeasy-product .gwas-bundle-honey .woocommerce-variation-availability, .gwas-speakeasy-product .gwas-bundle-fruit-butter .woocommerce-variation-availability, .gwas-speakeasy-product .gwas-bundle-honey .woocommerce-variation-add-to-cart, .gwas-speakeasy-product .gwas-bundle-fruit-butter .woocommerce-variation-add-to-cart { height: 0 !important; margin: 0 !important; min-height: 0 !important; overflow: hidden !important; padding: 0 !important; } /* ============================================================ 54. CONFIGURATION MOBILE REFINEMENTS ============================================================ */ @media (max-width: 767px) { .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible > .bundled_item_details_col, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible > .bundled_item_details_col { padding: 0 20px 22px !important; } .gwas-speakeasy-product .gwas-bundle-coffee.gwas-sp-cup-visible .details, .gwas-speakeasy-product .gwas-bundle-tea.gwas-sp-cup-visible .details { padding: 21px 18px 22px !important; } .gwas-speakeasy-product .gwas-bundle-honey .bundled_item_details_col, .gwas-speakeasy-product .gwas-bundle-fruit-butter .bundled_item_details_col { padding: 24px 18px 18px 48px !important; } .gwas-speakeasy-product .gwas-bundle-honey .bundled_item_details_col::before, .gwas-speakeasy-product .gwas-bundle-fruit-butter .bundled_item_details_col::before { left: -8px; top: 24px; } } /* ============================================================ PRODUCT MODULE: AUTOMAT MOCHA / DINER MOCHA Preserved from the current working production stylesheet. ============================================================ */ /* ============================================================ GIFT WITH A STORY THE AUTOMAT MOCHA WOOCOMMERCE PRODUCT BUNDLES CONFIGURATOR Add this PageLayer class to the OUTER product row: gwas-automat-mocha-product This stylesheet is fully scoped so it will not affect The Speakeasy Breakfast Set or other products. ============================================================ */ /* ============================================================ 01. COLOR SYSTEM ============================================================ */ .gwas-automat-mocha-product { --am-navy: #2f3e52; --am-navy-dark: #1e2a38; --am-gold: #b08d57; --am-gold-light: #d5bd8d; --am-burgundy: #754a42; --am-cream: #f3ecdf; --am-paper: #e8dcc7; --am-ivory: #fcf8f1; --am-ink: #3c3934; --am-muted: #706a61; --am-border: rgba(47, 62, 82, 0.16); --am-gold-border: rgba(176, 141, 87, 0.34); --am-shadow: 0 5px 14px rgba(30, 42, 56, 0.035); color: var(--am-ink) !important; } /* ============================================================ 02. BUNDLE FORM ============================================================ */ .gwas-automat-mocha-product .bundle_form { margin-top: 28px; } /* Hide Product / Quantity headings. */ .gwas-automat-mocha-product .bundle_form table.bundled_products > thead, .gwas-automat-mocha-product .bundle_form table.bundled_products > thead > tr, .gwas-automat-mocha-product .bundle_form table.bundled_products > thead th, .gwas-automat-mocha-product .bundled_products .bundled_product_summary_head, .gwas-automat-mocha-product .bundled_products .bundled_item_qty_head, .gwas-automat-mocha-product .bundled_products .bundled_item_qty_col_heading { display: none !important; } /* ============================================================ 03. BUNDLE TABLE ============================================================ */ .gwas-automat-mocha-product .bundle_form table.bundled_products { border: 0 !important; border-collapse: separate !important; border-spacing: 0 15px !important; margin: 0 !important; width: 100% !important; } /* Remove empty image and quantity columns. */ .gwas-automat-mocha-product .bundle_form .bundled_item_images_col, .gwas-automat-mocha-product .bundle_form .bundled_item_qty_col { display: none !important; width: 0 !important; } .gwas-automat-mocha-product .bundle_form .bundled_item_details_col { background: var(--am-ivory) !important; border: 1px solid var(--am-border) !important; box-shadow: var(--am-shadow); max-width: none !important; padding: 27px 27px 24px 56px !important; position: relative; width: 100% !important; } /* ============================================================ 04. STEP NUMBERS 01 Coffee 02 Hot Chocolate 03 Caramel Syrup 04 Goo Goo Clusters ============================================================ */ .gwas-automat-mocha-product .bundle_form table.bundled_products tbody > tr.bundled_product > .bundled_item_details_col::before { align-items: center; background: var(--am-navy); color: #ffffff !important; display: flex; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; height: 38px; justify-content: center; left: -11px; letter-spacing: 0.1em; position: absolute; top: 27px; width: 38px; z-index: 2; } .gwas-automat-mocha-product .bundle_form table.bundled_products tbody > tr.bundled_product:nth-child(1) > .bundled_item_details_col::before { content: "01"; } .gwas-automat-mocha-product .bundle_form table.bundled_products tbody > tr.bundled_product:nth-child(2) > .bundled_item_details_col::before { content: "02"; } .gwas-automat-mocha-product .bundle_form table.bundled_products tbody > tr.bundled_product:nth-child(3) > .bundled_item_details_col::before { content: "03"; } .gwas-automat-mocha-product .bundle_form table.bundled_products tbody > tr.bundled_product:nth-child(4) > .bundled_item_details_col::before { content: "04"; } /* ============================================================ 05. PRODUCT TITLES ============================================================ */ .gwas-automat-mocha-product .bundled_product_title { color: var(--am-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.1 !important; margin: 0 0 8px !important; } /* ============================================================ 06. PRODUCT DESCRIPTION ============================================================ */ .gwas-automat-mocha-product .bundled_product_excerpt, .gwas-automat-mocha-product .bundled_product_excerpt p { color: var(--am-muted) !important; font-family: Georgia, serif; font-size: 13px !important; line-height: 1.6 !important; margin: 0 0 16px !important; } /* ============================================================ 07. VARIATION LABELS ============================================================ */ .gwas-automat-mocha-product .bundle_form .variations label, .gwas-automat-mocha-product .bundle_form .bundled_product label { color: var(--am-navy-dark) !important; font-family: Arial, Helvetica, sans-serif; font-size: 9px !important; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } /* ============================================================ 08. VARIATION TABLE ============================================================ */ .gwas-automat-mocha-product .bundle_form table.variations { border: 0 !important; margin: 18px 0 0 !important; width: 100% !important; } .gwas-automat-mocha-product .bundle_form .variations .label { display: block !important; padding: 0 0 8px !important; width: 100% !important; } .gwas-automat-mocha-product .bundle_form .variations .value { display: block !important; padding: 0 !important; width: 100% !important; } /* ============================================================ 09. SELECT FIELDS ============================================================ */ .gwas-automat-mocha-product .bundle_form select, .gwas-automat-mocha-product .bundle_form input[type="text"], .gwas-automat-mocha-product .bundle_form textarea { background: #ffffff !important; border: 1px solid rgba(47, 62, 82, 0.23) !important; border-radius: 2px !important; box-shadow: none !important; color: var(--am-ink) !important; font-family: Georgia, serif; font-size: 15px; min-height: 50px; padding: 10px 13px; width: 100% !important; } .gwas-automat-mocha-product .bundle_form select:focus, .gwas-automat-mocha-product .bundle_form input[type="text"]:focus, .gwas-automat-mocha-product .bundle_form textarea:focus { border-color: var(--am-gold) !important; box-shadow: none !important; outline: none !important; } /* ============================================================ 10. RESET / CLEAR LINK ============================================================ */ .gwas-automat-mocha-product .reset_variations { color: var(--am-burgundy) !important; display: inline-block !important; font-family: Arial, Helvetica, sans-serif; font-size: 8px !important; font-weight: 700; letter-spacing: 0.1em; margin-top: 10px !important; text-transform: uppercase; } .gwas-automat-mocha-product .reset_variations:hover { color: var(--am-gold) !important; } /* ============================================================ 11. KEEP HORN & HARDART VISIBLE Prevent Breakfast-specific Coffee hiding from affecting The Automat Mocha. ============================================================ */ .gwas-automat-mocha-product .gwas-bundle-coffee { display: table-row !important; } .gwas-automat-mocha-product .gwas-bundle-coffee .bundled_item_details_col { display: block !important; } /* ============================================================ 12. HIDE NATIVE OPTIONAL "ADD" CHECKBOX If Coffee is configured as an optional bundled product, keep the Woo checkbox functional but visually hidden. ============================================================ */ .gwas-automat-mocha-product .gwas-bundle-coffee input[type="checkbox"] { height: 1px !important; left: -9999px !important; opacity: 0 !important; position: absolute !important; width: 1px !important; } .gwas-automat-mocha-product .gwas-bundle-coffee label:has(input[type="checkbox"]), .gwas-automat-mocha-product .gwas-bundle-coffee .bundled_product_optional_checkbox { display: none !important; } /* ============================================================ 13. COFFEE VARIATION DESCRIPTION ============================================================ */ .gwas-automat-mocha-product .gwas-bundle-coffee .woocommerce-variation-description { border-top: 1px solid rgba(176, 141, 87, 0.28); color: var(--am-ink) !important; margin: 14px 0 0 !important; padding: 14px 0 0 !important; } .gwas-automat-mocha-product .gwas-bundle-coffee .woocommerce-variation-description::before { color: var(--am-gold) !important; content: "ABOUT THIS COFFEE"; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: 700; letter-spacing: 0.14em; margin-bottom: 10px; text-transform: uppercase; } .gwas-automat-mocha-product .gwas-bundle-coffee .woocommerce-variation-description p { color: var(--am-ink) !important; font-family: Georgia, serif; font-size: 14px !important; line-height: 1.65 !important; margin: 0 !important; } /* ============================================================ 14. REMOVE ALL BUNDLED QUANTITIES ============================================================ */ .gwas-automat-mocha-product .bundled_product .quantity, .gwas-automat-mocha-product .bundled_item_qty_col, .gwas-automat-mocha-product .bundled_item_qty_col .quantity, .gwas-automat-mocha-product .bundled_item_quantity { display: none !important; } /* ============================================================ 15. FINAL BUNDLE PRICE ============================================================ */ .gwas-automat-mocha-product .bundle_price { border-top: 1px solid var(--am-border); margin-top: 28px !important; padding-top: 22px; text-align: center; } .gwas-automat-mocha-product .bundle_price .price, .gwas-automat-mocha-product .bundle_price .woocommerce-Price-amount { color: var(--am-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.1 !important; } /* ============================================================ 16. ADD TO CART AREA ============================================================ */ .gwas-automat-mocha-product .bundle_button { background: var(--am-paper); border: 1px solid var(--am-gold-border); border-top: 4px solid var(--am-gold); clear: both; margin: 28px 0 0 !important; padding: 26px 30px 30px !important; } /* Hide parent quantity. */ .gwas-automat-mocha-product .bundle_button .quantity, .gwas-automat-mocha-product form.cart > .quantity, .gwas-automat-mocha-product .cart .quantity { display: none !important; } /* Add to Cart button. */ .gwas-automat-mocha-product button.single_add_to_cart_button, .gwas-automat-mocha-product .single_add_to_cart_button, .gwas-automat-mocha-product button.bundle_add_to_cart_button, .gwas-automat-mocha-product .bundle_add_to_cart_button { background: var(--am-gold) !important; border: 1px solid var(--am-gold) !important; border-radius: 2px !important; box-shadow: 0 6px 16px rgba(176, 141, 87, 0.20) !important; color: #ffffff !important; display: block; float: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; line-height: 1.2 !important; margin: 17px 0 0 !important; min-height: 55px; padding: 17px 28px !important; text-align: center; text-transform: uppercase !important; width: 100% !important; } .gwas-automat-mocha-product button.single_add_to_cart_button:hover, .gwas-automat-mocha-product .single_add_to_cart_button:hover, .gwas-automat-mocha-product button.bundle_add_to_cart_button:hover, .gwas-automat-mocha-product .bundle_add_to_cart_button:hover { background: var(--am-navy) !important; border-color: var(--am-navy) !important; color: #ffffff !important; } /* Disabled button. */ .gwas-automat-mocha-product .single_add_to_cart_button.disabled, .gwas-automat-mocha-product .single_add_to_cart_button:disabled, .gwas-automat-mocha-product .bundle_add_to_cart_button.disabled, .gwas-automat-mocha-product .bundle_add_to_cart_button:disabled { background: #c9b99f !important; border-color: #c9b99f !important; color: #ffffff !important; cursor: not-allowed; opacity: 0.75; } /* ============================================================ 17. WOOCOMMERCE NOTICES ============================================================ */ .gwas-automat-mocha-product .woocommerce-error, .gwas-automat-mocha-product .woocommerce-message, .gwas-automat-mocha-product .woocommerce-info { background: var(--am-ivory) !important; border: 0 !important; border-left: 4px solid var(--am-gold) !important; border-radius: 0 !important; color: var(--am-ink) !important; font-family: Georgia, serif !important; font-size: 14px !important; line-height: 1.55 !important; list-style: none !important; margin: 0 0 18px !important; padding: 18px 20px !important; } .gwas-automat-mocha-product .woocommerce-error { background: #f7eee8 !important; border-left-color: var(--am-burgundy) !important; } .gwas-automat-mocha-product .woocommerce-info { border-left-color: var(--am-navy) !important; } .gwas-automat-mocha-product .woocommerce-error::before, .gwas-automat-mocha-product .woocommerce-message::before, .gwas-automat-mocha-product .woocommerce-info::before { content: none !important; display: none !important; } /* ============================================================ 18. MOBILE ============================================================ */ @media (max-width: 767px) { .gwas-automat-mocha-product .bundle_form .bundled_item_details_col { padding: 24px 18px 20px 48px !important; } .gwas-automat-mocha-product .bundle_form table.bundled_products tbody > tr.bundled_product > .bundled_item_details_col::before { left: -8px; top: 24px; } .gwas-automat-mocha-product .bundle_button { padding: 23px 20px 26px !important; } .gwas-automat-mocha-product .bundled_product_title { font-size: 25px !important; } } /* ============================================================ AUTOMAT MOCHA — LATEST SITE PATCHES These rules reflect the final fixes made after the original Automat stylesheet was created. ============================================================ */ /* Keep the whole Make It Theirs area on one continuous cream PageLayer inner-row background. */ .gwas-am-cart-card { background: var(--gwas-cream) !important; border: 1px solid var(--gwas-gold-border) !important; box-shadow: var(--gwas-shadow) !important; padding: 38px 38px 42px !important; position: relative !important; } .gwas-am-cart-card::before { background: var(--gwas-gold) !important; content: ""; height: 4px; left: -1px; position: absolute; right: -1px; top: -1px; z-index: 5; } .gwas-am-cart-card > div, .gwas-am-cart-card .pagelayer-col-holder, .gwas-am-cart-card .pagelayer-ele-link { background: transparent !important; } /* Remove individual bundled product links. */ .gwas-automat-mocha-product .bundled_product_permalink { display: none !important; } .gwas-automat-mocha-product .bundled_product_title a { color: var(--am-navy-dark) !important; cursor: default !important; pointer-events: none !important; text-decoration: none !important; } .gwas-automat-mocha-product .bundled_product_title a::before, .gwas-automat-mocha-product .bundled_product_title a::after { content: none !important; display: none !important; } /* The Automat must always show Horn & Hardart even if an old Breakfast-specific gwas-bundle-coffee class is present. */ .gwas-automat-mocha-product .gwas-bundle-coffee { display: table-row !important; } .gwas-automat-mocha-product .gwas-bundle-coffee .bundled_item_details_col { display: block !important; } /* Current self-contained Automat Meet the Makers classes. */ .gwas-am-makers { background: transparent !important; border: 0 !important; border-top: 1px solid rgba(47, 62, 82, 0.18) !important; margin-top: 38px !important; padding: 34px 8px 0 !important; } .gwas-am-makers-heading { border-bottom: 1px solid var(--gwas-border) !important; margin-bottom: 5px !important; padding-bottom: 25px !important; } .gwas-am-maker-eyebrow, .gwas-am-maker-kicker { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.15em !important; line-height: 1.4 !important; text-transform: uppercase !important; } .gwas-am-maker-eyebrow { margin: 0 0 9px !important; } .gwas-am-maker-kicker { margin: 0 0 7px !important; } .gwas-am-makers-heading h2 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 38px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; line-height: 1.05 !important; margin: 0 0 13px !important; } .gwas-am-makers-heading > p:not(.gwas-am-maker-eyebrow) { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 14px !important; line-height: 1.65 !important; margin: 0 !important; } .gwas-am-maker { align-items: start !important; border-bottom: 1px solid var(--gwas-border) !important; display: grid !important; gap: 17px !important; grid-template-columns: 32px 1fr !important; padding: 25px 0 !important; } .gwas-am-maker-number { align-items: center !important; border: 1px solid var(--gwas-gold) !important; color: var(--gwas-gold) !important; display: flex !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; height: 32px !important; justify-content: center !important; letter-spacing: 0.08em !important; width: 32px !important; } .gwas-am-maker-copy h3 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 25px !important; font-weight: 700 !important; line-height: 1.1 !important; margin: 0 0 8px !important; } .gwas-am-maker-copy > p:not(.gwas-am-maker-kicker) { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.6 !important; margin: 0 0 12px !important; } .gwas-am-maker-copy a { color: var(--gwas-burgundy) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-decoration: none !important; text-transform: uppercase !important; } .gwas-am-maker-copy a:hover { color: var(--gwas-gold) !important; } .gwas-am-makers-story { background: var(--gwas-cream) !important; border-left: 3px solid var(--gwas-gold) !important; margin-top: 26px !important; padding: 19px 20px !important; } .gwas-am-makers-story span { color: var(--gwas-burgundy) !important; display: block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; margin-bottom: 5px !important; text-transform: uppercase !important; } .gwas-am-makers-story p { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.55 !important; margin: 0 !important; } /* ============================================================ THE PENNSYLVANIA PANTRY Product-specific module — Version 1.0 Current page should use: gwas-product-page gwas-pennsylvania-pantry-product gwas-standard-bundle Most styling comes from the shared core above. Keep this section for Pantry-specific refinements as the page grows. ============================================================ */ .gwas-pennsylvania-pantry-product .gwas-product-eyebrow { color: var(--gwas-gold) !important; } /* The Pennsylvania Pantry is a standard multi-maker bundle. Individual bundled product links are intentionally disabled. */ .gwas-pennsylvania-pantry-product .bundled_product_permalink { display: none !important; } .gwas-pennsylvania-pantry-product .bundled_product_title a { color: var(--gwas-navy-dark) !important; cursor: default !important; pointer-events: none !important; text-decoration: none !important; } /* ============================================================ PENNSYLVANIA PANTRY PRODUCT TITLE REFINEMENT Version 1.0.1 ============================================================ */ .gwas-pennsylvania-pantry-intro h1 { color: #1e2a38 !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp(48px, 4.2vw, 60px) !important; font-weight: 700 !important; letter-spacing: -0.025em !important; line-height: 0.98 !important; margin: 0 0 23px !important; text-transform: uppercase !important; } .gwas-pennsylvania-pantry-intro .gwas-product-lead { max-width: 720px !important; } @media (max-width: 767px) { .gwas-pennsylvania-pantry-intro h1 { font-size: 42px !important; } } @media (max-width: 430px) { .gwas-pennsylvania-pantry-intro h1 { font-size: 38px !important; } } /* ============================================================ 16. STANDARD BUNDLE INSIDE UNIVERSAL CART CARD Version 1.0.2 WHY THIS EXISTS ------------------------------------------------------------ PageLayer may place the WooCommerce Add to Cart widget outside a product-specific outer wrapper. These rules make .gwas-product-cart-card self-contained so Pennsylvania Pantry and future standard bundles match the established gift-set configurator styling wherever PageLayer renders them. ============================================================ */ /* BUNDLE TABLE */ .gwas-product-cart-card .bundle_form { margin-top: 0 !important; } .gwas-product-cart-card .bundle_form table.bundled_products { border: 0 !important; border-collapse: separate !important; border-spacing: 0 15px !important; margin: 0 !important; width: 100% !important; } /* REMOVE PRODUCT / QUANTITY TABLE HEADINGS */ .gwas-product-cart-card .bundle_form table.bundled_products > thead, .gwas-product-cart-card .bundle_form table.bundled_products > thead > tr, .gwas-product-cart-card .bundle_form table.bundled_products > thead th, .gwas-product-cart-card .bundled_products .bundled_product_summary_head, .gwas-product-cart-card .bundled_products .bundled_item_qty_head, .gwas-product-cart-card .bundled_products .bundled_item_qty_col_heading { display: none !important; } /* ============================================================ REMOVE PRODUCT THUMBNAILS / EMPTY IMAGE COLUMN ============================================================ */ .gwas-product-cart-card .bundle_form .bundled_item_images_col, .gwas-product-cart-card .bundle_form .bundled_product_images, .gwas-product-cart-card .bundle_form .bundled_product_image, .gwas-product-cart-card .bundle_form .bundled_product_thumbnail { display: none !important; max-width: 0 !important; padding: 0 !important; width: 0 !important; } /* REMOVE BUNDLED QUANTITY COLUMN */ .gwas-product-cart-card .bundle_form .bundled_item_qty_col, .gwas-product-cart-card .bundle_form .bundled_item_quantity, .gwas-product-cart-card .bundle_form .bundled_product .quantity { display: none !important; width: 0 !important; } /* ============================================================ FULL-WIDTH BUNDLE ITEM CARD ============================================================ */ .gwas-product-cart-card .bundle_form .bundled_item_details_col { background: var(--gwas-ivory) !important; border: 1px solid var(--gwas-border) !important; box-shadow: var(--gwas-card-shadow) !important; max-width: none !important; padding: 27px 27px 24px 56px !important; position: relative !important; width: 100% !important; } .gwas-product-cart-card .bundle_form .bundled_item_details_col .details { margin: 0 !important; max-width: none !important; padding: 0 !important; width: 100% !important; } /* ============================================================ NUMBERED STEP BADGES ============================================================ */ .gwas-product-cart-card .bundle_form table.bundled_products tbody > tr.bundled_product > .bundled_item_details_col::before { align-items: center; background: var(--gwas-navy) !important; color: #ffffff !important; display: flex; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; height: 38px; justify-content: center; left: -11px; letter-spacing: 0.1em; position: absolute; top: 27px; width: 38px; z-index: 2; } .gwas-product-cart-card .bundled_products tbody > tr.bundled_product:nth-child(1) > .bundled_item_details_col::before { content: "01"; } .gwas-product-cart-card .bundled_products tbody > tr.bundled_product:nth-child(2) > .bundled_item_details_col::before { content: "02"; } .gwas-product-cart-card .bundled_products tbody > tr.bundled_product:nth-child(3) > .bundled_item_details_col::before { content: "03"; } .gwas-product-cart-card .bundled_products tbody > tr.bundled_product:nth-child(4) > .bundled_item_details_col::before { content: "04"; } .gwas-product-cart-card .bundled_products tbody > tr.bundled_product:nth-child(5) > .bundled_item_details_col::before { content: "05"; } .gwas-product-cart-card .bundled_products tbody > tr.bundled_product:nth-child(6) > .bundled_item_details_col::before { content: "06"; } .gwas-product-cart-card .bundled_products tbody > tr.bundled_product:nth-child(7) > .bundled_item_details_col::before { content: "07"; } .gwas-product-cart-card .bundled_products tbody > tr.bundled_product:nth-child(8) > .bundled_item_details_col::before { content: "08"; } /* ============================================================ BUNDLED PRODUCT TITLE + DESCRIPTION ============================================================ */ .gwas-product-cart-card .bundled_product_title { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.1 !important; margin: 0 0 8px !important; } .gwas-product-cart-card .bundled_product_excerpt, .gwas-product-cart-card .bundled_product_excerpt p, .gwas-product-cart-card .bundled_item_cart_details p { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.6 !important; } /* ============================================================ REMOVE INDIVIDUAL BUNDLED PRODUCT LINKS ============================================================ */ .gwas-product-cart-card .bundled_product_permalink { display: none !important; } .gwas-product-cart-card .bundled_product_title a { color: var(--gwas-navy-dark) !important; cursor: default !important; pointer-events: none !important; text-decoration: none !important; } .gwas-product-cart-card .bundled_product_title a::before, .gwas-product-cart-card .bundled_product_title a::after { content: none !important; display: none !important; } /* ============================================================ VARIATION LABELS + FIELDS ============================================================ */ .gwas-product-cart-card .bundle_form label { color: var(--gwas-navy-dark) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.1em; text-transform: uppercase; } .gwas-product-cart-card .bundle_form table.variations { border: 0 !important; margin: 18px 0 0 !important; width: 100% !important; } .gwas-product-cart-card .bundle_form .variations .label { display: block !important; padding: 0 0 8px !important; width: 100% !important; } .gwas-product-cart-card .bundle_form .variations .value { display: block !important; padding: 0 !important; width: 100% !important; } .gwas-product-cart-card .bundle_form select, .gwas-product-cart-card .bundle_form input[type="text"], .gwas-product-cart-card .bundle_form textarea { background: #ffffff !important; border: 1px solid rgba(47, 62, 82, 0.23) !important; border-radius: 2px !important; box-shadow: none !important; color: var(--gwas-ink) !important; font-family: Georgia, serif !important; font-size: 15px !important; min-height: 50px; padding: 10px 13px !important; width: 100% !important; } .gwas-product-cart-card .bundle_form select:focus, .gwas-product-cart-card .bundle_form input[type="text"]:focus, .gwas-product-cart-card .bundle_form textarea:focus { border-color: var(--gwas-gold) !important; box-shadow: none !important; outline: none !important; } .gwas-product-cart-card .reset_variations { color: var(--gwas-burgundy) !important; display: inline-block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.1em; margin-top: 10px !important; text-transform: uppercase; } .gwas-product-cart-card .reset_variations:hover { color: var(--gwas-gold) !important; } /* ============================================================ FINAL PRICE + ADD TO CART ============================================================ */ .gwas-product-cart-card .bundle_price { border-top: 1px solid var(--gwas-border); margin-top: 28px !important; padding-top: 22px; text-align: center; } .gwas-product-cart-card .bundle_price .price, .gwas-product-cart-card .bundle_price .woocommerce-Price-amount { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.1 !important; } .gwas-product-cart-card .bundle_button { background: var(--gwas-paper) !important; border: 1px solid var(--gwas-gold-border) !important; border-top: 4px solid var(--gwas-gold) !important; clear: both; margin: 28px 0 0 !important; padding: 26px 30px 30px !important; } .gwas-product-cart-card .bundle_button .quantity { display: none !important; } .gwas-product-cart-card .single_add_to_cart_button, .gwas-product-cart-card .bundle_add_to_cart_button { background: var(--gwas-gold) !important; border: 1px solid var(--gwas-gold) !important; border-radius: 2px !important; box-shadow: 0 6px 16px rgba(176, 141, 87, 0.20) !important; color: #ffffff !important; display: block; float: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; line-height: 1.2 !important; margin: 17px 0 0 !important; min-height: 55px; padding: 17px 28px !important; text-align: center; text-transform: uppercase !important; width: 100% !important; } .gwas-product-cart-card .single_add_to_cart_button:hover, .gwas-product-cart-card .bundle_add_to_cart_button:hover { background: var(--gwas-navy) !important; border-color: var(--gwas-navy) !important; color: #ffffff !important; } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 767px) { .gwas-product-cart-card .bundle_form .bundled_item_details_col { padding: 24px 18px 20px 48px !important; } .gwas-product-cart-card .bundle_form table.bundled_products tbody > tr.bundled_product > .bundled_item_details_col::before { left: -8px; top: 24px; } .gwas-product-cart-card .bundled_product_title { font-size: 25px !important; } .gwas-product-cart-card .bundle_button { padding: 23px 20px 26px !important; } } /* ============================================================ 17. PENNSYLVANIA PANTRY — NORMALIZED PAGELAYER CART Version 1.0.3 The plugin JavaScript adds the common classes below to the actual PageLayer nodes that contain the Pennsylvania Pantry Product Bundle. These selectors ensure the migrated page cannot inherit old Automat / Breakfast layout styling. ============================================================ */ .gwas-pennsylvania-pantry-product .bundle_form .bundled_item_images_col, .gwas-pennsylvania-pantry-product .bundle_form .bundled_product_images, .gwas-pennsylvania-pantry-product .bundle_form .bundled_product_image, .gwas-pennsylvania-pantry-product .bundle_form .bundled_product_thumbnail { display: none !important; max-width: 0 !important; padding: 0 !important; width: 0 !important; } .gwas-pennsylvania-pantry-product .bundle_form .bundled_item_details_col { max-width: none !important; width: 100% !important; } .gwas-pennsylvania-pantry-cart { background: var(--gwas-cream) !important; } .gwas-pennsylvania-pantry-cart .bundle_form { margin-top: 0 !important; } /* ============================================================ 18. REUSABLE BUILDER SHORTCODE Version 1.1.0 Shortcode: [gwas_product_builder] Put this shortcode in a PageLayer Shortcode widget inside the same PageLayer inner row as the WooCommerce Add to Cart widget. Give that PageLayer inner row: gwas-product-cart-card ============================================================ */ .gwas-product-cart-card .gwas-product-builder { margin: 0 0 28px !important; } .gwas-product-cart-card .gwas-product-builder-heading { border-top: 1px solid var(--gwas-border); padding-top: 38px; } .gwas-product-cart-card .gwas-product-builder-eyebrow { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.15em; line-height: 1.4 !important; margin: 0 0 12px !important; text-transform: uppercase; } .gwas-product-cart-card .gwas-product-builder-heading h2 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 39px !important; font-weight: 700 !important; letter-spacing: -0.025em; line-height: 1.05 !important; margin: 0 0 19px !important; } .gwas-product-cart-card .gwas-product-builder-lead { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 15px !important; line-height: 1.7 !important; margin: 0 !important; max-width: 620px; } /* Remove extra space before the WooCommerce bundle when the shortcode sits directly above the Add to Cart widget. */ .gwas-product-cart-card .gwas-product-builder + .bundle_form, .gwas-product-cart-card .gwas-product-builder ~ .bundle_form { margin-top: 0 !important; } /* ------------------------------------------------------------ LEGACY CLASSES Existing Breakfast / Automat builder classes remain supported elsewhere in this stylesheet. They can be migrated gradually. ------------------------------------------------------------ */ /* ============================================================ MOBILE ============================================================ */ @media (max-width: 767px) { .gwas-product-cart-card .gwas-product-builder-heading { padding-top: 30px; } .gwas-product-cart-card .gwas-product-builder-heading h2 { font-size: 35px !important; } .gwas-product-cart-card .gwas-product-builder-lead { font-size: 14px !important; } } @media (max-width: 430px) { .gwas-product-cart-card .gwas-product-builder-heading h2 { font-size: 32px !important; } } /* ============================================================ 19. UNIVERSAL STANDARD-BUNDLE STEP NUMBERS Version 1.1.1 Uses CSS counters instead of nth-child selectors. This is more reliable with WooCommerce Product Bundles because nested variation rows can change the table structure. Applies to bundle rows inside: .gwas-product-cart-card Future standard gift sets automatically inherit 01, 02, 03... ============================================================ */ /* Start the counter once for the outer bundled-products table. */ .gwas-product-cart-card table.bundled_products > tbody { counter-reset: gwas-bundle-step; } /* Increment once for each actual bundled product row. */ .gwas-product-cart-card table.bundled_products > tbody > tr.bundled_product { counter-increment: gwas-bundle-step; overflow: visible !important; } /* Make sure the details cell can carry the badge. */ .gwas-product-cart-card table.bundled_products > tbody > tr.bundled_product .bundled_item_details_col { overflow: visible !important; padding-left: 64px !important; position: relative !important; } /* Reliable 01 / 02 / 03 badge. */ .gwas-product-cart-card table.bundled_products > tbody > tr.bundled_product .bundled_item_details_col::before { align-items: center; background: var(--gwas-navy) !important; color: #ffffff !important; content: counter( gwas-bundle-step, decimal-leading-zero ) !important; display: flex !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; height: 38px !important; justify-content: center; left: -11px !important; letter-spacing: 0.10em; line-height: 1 !important; position: absolute !important; top: 27px !important; width: 38px !important; z-index: 20 !important; } /* Woo / PageLayer sometimes clips the badge at table level. */ .gwas-product-cart-card table.bundled_products, .gwas-product-cart-card table.bundled_products > tbody { overflow: visible !important; } /* ============================================================ MOBILE STEP BADGES ============================================================ */ @media (max-width: 767px) { .gwas-product-cart-card table.bundled_products > tbody > tr.bundled_product .bundled_item_details_col { padding-left: 52px !important; } .gwas-product-cart-card table.bundled_products > tbody > tr.bundled_product .bundled_item_details_col::before { left: -8px !important; top: 24px !important; } } /* ============================================================ 20. DIV-BASED WOOCOMMERCE PRODUCT BUNDLES Version 1.1.2 Actual Pennsylvania Pantry markup: FORM.bundle_form > DIV.bundled_product > DIV.bundled_product_images > DIV.details WooCommerce Product Bundles can render either table-based or div-based layouts. This section supports the div-based layout used by Pennsylvania Pantry and future standard gift sets. ============================================================ */ /* Start one counter for the direct bundled-product children. */ .gwas-product-cart-card .bundle_form { counter-reset: gwas-div-bundle-step; } /* ============================================================ STANDARD BUNDLE ITEM CARD ============================================================ */ .gwas-product-cart-card .bundle_form > .bundled_product { background: var(--gwas-ivory) !important; border: 1px solid var(--gwas-border) !important; box-shadow: var(--gwas-card-shadow) !important; box-sizing: border-box !important; clear: both !important; counter-increment: gwas-div-bundle-step; display: block !important; float: none !important; margin: 0 0 15px !important; min-height: 0 !important; overflow: visible !important; padding: 0 !important; position: relative !important; width: 100% !important; } /* ============================================================ REMOVE PRODUCT IMAGE COLUMN ============================================================ */ .gwas-product-cart-card .bundle_form > .bundled_product > .bundled_product_images, .gwas-product-cart-card .bundle_form > .bundled_product .bundled_product_images, .gwas-product-cart-card .bundle_form > .bundled_product .bundled_product_image { display: none !important; float: none !important; height: 0 !important; margin: 0 !important; max-width: 0 !important; min-width: 0 !important; overflow: hidden !important; padding: 0 !important; width: 0 !important; } /* ============================================================ FULL-WIDTH DETAILS AREA ============================================================ */ .gwas-product-cart-card .bundle_form > .bundled_product > .details, .gwas-product-cart-card .bundle_form > .bundled_product .details { box-sizing: border-box !important; display: block !important; float: none !important; margin: 0 !important; max-width: none !important; min-width: 0 !important; padding: 27px 27px 24px 64px !important; position: relative !important; width: 100% !important; } /* ============================================================ NUMBER BADGE ============================================================ */ .gwas-product-cart-card .bundle_form > .bundled_product::before { align-items: center; background: var(--gwas-navy) !important; color: #ffffff !important; content: counter( gwas-div-bundle-step, decimal-leading-zero ) !important; display: flex !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; height: 38px !important; justify-content: center; left: -11px !important; letter-spacing: 0.10em; line-height: 1 !important; position: absolute !important; top: 27px !important; width: 38px !important; z-index: 30 !important; } /* ============================================================ TITLE ============================================================ */ .gwas-product-cart-card .bundle_form > .bundled_product .bundled_product_title { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.1 !important; margin: 0 0 8px !important; } /* Remove Woo quantity suffix from title when quantity is fixed. */ .gwas-product-cart-card .bundle_form > .bundled_product .item_qty { color: var(--gwas-muted) !important; font-size: 12px !important; } /* ============================================================ PRODUCT EXCERPT ============================================================ */ .gwas-product-cart-card .bundle_form > .bundled_product .bundled_product_excerpt, .gwas-product-cart-card .bundle_form > .bundled_product .bundled_product_excerpt p { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.6 !important; margin: 0 0 16px !important; } /* ============================================================ REMOVE INDIVIDUAL PRODUCT LINK ============================================================ */ .gwas-product-cart-card .bundle_form > .bundled_product .bundled_product_permalink, .gwas-product-cart-card .bundle_form > .bundled_product .bundled_product_title_link { display: none !important; } .gwas-product-cart-card .bundle_form > .bundled_product .bundled_product_title a { color: var(--gwas-navy-dark) !important; cursor: default !important; pointer-events: none !important; text-decoration: none !important; } /* ============================================================ VARIATION FORM ============================================================ */ .gwas-product-cart-card .bundle_form > .bundled_product .bundled_item_cart_content { margin: 18px 0 0 !important; padding: 0 !important; width: 100% !important; } .gwas-product-cart-card .bundle_form > .bundled_product table.variations { border: 0 !important; margin: 0 !important; width: 100% !important; } .gwas-product-cart-card .bundle_form > .bundled_product table.variations tr { display: block !important; width: 100% !important; } .gwas-product-cart-card .bundle_form > .bundled_product table.variations td.label, .gwas-product-cart-card .bundle_form > .bundled_product table.variations td.value { display: block !important; padding: 0 !important; width: 100% !important; } .gwas-product-cart-card .bundle_form > .bundled_product table.variations td.label { margin: 0 0 8px !important; } .gwas-product-cart-card .bundle_form > .bundled_product table.variations label { color: var(--gwas-navy-dark) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.10em; text-transform: uppercase; } .gwas-product-cart-card .bundle_form > .bundled_product select { background: #ffffff !important; border: 1px solid rgba(47, 62, 82, 0.23) !important; border-radius: 2px !important; box-shadow: none !important; color: var(--gwas-ink) !important; font-family: Georgia, serif !important; font-size: 15px !important; min-height: 50px; padding: 10px 13px !important; width: 100% !important; } /* ============================================================ CLEAR LINK ============================================================ */ .gwas-product-cart-card .bundle_form > .bundled_product .reset_variations { color: var(--gwas-burgundy) !important; display: inline-block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.10em; margin: 10px 0 0 !important; text-transform: uppercase; } /* ============================================================ HIDE FIXED BUNDLED QUANTITIES ============================================================ */ .gwas-product-cart-card .bundle_form > .bundled_product .bundled_qty, .gwas-product-cart-card .bundle_form > .bundled_product .quantity, .gwas-product-cart-card .bundle_form > .bundled_product .bundled_item_button { display: none !important; } /* ============================================================ FINAL BUNDLE DATA ============================================================ */ .gwas-product-cart-card .bundle_form > .bundle_data { margin-top: 28px !important; } .gwas-product-cart-card .bundle_form > .bundle_data .bundle_price { border-top: 1px solid var(--gwas-border); padding-top: 22px; text-align: center; } .gwas-product-cart-card .bundle_form > .bundle_data .bundle_price .price, .gwas-product-cart-card .bundle_form > .bundle_data .bundle_price .woocommerce-Price-amount { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.1 !important; } .gwas-product-cart-card .bundle_form > .bundle_data .bundle_button { background: var(--gwas-paper) !important; border: 1px solid var(--gwas-gold-border) !important; border-top: 4px solid var(--gwas-gold) !important; margin: 28px 0 0 !important; padding: 26px 30px 30px !important; } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 767px) { .gwas-product-cart-card .bundle_form > .bundled_product > .details, .gwas-product-cart-card .bundle_form > .bundled_product .details { padding: 24px 18px 20px 52px !important; } .gwas-product-cart-card .bundle_form > .bundled_product::before { left: -8px !important; top: 24px !important; } .gwas-product-cart-card .bundle_form > .bundled_product .bundled_product_title { font-size: 25px !important; } } /* ============================================================ 21. UNIVERSAL "MEET THE MAKERS" SECTION Version 1.1.3 Reusable on all Gift With a Story product pages. Product-specific copy remains in PageLayer HTML. ============================================================ */ .gwas-product-makers { background: transparent !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } .gwas-product-makers-heading { border-bottom: 1px solid var(--gwas-border) !important; margin: 0 !important; padding: 0 0 28px !important; } .gwas-product-makers-heading .gwas-product-maker-eyebrow { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.16em !important; line-height: 1.4 !important; margin: 0 0 12px !important; text-transform: uppercase !important; } .gwas-product-makers-heading h2 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp( 38px, 4.4vw, 54px ) !important; font-weight: 700 !important; letter-spacing: -0.025em !important; line-height: 1 !important; margin: 0 0 18px !important; } .gwas-product-makers-heading .gwas-product-makers-lead { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 15px !important; line-height: 1.72 !important; margin: 0 !important; max-width: 720px !important; } /* ============================================================ MAKER ROW ============================================================ */ .gwas-product-maker { border-bottom: 1px solid var(--gwas-border) !important; display: grid !important; gap: 18px !important; grid-template-columns: 30px minmax(0, 1fr) !important; margin: 0 !important; padding: 30px 0 31px !important; } .gwas-product-maker-number { align-items: center !important; border: 1px solid var(--gwas-gold) !important; box-sizing: border-box !important; color: var(--gwas-gold) !important; display: flex !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 7px !important; font-weight: 700 !important; height: 32px !important; justify-content: center !important; letter-spacing: 0.05em !important; line-height: 1 !important; margin: 1px 0 0 !important; width: 32px !important; } .gwas-product-maker-content { min-width: 0 !important; } .gwas-product-maker-kicker { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; line-height: 1.4 !important; margin: 0 0 7px !important; text-transform: uppercase !important; } .gwas-product-maker h3 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 27px !important; font-weight: 700 !important; letter-spacing: -0.015em !important; line-height: 1.05 !important; margin: 0 0 8px !important; } .gwas-product-maker-copy { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.62 !important; margin: 0 !important; max-width: 720px !important; } .gwas-product-maker-link { color: var(--gwas-burgundy) !important; display: inline-block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.10em !important; line-height: 1.4 !important; margin: 17px 0 0 !important; text-decoration: none !important; text-transform: uppercase !important; } .gwas-product-maker-link:hover, .gwas-product-maker-link:focus { color: var(--gwas-navy-dark) !important; text-decoration: none !important; } /* ============================================================ OPTIONAL CLOSING NOTE ============================================================ */ .gwas-product-makers-story { background: var(--gwas-cream) !important; border-left: 3px solid var(--gwas-gold) !important; margin: 30px 0 0 !important; padding: 19px 22px !important; } .gwas-product-makers-story p { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.65 !important; margin: 0 !important; } /* ============================================================ PENNSYLVANIA PANTRY SMALL REFINEMENT ============================================================ */ .gwas-pa-makers .gwas-product-makers-heading { padding-top: 4px !important; } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 767px) { .gwas-product-makers-heading { padding-bottom: 23px !important; } .gwas-product-makers-heading h2 { font-size: 40px !important; } .gwas-product-maker { gap: 14px !important; grid-template-columns: 28px minmax(0, 1fr) !important; padding: 25px 0 26px !important; } .gwas-product-maker-number { height: 29px !important; width: 29px !important; } .gwas-product-maker h3 { font-size: 25px !important; } } @media (max-width: 430px) { .gwas-product-makers-heading h2 { font-size: 36px !important; } .gwas-product-makers-heading .gwas-product-makers-lead { font-size: 14px !important; } } /* ============================================================ 22. UNIVERSAL PRODUCT ENDING Version 1.2.0 Shortcode: [gwas_product_ending] Same closing section on every Gift With a Story product page. ============================================================ */ .gwas-product-ending { background: transparent !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } .gwas-product-ending-shell { box-sizing: border-box !important; margin: 0 auto !important; max-width: 1180px !important; padding: 0 34px !important; width: 100% !important; } /* ============================================================ DARK BRAND CLOSE ============================================================ */ .gwas-product-ending-story { background: var(--gwas-navy-dark) !important; margin: 0 !important; padding: 76px 0 72px !important; } .gwas-product-ending-heading { max-width: 760px !important; } .gwas-product-ending-eyebrow { color: var(--gwas-gold-light) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.17em !important; line-height: 1.4 !important; margin: 0 0 15px !important; text-transform: uppercase !important; } .gwas-product-ending-story h2 { color: #ffffff !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp( 48px, 5.5vw, 68px ) !important; font-weight: 700 !important; letter-spacing: -0.028em !important; line-height: 0.98 !important; margin: 0 0 24px !important; } .gwas-product-ending-lead { color: rgba(255,255,255,.84) !important; font-family: Georgia, serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.72 !important; margin: 0 !important; max-width: 730px !important; } /* ============================================================ FOUR REASONS GRID ============================================================ */ .gwas-product-ending-grid { border-top: 1px solid rgba(255,255,255,.16) !important; display: grid !important; gap: 0 !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; margin: 45px 0 0 !important; } .gwas-product-ending-item { border-right: 1px solid rgba(255,255,255,.13) !important; box-sizing: border-box !important; min-width: 0 !important; padding: 28px 25px 5px 0 !important; } .gwas-product-ending-item + .gwas-product-ending-item { padding-left: 25px !important; } .gwas-product-ending-item:last-child { border-right: 0 !important; padding-right: 0 !important; } .gwas-product-ending-number { color: #e0c58f !important; display: block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; line-height: 1 !important; margin: 0 0 19px !important; } .gwas-product-ending-kicker { color: #c9ad79 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.13em !important; line-height: 1.4 !important; margin: 0 0 8px !important; text-transform: uppercase !important; } .gwas-product-ending-item h3 { color: #ffffff !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 26px !important; font-weight: 700 !important; letter-spacing: -0.015em !important; line-height: 1.05 !important; margin: 0 0 10px !important; } .gwas-product-ending-item > p:not(.gwas-product-ending-kicker) { color: rgba(255,255,255,.78) !important; font-family: Georgia, serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.65 !important; margin: 0 !important; } /* ============================================================ RELATED / UPSELL AREA ============================================================ */ .gwas-product-ending-related { background: var(--gwas-cream) !important; margin: 0 !important; padding: 70px 0 64px !important; } .gwas-product-ending-related-heading { max-width: 700px !important; } .gwas-product-ending-related .gwas-product-ending-eyebrow { color: var(--gwas-gold) !important; } .gwas-product-ending-related-heading h2 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp( 44px, 5vw, 60px ) !important; font-weight: 700 !important; letter-spacing: -0.028em !important; line-height: 0.98 !important; margin: 0 0 18px !important; } .gwas-product-ending-related-heading > p:not(.gwas-product-ending-eyebrow) { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 15px !important; line-height: 1.72 !important; margin: 0 !important; max-width: 650px !important; } .gwas-product-ending-products { margin: 38px 0 0 !important; } /* ============================================================ WOOCOMMERCE UPSELL CARDS INSIDE SHORTCODE ============================================================ */ .gwas-product-ending-products .upsells.products { margin: 0 !important; } .gwas-product-ending-products .upsells.products > h2 { display: none !important; } .gwas-product-ending-products .upsells.products ul.products { display: grid !important; gap: 24px !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; margin: 0 !important; padding: 0 !important; } .gwas-product-ending-products .upsells.products ul.products::before, .gwas-product-ending-products .upsells.products ul.products::after { display: none !important; content: none !important; } .gwas-product-ending-products .upsells.products li.product { background: var(--gwas-ivory) !important; border: 1px solid var(--gwas-border) !important; box-shadow: 0 12px 30px rgba(30,42,56,.07) !important; box-sizing: border-box !important; float: none !important; margin: 0 !important; padding: 0 0 22px !important; width: 100% !important; } .gwas-product-ending-products .upsells.products li.product a.woocommerce-LoopProduct-link { text-decoration: none !important; } .gwas-product-ending-products .upsells.products li.product img { display: block !important; height: auto !important; margin: 0 0 20px !important; width: 100% !important; } .gwas-product-ending-products .upsells.products li.product .woocommerce-loop-product__title { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.08 !important; margin: 0 !important; padding: 0 20px !important; } .gwas-product-ending-products .upsells.products li.product .price { color: var(--gwas-burgundy) !important; display: block !important; font-family: Georgia, serif !important; font-size: 14px !important; font-weight: 700 !important; margin: 11px 20px 0 !important; } .gwas-product-ending-products .upsells.products li.product .button { background: var(--gwas-navy) !important; border: 0 !important; border-radius: 0 !important; color: #ffffff !important; display: inline-block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.11em !important; margin: 18px 20px 0 !important; padding: 13px 16px !important; text-transform: uppercase !important; } .gwas-product-ending-products .upsells.products li.product .button:hover, .gwas-product-ending-products .upsells.products li.product .button:focus { background: var(--gwas-navy-dark) !important; color: #ffffff !important; } /* ============================================================ FINAL EXPLORE LINK ============================================================ */ .gwas-product-ending-explore { align-items: center !important; display: grid !important; gap: 18px !important; grid-template-columns: 1fr auto auto !important; margin: 46px 0 0 !important; } .gwas-product-ending-explore-line { background: var(--gwas-gold-border) !important; height: 1px !important; width: 100% !important; } .gwas-product-ending-explore p { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; margin: 0 !important; } .gwas-product-ending-explore a { color: var(--gwas-burgundy) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.11em !important; text-decoration: none !important; text-transform: uppercase !important; white-space: nowrap !important; } .gwas-product-ending-explore a:hover, .gwas-product-ending-explore a:focus { color: var(--gwas-navy-dark) !important; text-decoration: none !important; } .gwas-product-ending-explore a span { color: var(--gwas-gold) !important; margin-left: 5px !important; } /* ============================================================ MOBILE / TABLET ============================================================ */ @media (max-width: 900px) { .gwas-product-ending-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .gwas-product-ending-item:nth-child(2) { border-right: 0 !important; } .gwas-product-ending-item:nth-child(3), .gwas-product-ending-item:nth-child(4) { border-top: 1px solid rgba(255,255,255,.13) !important; margin-top: 23px !important; padding-top: 28px !important; } .gwas-product-ending-item:nth-child(3) { padding-left: 0 !important; } .gwas-product-ending-products .upsells.products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { .gwas-product-ending-shell { padding: 0 22px !important; } .gwas-product-ending-story { padding: 58px 0 56px !important; } .gwas-product-ending-story h2 { font-size: 48px !important; } .gwas-product-ending-lead { font-size: 16px !important; } .gwas-product-ending-related { padding: 55px 0 50px !important; } .gwas-product-ending-related-heading h2 { font-size: 44px !important; } .gwas-product-ending-explore { align-items: start !important; grid-template-columns: 1fr !important; } .gwas-product-ending-explore-line { margin-bottom: 4px !important; } } @media (max-width: 560px) { .gwas-product-ending-grid { display: block !important; } .gwas-product-ending-item, .gwas-product-ending-item + .gwas-product-ending-item, .gwas-product-ending-item:nth-child(3), .gwas-product-ending-item:nth-child(4) { border-right: 0 !important; border-top: 1px solid rgba(255,255,255,.13) !important; margin: 0 !important; padding: 25px 0 !important; } .gwas-product-ending-item:first-child { border-top: 0 !important; } .gwas-product-ending-products .upsells.products ul.products { grid-template-columns: 1fr !important; } } /* ============================================================ 23. PRODUCT ENDING — UPSELL GRID FIX Version 1.2.1 Overrides WooCommerce / PageLayer column widths so the shortcode upsells always use the full available width. 3 products = 3 balanced cards 2 products = 2 balanced cards 1 product = one restrained card ============================================================ */ .gwas-product-ending .gwas-product-ending-products section.up-sells.upsells.products, .gwas-product-ending .gwas-product-ending-products section.upsells.products, .gwas-product-ending .gwas-product-ending-products .upsells.products { box-sizing: border-box !important; float: none !important; margin: 0 !important; max-width: none !important; padding: 0 !important; width: 100% !important; } .gwas-product-ending .gwas-product-ending-products section.up-sells.upsells.products ul.products, .gwas-product-ending .gwas-product-ending-products section.upsells.products ul.products, .gwas-product-ending .gwas-product-ending-products .upsells.products ul.products { align-items: stretch !important; display: grid !important; float: none !important; gap: 26px !important; grid-auto-flow: row !important; grid-template-columns: repeat( auto-fit, minmax( min(240px, 100%), 1fr ) ) !important; justify-content: stretch !important; list-style: none !important; margin: 0 !important; max-width: none !important; padding: 0 !important; width: 100% !important; } .gwas-product-ending .gwas-product-ending-products section.up-sells.upsells.products ul.products::before, .gwas-product-ending .gwas-product-ending-products section.up-sells.upsells.products ul.products::after, .gwas-product-ending .gwas-product-ending-products section.upsells.products ul.products::before, .gwas-product-ending .gwas-product-ending-products section.upsells.products ul.products::after { content: none !important; display: none !important; } /* Force WooCommerce's percentage-based li widths off. */ .gwas-product-ending .gwas-product-ending-products section.up-sells.upsells.products ul.products li.product, .gwas-product-ending .gwas-product-ending-products section.upsells.products ul.products li.product, .gwas-product-ending .gwas-product-ending-products .upsells.products ul.products li.product { align-self: stretch !important; background: var(--gwas-ivory) !important; border: 1px solid var(--gwas-border) !important; box-shadow: 0 12px 30px rgba(30,42,56,.07) !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; float: none !important; height: 100% !important; margin: 0 !important; max-width: none !important; min-width: 0 !important; padding: 0 0 24px !important; position: relative !important; width: 100% !important; } /* Keep one single upsell from becoming an oversized full-width card. */ .gwas-product-ending .gwas-product-ending-products ul.products li.product:only-child { max-width: 360px !important; } /* ============================================================ IMAGE ============================================================ */ .gwas-product-ending .gwas-product-ending-products ul.products li.product a.woocommerce-LoopProduct-link { display: block !important; text-decoration: none !important; width: 100% !important; } .gwas-product-ending .gwas-product-ending-products ul.products li.product img { aspect-ratio: 4 / 3 !important; display: block !important; height: auto !important; margin: 0 0 22px !important; max-width: none !important; object-fit: cover !important; width: 100% !important; } /* ============================================================ TITLE / PRICE ============================================================ */ .gwas-product-ending .gwas-product-ending-products ul.products li.product .woocommerce-loop-product__title { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 28px !important; font-weight: 700 !important; letter-spacing: -0.018em !important; line-height: 1.05 !important; margin: 0 !important; padding: 0 22px !important; } .gwas-product-ending .gwas-product-ending-products ul.products li.product .price { color: var(--gwas-burgundy) !important; display: block !important; font-family: Georgia, serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 13px 22px 0 !important; } /* ============================================================ BUTTON ============================================================ */ .gwas-product-ending .gwas-product-ending-products ul.products li.product .button { align-self: flex-start !important; background: var(--gwas-navy) !important; border: 0 !important; border-radius: 0 !important; box-sizing: border-box !important; color: #ffffff !important; display: inline-flex !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; justify-content: center !important; letter-spacing: 0.11em !important; line-height: 1.2 !important; margin: auto 22px 0 !important; min-width: 116px !important; padding: 14px 17px !important; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; white-space: normal !important; width: auto !important; } .gwas-product-ending .gwas-product-ending-products ul.products li.product .button:hover, .gwas-product-ending .gwas-product-ending-products ul.products li.product .button:focus { background: var(--gwas-navy-dark) !important; color: #ffffff !important; } /* Push the button down while preserving spacing above it. */ .gwas-product-ending .gwas-product-ending-products ul.products li.product .price { margin-bottom: 22px !important; } /* ============================================================ TABLET ============================================================ */ @media (max-width: 900px) { .gwas-product-ending .gwas-product-ending-products section.up-sells.upsells.products ul.products, .gwas-product-ending .gwas-product-ending-products section.upsells.products ul.products, .gwas-product-ending .gwas-product-ending-products .upsells.products ul.products { grid-template-columns: repeat( 2, minmax(0, 1fr) ) !important; } } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 560px) { .gwas-product-ending .gwas-product-ending-products section.up-sells.upsells.products ul.products, .gwas-product-ending .gwas-product-ending-products section.upsells.products ul.products, .gwas-product-ending .gwas-product-ending-products .upsells.products ul.products { grid-template-columns: 1fr !important; } .gwas-product-ending .gwas-product-ending-products ul.products li.product:only-child { max-width: none !important; } .gwas-product-ending .gwas-product-ending-products ul.products li.product .woocommerce-loop-product__title { font-size: 26px !important; } } /* ============================================================ 24. BUNDLE MISSING-OPTIONS MESSAGE Version 1.2.2 Used by the generic vanilla-JS bundle message enhancer. ============================================================ */ .gwas-product-system-active .bundle_form .gwas-bundle-missing-heading { color: var(--gwas-ink) !important; font-family: Georgia, serif !important; font-size: 14px !important; line-height: 1.55 !important; margin: 0 !important; } .gwas-product-system-active .bundle_form .gwas-bundle-missing-list { color: var(--gwas-navy-dark) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.55 !important; list-style: disc !important; margin: 8px 0 0 20px !important; padding: 0 !important; } .gwas-product-system-active .bundle_form .gwas-bundle-missing-list li { color: var(--gwas-navy-dark) !important; margin: 3px 0 !important; padding: 0 !important; } /* ============================================================ 25. BREAKFAST SPEAKEASY — ROBUST MORNING CUP VISIBILITY Version 1.3.1 The Product Page System now adds a product-slug class to . This lets Breakfast-specific visibility rules work even when the WooCommerce bundle widget is no longer nested beneath the old PageLayer .gwas-speakeasy-product wrapper. Product: /product/breakfast-speakeasy-set/ Body class: .gwas-product-slug-breakfast-speakeasy-set ============================================================ */ /* Coffee and Tea native Product Bundle rows start hidden. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea { display: none !important; } /* The existing Breakfast JavaScript adds this class after the customer chooses Coffee or Tea. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible { display: block !important; } /* Table-based Product Bundles must return to table-row display. */ .gwas-product-slug-breakfast-speakeasy-set tr.gwas-bundle-coffee.gwas-sp-cup-visible, .gwas-product-slug-breakfast-speakeasy-set tr.gwas-bundle-tea.gwas-sp-cup-visible { display: table-row !important; } /* If Product Bundles uses a div layout, preserve normal block display. */ .gwas-product-slug-breakfast-speakeasy-set div.gwas-bundle-coffee.gwas-sp-cup-visible, .gwas-product-slug-breakfast-speakeasy-set div.gwas-bundle-tea.gwas-sp-cup-visible { display: block !important; } /* Legacy standalone Coffee / Tea headings remain hidden. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-sp-native-coffee-heading, .gwas-product-slug-breakfast-speakeasy-set .gwas-sp-native-tea-heading { display: none !important; } /* ============================================================ 26. BREAKFAST SPEAKEASY — PLUGIN MIGRATION CLEANUP Version 1.3.2 ============================================================ */ /* The new [gwas_product_builder] shortcode replaces the old hard-coded Breakfast builder heading. Keep the Coffee / Tea choice-card step below it, but suppress the legacy heading. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-sp-builder-heading { display: none !important; } /* Once the plugin identifies the native Coffee / Tea bundle items, both begin hidden. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea { display: none !important; } /* Show only the selection activated through the Coffee / Tea cards. */ .gwas-product-slug-breakfast-speakeasy-set tr.gwas-bundle-coffee.gwas-sp-cup-visible, .gwas-product-slug-breakfast-speakeasy-set tr.gwas-bundle-tea.gwas-sp-cup-visible { display: table-row !important; } .gwas-product-slug-breakfast-speakeasy-set div.gwas-bundle-coffee.gwas-sp-cup-visible, .gwas-product-slug-breakfast-speakeasy-set div.gwas-bundle-tea.gwas-sp-cup-visible { display: block !important; } /* Hide the native Product Bundles optional checkbox UI. The checkbox remains functional and authoritative. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee input[type="checkbox"], .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea input[type="checkbox"] { height: 1px !important; left: -9999px !important; opacity: 0 !important; position: absolute !important; width: 1px !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee .bundled_product_optional_checkbox, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea .bundled_product_optional_checkbox { display: none !important; } /* Ensure the selected native row uses the shared card styling even when the PageLayer wrapper changed during migration. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ============================================================ 27. UNIVERSAL PRODUCT READY MESSAGE Version 1.4.0 Shortcode: [gwas_product_ready] Replaces the old Breakfast-only .gwas-sp-ready treatment. ============================================================ */ .gwas-product-ready { background: transparent !important; border-top: 1px solid var(--gwas-border) !important; box-sizing: border-box !important; margin: 28px 0 0 !important; padding: 25px 0 0 !important; width: 100% !important; } .gwas-product-ready-eyebrow { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.15em !important; line-height: 1.4 !important; margin: 0 0 11px !important; text-transform: uppercase !important; } .gwas-product-ready-heading { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 29px !important; font-weight: 700 !important; letter-spacing: -0.018em !important; line-height: 1.08 !important; margin: 0 0 13px !important; } .gwas-product-ready-copy { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 14px !important; line-height: 1.7 !important; margin: 0 !important; max-width: 680px !important; } .gwas-product-ready-next { border-top: 1px solid var(--gwas-border) !important; color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 12px !important; font-style: italic !important; line-height: 1.6 !important; margin: 20px 0 0 !important; padding: 16px 0 0 !important; } .gwas-product-ready-next strong { color: var(--gwas-burgundy) !important; font-style: normal !important; font-weight: 700 !important; } /* When used inside the shared configurator card, keep the spacing aligned with the bundle content. */ .gwas-product-cart-card .gwas-product-ready { margin-top: 30px !important; } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 767px) { .gwas-product-ready { margin-top: 24px !important; padding-top: 22px !important; } .gwas-product-ready-heading { font-size: 26px !important; } .gwas-product-ready-copy { font-size: 13px !important; } } /* ============================================================ 28. AUTOMATIC READY MESSAGE PLACEMENT Version 1.4.1 ============================================================ */ /* Summary sits after the last bundle selection and before the Product Bundles final purchase area. */ .gwas-product-ready-summary { background: transparent !important; border-top: 1px solid var(--gwas-border) !important; box-sizing: border-box !important; clear: both !important; margin: 30px 0 24px !important; padding: 25px 0 0 !important; width: 100% !important; } /* Product Bundles may render this directly between table content and .bundle_data. Keep it full-width and unclipped. */ .bundle_form .gwas-product-ready-summary { display: block !important; float: none !important; max-width: none !important; } /* The next-step note is intentionally after the real parent bundle Add to Cart button. */ .bundle_form .bundle_button .gwas-product-ready-next-auto { border-top: 1px solid var(--gwas-border) !important; clear: both !important; display: block !important; margin: 20px 0 0 !important; padding: 16px 0 0 !important; width: 100% !important; } /* Keep the actual purchase button visually primary. */ .bundle_form .bundle_button .single_add_to_cart_button + .gwas-product-ready-next-auto { margin-top: 20px !important; } /* Old manually placed shortcode produces no output on bundle product pages. These styles remain for manual="yes" usage. */ @media (max-width: 767px) { .gwas-product-ready-summary { margin: 25px 0 21px !important; padding-top: 22px !important; } .bundle_form .bundle_button .gwas-product-ready-next-auto { margin-top: 17px !important; padding-top: 14px !important; } } /* ============================================================ 29. BREAKFAST SPEAKEASY — MORNING CUP CHOOSER Version 1.4.2 Automatically inserted by the plugin before native bundle items. These rules do not depend on the old PageLayer .gwas-speakeasy-product wrapper. ============================================================ */ .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup { background: var(--gwas-ivory) !important; border: 1px solid var(--gwas-border) !important; box-sizing: border-box !important; margin: 0 0 24px !important; padding: 27px 27px 28px 64px !important; position: relative !important; width: 100% !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-heading { display: grid !important; gap: 16px !important; grid-template-columns: 1fr !important; margin: 0 0 22px !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-number { align-items: center !important; background: var(--gwas-navy) !important; color: #ffffff !important; display: flex !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; height: 38px !important; justify-content: center !important; left: -11px !important; letter-spacing: 0.08em !important; line-height: 1 !important; position: absolute !important; top: 27px !important; width: 38px !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-kicker { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; line-height: 1.4 !important; margin: 0 0 7px !important; text-transform: uppercase !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-heading h3 { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 29px !important; font-weight: 700 !important; letter-spacing: -0.018em !important; line-height: 1.05 !important; margin: 0 0 8px !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-heading > div > p:last-child { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.6 !important; margin: 0 !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-options { display: grid !important; gap: 14px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-choice { appearance: none !important; background: #ffffff !important; border: 2px solid var(--gwas-border) !important; border-radius: 0 !important; box-shadow: none !important; box-sizing: border-box !important; cursor: pointer !important; display: flex !important; flex-direction: column !important; margin: 0 !important; min-height: 205px !important; padding: 23px !important; text-align: left !important; width: 100% !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-choice:hover, .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-choice:focus { border-color: rgba(176,141,87,.60) !important; outline: none !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-choice.is-selected { border-color: var(--gwas-gold) !important; box-shadow: 0 10px 25px rgba(30,42,56,.08) !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-sp-cup-type { color: var(--gwas-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; margin: 0 0 13px !important; text-transform: uppercase !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-choice strong { color: var(--gwas-navy-dark) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 25px !important; font-weight: 700 !important; line-height: 1.15 !important; margin: 0 0 10px !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-choice small { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-sp-cup-select { border-top: 1px solid var(--gwas-border) !important; color: var(--gwas-burgundy) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; margin: auto 0 0 !important; padding: 14px 0 0 !important; text-transform: uppercase !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-choice.is-selected .gwas-sp-cup-select { color: var(--gwas-gold) !important; } @media (max-width: 600px) { .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup { padding: 24px 18px 22px 52px !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-number { left: -8px !important; top: 24px !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-options { grid-template-columns: 1fr !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-breakfast-cup-choice { min-height: 180px !important; } } /* ============================================================ 30. GLOBAL OPTIONAL BUNDLE UPGRADES Version 1.4.3 Any WooCommerce Product Bundles item marked OPTIONAL receives the same "Make It Deluxe" treatment across every gift set. ============================================================ */ /* ---------- OPTIONAL CARD ---------- */ .gwas-product-cart-card .bundle_form tr.bundled_item_optional .bundled_item_details_col, .gwas-product-cart-card .bundle_form > .bundled_item_optional { background: #fffaf2 !important; border: 1px solid rgba(176,141,87,.56) !important; box-shadow: 0 12px 28px rgba(30,42,56,.06) !important; } /* Optional number badge becomes gold. */ .gwas-product-cart-card .bundle_form tr.bundled_item_optional .bundled_item_details_col::before, .gwas-product-cart-card .bundle_form > .bundled_item_optional::before { background: var(--gwas-gold) !important; color: #ffffff !important; } /* ---------- OPTIONAL UPGRADE EYEBROW ---------- */ .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_product_title::before { color: var(--gwas-gold) !important; content: "OPTIONAL UPGRADE" !important; display: block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.15em !important; line-height: 1.4 !important; margin: 0 0 8px !important; text-transform: uppercase !important; } .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_product_title { color: var(--gwas-navy-dark) !important; font-size: 29px !important; } /* ---------- MAKE IT DELUXE ---------- */ .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_item_cart_content::before { color: var(--gwas-burgundy) !important; content: "Make It Deluxe — add this extra to the gift." !important; display: block !important; font-family: Georgia, serif !important; font-size: 12px !important; font-style: italic !important; font-weight: 700 !important; line-height: 1.55 !important; margin: 0 0 13px !important; } /* ---------- OPTIONAL ADD CONTROL ---------- */ .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_product_optional_checkbox, .gwas-product-cart-card .bundle_form .bundled_item_optional label.bundled_product_optional_checkbox, .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_item_cart_content > label { align-items: center !important; background: var(--gwas-cream) !important; border: 1px solid var(--gwas-gold-border) !important; box-sizing: border-box !important; color: var(--gwas-navy-dark) !important; display: flex !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; gap: 10px !important; letter-spacing: 0.08em !important; line-height: 1.35 !important; margin: 0 !important; padding: 14px 16px !important; text-transform: uppercase !important; width: 100% !important; } .gwas-product-cart-card .bundle_form .bundled_item_optional input[type="checkbox"] { accent-color: var(--gwas-navy) !important; flex: 0 0 auto !important; height: 17px !important; margin: 0 !important; width: 17px !important; } /* ---------- OPTIONAL PRICE ---------- */ .gwas-product-cart-card .bundle_form .bundled_item_optional .woocommerce-Price-amount, .gwas-product-cart-card .bundle_form .bundled_item_optional .price { color: var(--gwas-burgundy) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 24px !important; font-weight: 700 !important; letter-spacing: -0.015em !important; line-height: 1 !important; } /* ---------- SELECTED STATE ---------- */ .gwas-product-cart-card .bundle_form .bundled_item_optional:has( input[type="checkbox"]:checked ) .bundled_item_details_col, .gwas-product-cart-card .bundle_form > .bundled_item_optional:has( input[type="checkbox"]:checked ) { background: #fff7e8 !important; border-color: var(--gwas-gold) !important; box-shadow: 0 14px 34px rgba(176,141,87,.13) !important; } .gwas-product-cart-card .bundle_form .bundled_item_optional:has( input[type="checkbox"]:checked ) .bundled_product_title::before { content: "DELUXE UPGRADE ADDED" !important; } @media (max-width: 767px) { .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_product_title { font-size: 26px !important; } } /* ============================================================ 31. OPTIONAL / DELUXE — PREMIUM DISTINCTION Version 1.4.4 Makes optional upgrades visually distinct from included bundle items using a richer champagne parchment palette. This section intentionally overrides the lighter v1.4.3 optional treatment. ============================================================ */ /* ============================================================ OUTER OPTIONAL CARD ============================================================ */ .gwas-product-cart-card .bundle_form tr.bundled_item_optional .bundled_item_details_col, .gwas-product-cart-card .bundle_form > .bundled_item_optional { background: #f7ecd7 !important; border: 1px solid #c9a96a !important; box-shadow: 0 12px 28px rgba(48,40,24,.08) !important; } /* Add a subtle inset edge so the card reads as a separate tier. */ .gwas-product-cart-card .bundle_form tr.bundled_item_optional .bundled_item_details_col, .gwas-product-cart-card .bundle_form > .bundled_item_optional { outline: 1px solid rgba(255,255,255,.48) !important; outline-offset: -5px !important; } /* ============================================================ GOLD STEP BADGE ============================================================ */ .gwas-product-cart-card .bundle_form tr.bundled_item_optional .bundled_item_details_col::before, .gwas-product-cart-card .bundle_form > .bundled_item_optional::before { background: #b08d57 !important; color: #ffffff !important; box-shadow: 0 5px 12px rgba(64,48,24,.12) !important; } /* ============================================================ UPGRADE EYEBROW ============================================================ */ .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_product_title::before { color: #a57a35 !important; content: "OPTIONAL UPGRADE" !important; display: block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.16em !important; line-height: 1.4 !important; margin: 0 0 8px !important; text-transform: uppercase !important; } /* ============================================================ PRODUCT TITLE ============================================================ */ .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_product_title { color: var(--gwas-navy-dark) !important; font-size: 29px !important; } /* ============================================================ ADD-ON ACTION PANEL ============================================================ */ .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_product_optional_checkbox, .gwas-product-cart-card .bundle_form .bundled_item_optional label.bundled_product_optional_checkbox, .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_item_cart_content > label { background: #efe2c8 !important; border: 1px solid #d0b07a !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important; color: var(--gwas-navy-dark) !important; padding: 15px 16px !important; } /* ============================================================ MAKE IT DELUXE COPY ============================================================ */ .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_item_cart_content::before { color: #8a5a3b !important; content: "Make It Deluxe — add this extra to the gift." !important; display: block !important; font-family: Georgia, serif !important; font-size: 12px !important; font-style: italic !important; font-weight: 700 !important; line-height: 1.55 !important; margin: 0 0 14px !important; } /* ============================================================ PRICE ============================================================ */ .gwas-product-cart-card .bundle_form .bundled_item_optional .woocommerce-Price-amount, .gwas-product-cart-card .bundle_form .bundled_item_optional .price { color: #8a4f2f !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 25px !important; font-weight: 700 !important; letter-spacing: -0.015em !important; line-height: 1 !important; } /* ============================================================ CHECKBOX ============================================================ */ .gwas-product-cart-card .bundle_form .bundled_item_optional input[type="checkbox"] { accent-color: var(--gwas-navy) !important; height: 18px !important; width: 18px !important; } /* ============================================================ SELECTED DELUXE STATE ============================================================ */ .gwas-product-cart-card .bundle_form .bundled_item_optional:has( input[type="checkbox"]:checked ) .bundled_item_details_col, .gwas-product-cart-card .bundle_form > .bundled_item_optional:has( input[type="checkbox"]:checked ) { background: #f2dfbd !important; border-color: #b08d57 !important; box-shadow: 0 15px 34px rgba(176,141,87,.16) !important; outline-color: rgba(255,255,255,.52) !important; } .gwas-product-cart-card .bundle_form .bundled_item_optional:has( input[type="checkbox"]:checked ) .bundled_product_title::before { color: #8f6b2f !important; content: "DELUXE UPGRADE ADDED" !important; } /* Selected action panel becomes slightly richer too. */ .gwas-product-cart-card .bundle_form .bundled_item_optional:has( input[type="checkbox"]:checked ) .bundled_product_optional_checkbox, .gwas-product-cart-card .bundle_form .bundled_item_optional:has( input[type="checkbox"]:checked ) label.bundled_product_optional_checkbox, .gwas-product-cart-card .bundle_form .bundled_item_optional:has( input[type="checkbox"]:checked ) .bundled_item_cart_content > label { background: #e8d3ad !important; border-color: #b08d57 !important; } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 767px) { .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_product_title { font-size: 26px !important; } .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_product_optional_checkbox, .gwas-product-cart-card .bundle_form .bundled_item_optional label.bundled_product_optional_checkbox, .gwas-product-cart-card .bundle_form .bundled_item_optional .bundled_item_cart_content > label { padding: 13px 14px !important; } } /* ============================================================ 32. READY MESSAGE — ONLY AFTER REQUIRED SELECTIONS Version 1.4.5 The generic Product Bundles JavaScript marks the bundle form: .gwas-bundle-is-incomplete = required choices are missing .gwas-bundle-is-ready = all required choices are made This prevents "Your Gift Is Ready" from appearing at the same time as WooCommerce's missing-options notice. ============================================================ */ .bundle_form.gwas-bundle-is-incomplete .gwas-product-ready-summary { display: none !important; } .bundle_form.gwas-bundle-is-ready .gwas-product-ready-summary { display: block !important; } /* Keep the post-purchase instruction hidden until the gift can actually be added. */ .bundle_form.gwas-bundle-is-incomplete .gwas-product-ready-next-auto { display: none !important; } .bundle_form.gwas-bundle-is-ready .gwas-product-ready-next-auto { display: block !important; } /* ============================================================ 33. INSIDE THE GIFT — OPTIONAL UPGRADE BLOCK Version 1.4.6 Used when an optional deluxe item is mentioned inside the static "Inside the Gift" summary. ============================================================ */ .gwas-product-includes-upgrade { background: #f7ecd7 !important; border: 1px solid rgba(176,141,87,.40) !important; border-left: 3px solid var(--gwas-gold) !important; box-sizing: border-box !important; margin: 24px 0 22px !important; padding: 17px 20px 18px !important; width: 100% !important; } .gwas-product-includes-upgrade > span { color: var(--gwas-gold) !important; display: block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; line-height: 1.4 !important; margin: 0 0 7px !important; text-transform: uppercase !important; } .gwas-product-includes-upgrade > p { color: var(--gwas-muted) !important; font-family: Georgia, serif !important; font-size: 13px !important; line-height: 1.65 !important; margin: 0 !important; } .gwas-product-includes-upgrade > p > strong { color: var(--gwas-navy-dark) !important; display: block !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.15 !important; margin: 0 0 7px !important; } /* Keep the section below from crowding the upgrade callout. */ .gwas-product-includes-upgrade + .gwas-product-also-included { margin-top: 22px !important; } @media (max-width: 767px) { .gwas-product-includes-upgrade { margin: 20px 0 !important; padding: 15px 16px 16px !important; } .gwas-product-includes-upgrade > p > strong { font-size: 19px !important; } } /* ============================================================ 34. OPTIONAL ITEM TYPES Version 1.4.7 .gwas-optional-choice Optional in WooCommerce, but included at no additional cost. .gwas-optional-upgrade Optional AND adds an extra price, so it receives the deluxe / upgrade treatment. ============================================================ */ /* ============================================================ INCLUDED OPTIONAL CHOICE Restore the normal included-item appearance. ============================================================ */ .gwas-product-cart-card .bundle_form tr.bundled_item_optional.gwas-optional-choice .bundled_item_details_col, .gwas-product-cart-card .bundle_form > .bundled_item_optional.gwas-optional-choice { background: var(--gwas-ivory) !important; border: 1px solid var(--gwas-border) !important; box-shadow: var(--gwas-card-shadow) !important; outline: 0 !important; } /* Included choice keeps the normal navy number badge. */ .gwas-product-cart-card .bundle_form tr.bundled_item_optional.gwas-optional-choice .bundled_item_details_col::before, .gwas-product-cart-card .bundle_form > .bundled_item_optional.gwas-optional-choice::before { background: var(--gwas-navy) !important; color: #ffffff !important; box-shadow: none !important; } /* Remove deluxe wording entirely for no-cost optional choices. */ .gwas-product-cart-card .bundle_form .bundled_item_optional.gwas-optional-choice .bundled_product_title::before { content: none !important; display: none !important; } .gwas-product-cart-card .bundle_form .bundled_item_optional.gwas-optional-choice .bundled_item_cart_content::before { content: none !important; display: none !important; } /* Restore the normal title scale. */ .gwas-product-cart-card .bundle_form .bundled_item_optional.gwas-optional-choice .bundled_product_title { color: var(--gwas-navy-dark) !important; font-size: 27px !important; } /* The free optional control should look like a normal included selection, not a deluxe upgrade panel. */ .gwas-product-cart-card .bundle_form .bundled_item_optional.gwas-optional-choice .bundled_product_optional_checkbox, .gwas-product-cart-card .bundle_form .bundled_item_optional.gwas-optional-choice label.bundled_product_optional_checkbox, .gwas-product-cart-card .bundle_form .bundled_item_optional.gwas-optional-choice .bundled_item_cart_content > label { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--gwas-navy-dark) !important; padding: 0 !important; } /* A checked included choice should remain visually normal and must never say "Deluxe Upgrade Added". */ .gwas-product-cart-card .bundle_form .bundled_item_optional.gwas-optional-choice:has( input[type="checkbox"]:checked ) .bundled_item_details_col, .gwas-product-cart-card .bundle_form > .bundled_item_optional.gwas-optional-choice:has( input[type="checkbox"]:checked ) { background: var(--gwas-ivory) !important; border-color: var(--gwas-border) !important; box-shadow: var(--gwas-card-shadow) !important; outline: 0 !important; } .gwas-product-cart-card .bundle_form .bundled_item_optional.gwas-optional-choice:has( input[type="checkbox"]:checked ) .bundled_product_title::before { content: none !important; display: none !important; } /* ============================================================ PAID OPTIONAL UPGRADE Explicitly preserve the premium deluxe treatment. ============================================================ */ .gwas-product-cart-card .bundle_form tr.bundled_item_optional.gwas-optional-upgrade .bundled_item_details_col, .gwas-product-cart-card .bundle_form > .bundled_item_optional.gwas-optional-upgrade { background: #f7ecd7 !important; border: 1px solid #c9a96a !important; box-shadow: 0 12px 28px rgba(48,40,24,.08) !important; outline: 1px solid rgba(255,255,255,.48) !important; outline-offset: -5px !important; } .gwas-product-cart-card .bundle_form .bundled_item_optional.gwas-optional-upgrade .bundled_product_title::before { color: #a57a35 !important; content: "OPTIONAL UPGRADE" !important; display: block !important; } .gwas-product-cart-card .bundle_form .bundled_item_optional.gwas-optional-upgrade .bundled_item_cart_content::before { color: #8a5a3b !important; content: "Make It Deluxe — add this extra to the gift." !important; display: block !important; } /* ============================================================ BREAKFAST MORNING CUP Coffee and Tea are no-cost included choices, even though Product Bundles marks them Optional internally. ============================================================ */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-optional-choice, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-optional-choice { outline: 0 !important; } /* ============================================================ 35. BREAKFAST — SELECTED COFFEE / TEA CLEANUP Version 1.4.8 Coffee / Tea are free included alternatives controlled by the Morning Cup cards. Once selected, the native Product Bundles row should show the maker/product title and variation selector, but NOT WooCommerce's internal "ADD" control. ============================================================ */ /* ============================================================ HIDE THE NATIVE "ADD" CONTROL Keep the checkbox functional, but the custom Morning Cup card is the customer-facing control. ============================================================ */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-optional-choice .bundled_product_optional_checkbox, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-optional-choice .bundled_product_optional_checkbox, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-optional-choice label:has(input[type="checkbox"]), .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-optional-choice label:has(input[type="checkbox"]) { display: none !important; } /* Defensive hide for the checkbox itself. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee input[type="checkbox"], .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea input[type="checkbox"] { height: 1px !important; left: -9999px !important; opacity: 0 !important; position: absolute !important; width: 1px !important; } /* ============================================================ SHOW THE ACTUAL COFFEE / TEA PRODUCT TITLE ============================================================ */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_product_title, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible .bundled_product_title { color: var(--gwas-navy-dark) !important; display: block !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 27px !important; font-weight: 700 !important; letter-spacing: -0.015em !important; line-height: 1.08 !important; margin: 0 0 16px !important; } /* Keep title links visually neutral. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_product_title a, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible .bundled_product_title a { color: var(--gwas-navy-dark) !important; pointer-events: none !important; text-decoration: none !important; } /* ============================================================ CLEAN THE SELECTED ROW SPACING ============================================================ */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible .details, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible .details { background: #ffffff !important; border-top: 1px solid var(--gwas-border) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 24px 26px !important; width: 100% !important; } /* Small selection label above the real product title. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible .details::before, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible .details::before { color: var(--gwas-gold) !important; display: block !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.15em !important; line-height: 1.4 !important; margin: 0 0 9px !important; text-transform: uppercase !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible .details::before { content: "YOUR COFFEE SELECTION" !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible .details::before { content: "YOUR TEA SELECTION" !important; } /* The actual maker title now replaces the old generated "Choose Their Coffee / Tea" heading. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_item_cart_content::before, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible .bundled_item_cart_content::before { content: none !important; display: none !important; } /* Give the variation selector breathing room below the title. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_item_cart_content, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible .bundled_item_cart_content { margin: 0 !important; padding: 0 !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible table.variations, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible table.variations { margin: 0 !important; } /* Keep Coffee / Tea description hidden here; the Morning Cup cards already explain the maker and this row is for choosing the exact variation. */ .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_product_excerpt, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible .bundled_product_excerpt { display: none !important; } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 767px) { .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible .details, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible .details { padding: 21px 18px 23px !important; } .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-coffee.gwas-sp-cup-visible .bundled_product_title, .gwas-product-slug-breakfast-speakeasy-set .gwas-bundle-tea.gwas-sp-cup-visible .bundled_product_title { font-size: 25px !important; } }