/*========================================== = WW Single Product Overrides = ==========================================*/ /* 1) Wrap gallery + summary side-by-side and center align */ .ww-product-top { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; margin-bottom: 40px; } /* allow both columns to grow/shrink */ .ww-product-top .woocommerce-product-gallery, .ww-product-top .summary { flex: 1 1 0; } /* 2) Product Title */ .single-product .product_title { font-weight: normal !important; margin-bottom: 30px; } /* 3) Short description under title */ .single-product .woocommerce-product-details__short-description { font-family: 'Lora', serif; color: #7c6756; margin-bottom: 20px; } /* 4) Price styling */ .single-product .price { display: block; font-size: 28px !important; font-weight: normal !important; color: #5a3e36; margin-bottom: 20px; } /* 5) Variations labels (Buying option, Size) */ .single-product .variations label { font-weight: normal !important; color: #7c6756; } /* 6) Quantity input */ .single-product .quantity input.qty { border: 1px solid #cbbfb5; border-radius: 6px; padding: 0 15px; height: 44px; line-height: 44px; font-family: 'Lora', serif; font-size: 14px; text-align: center; margin-right: 10px; } /* 7) Add to Cart button */ .single-product form.cart button.single_add_to_cart_button { background-color: #94786d; color: #fff !important; font-family: 'Lora', serif; font-size: 14px !important; font-weight: 600; padding: 0 20px; height: 44px; line-height: 44px; border-radius: 4px; border: none; transition: background-color .2s ease; cursor: pointer; text-transform: none; } /* Hover on enabled */ .single-product form.cart button.single_add_to_cart_button:hover:not([disabled]) { background-color: #7f6655; } /* Disabled (before options chosen) */ .single-product form.cart button.single_add_to_cart_button:disabled, .single-product form.cart button.single_add_to_cart_button.disabled { background-color: #c8b8a6; color: #fff !important; cursor: not-allowed; opacity: 1; } /* 8) WooCommerce Tabs – remove underline & normalize font */ .woocommerce div.product .woocommerce-tabs { margin-top: 40px; } .woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: none !important; background: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: normal !important; background: #f0eae6; /* optional light bg */ } .woocommerce div.product .woocommerce-tabs .panel { border-top: none; padding: 30px 20px; background: #fff; font-family: 'Lora', serif; color: #5a3e36; font-size: 16px; line-height: 1.7; } /* 9) Reviews tab spacing & font */ .single-product .product_title + .woocommerce-tabs { margin-top: 20px; } .woocommerce #reviews h2 { margin-bottom: 20px; font-weight: normal !important; } /* EOF */ /* Titles */ h1.page-title, .woocommerce ul.products li.product h2.woocommerce-loop-product__title { font-family: 'Bree Serif', serif; } /* Body / Descriptions */ body, .single-product .woocommerce-product-details__short-description, .woocommerce .term-description { font-family: 'Lora', serif; } /* Buttons & selects */ button, .woocommerce a.button, .woocommerce select { font-family: 'Open Sans', sans-serif; } /* === Single Product Layout === */ /* Flex‐container for gallery + summary */ .single-product div.product { display: flex; flex-wrap: wrap; gap: 40px; } .single-product div.product .woocommerce-product-gallery, .single-product div.product .summary { flex: 1 1 45%; } /* Price */ .single-product .price { font-size: 28px !important; font-weight: normal !important; color: #beaf9a; } /* Disabled add‐to‐cart (no selection) */ button.single_add_to_cart_button:disabled { background-color: #c8b8a6; color: #fff !important; } /* Tabs: remove bottom border + normal font */ .woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: normal; } /*=== WW Single Product: Price & Gallery Fixes ===*/ /* 1) Price color & font */ .single-product .price, .single-product p.price, .single-product .woocommerce-variation-price .price { color: #beaf9a !important; /* your custom “gold” tone */ font-family: 'Bree Serif', serif; /* match your headings */ font-size: 36px !important; /* make it pop */ font-weight: normal !important; /* no extra bold */ margin: 0 0 20px; /* space beneath */ } /* 2) When variation text triggers a new price block */ .single-product .woocommerce-variation-price { margin-top: 15px; } /* 3) Gallery thumbnails flex & spacing */ .woocommerce-product-gallery .flex-control-thumbs { display: flex !important; flex-wrap: wrap; gap: 8px; justify-content: flex-start; margin-top: 15px; } .woocommerce-product-gallery .flex-control-thumbs li { width: 60px; height: 60px; overflow: hidden; border-radius: 4px; border: 1px solid #e2dcd6; } .woocommerce-product-gallery .flex-control-thumbs img { width: 100%; height: 100%; object-fit: cover; } /* Optional: highlight active thumbnail */ .woocommerce-product-gallery .flex-control-thumbs .flex-active { border-color: #94786d; /* your tan accent */ } /*=== WW Single Product: Gallery thumbs flex & styling ===*/ .woocommerce-product-gallery .flex-control-thumbs { display: flex !important; flex-wrap: wrap; gap: 10px; margin-top: 15px !important; justify-content: flex-start; } .woocommerce-product-gallery .flex-control-thumbs li { width: 60px; height: 60px; overflow: hidden; border: 1px solid #e6d8cc; border-radius: 4px; } .woocommerce-product-gallery .flex-control-thumbs img { width: 100%; height: 100%; object-fit: cover; } /* highlight active thumb in your brown accent */ .woocommerce-product-gallery .flex-control-thumbs .flex-active { border-color: #5a3e36 !important; border-width: 2px !important; } /*=== WW Single Product: Un-crop gallery thumbs & preserve aspect ratio ===*/ .woocommerce-product-gallery .flex-control-thumbs { display: flex !important; gap: 10px; margin-top: 15px !important; justify-content: flex-start; flex-wrap: wrap; } .woocommerce-product-gallery .flex-control-thumbs li { /* let the LI size itself to the image’s natural shape */ width: auto !important; height: auto !important; padding: 2px; border: 1px solid #e6d8cc; border-radius: 4px; background: #fff; } .woocommerce-product-gallery .flex-control-thumbs img { /* show whole image, no cropping */ width: auto !important; height: auto !important; max-width: 60px; max-height: 60px; object-fit: contain; display: block; } /* optional: highlight the active thumb in your accent brown */ .woocommerce-product-gallery .flex-control-thumbs .flex-active { border-color: #5a3e36 !important; box-shadow: 0 0 0 2px rgba(90,62,54,0.6); } /* Constrain single product content width */ .single-product .site-main { max-width: 1200px; margin: 0 auto; padding: 0 20px; } body.single-product .site-main { max-width: 1100px; margin: 0 auto; padding: 0 5%; } /* Quantity input wrapper */ .woocommerce div.quantity { display: inline-flex; align-items: center; } /* Quantity input box */ .woocommerce input.qty { width: 60px; height: 44px; padding: 0 12px; font-size: 16px; font-family: 'Lora', serif; text-align: center; border: 1px solid #cbbfb5; border-radius: 6px; appearance: none; -moz-appearance: textfield; } /* Remove spinner arrows in Chrome, Safari, Edge */ .woocommerce input.qty::-webkit-outer-spin-button, .woocommerce input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }