/*

Theme Name: WOOCOMMERCE: Flat White CHILD Theme
Description: Flat White Websites Child Theme - WooCommerce
Author: Penny Badowska
Author URI: https://flatwhitewebsites.co.uk/
Template: FWWCoreTheme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-column, responsive-layout
Text Domain: FWWCoreThemeChild

*/ 

/************************************************

Stylesheet: WOO COMMERCE

*************************************************/
/*********************
MAIN SHOP PAGE
*********************/
/* add in padding around gallery images */
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  margin: 1rem 1rem 0 0; }

/*********************
SINGLE PRODUCT STYLES
*********************/
/* make spacing better around product */
.article-header .product, .woocommerce div.product div.images {
  margin-bottom: 2rem; }

/* remove weird boxing around tabs underneath product info*/
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  border-right: 1px solid #0a0a0a;
  border-radius: 0; }

.tabs {
  border-color: #e6e6e6; }

/*remove box that says Description etc */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: none; }

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  border: none;
  box-shadow: none; }

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border: none; }

.woocommerce div.product .woocommerce-tabs .panel h2 {
  font-size: 1.5rem; }

.woocommerce ul.products li.product .price {
  color: #e6e6e6; }

/* add in spacing around thumbnails on Single Product page */
.woocommerce div.product div.images .flex-control-thumbs li {
  padding: 1rem 1rem 0 0; }

.woocommerce-billing-fields p, .woocommerce-additional-fields label {
  font-size: 1rem; }

.woocommerce div.product .product_title {
  font-size: 1.5rem; }

/* IMPROVE LAYOUT OF INDIVIDUAL WOO PRODUCT PAGE */
.woocommerce div.product div.images {
  margin-top: -1.3rem; }

.woocommerce div.product form.cart .variations td {
  line-height: 1; }

.value {
  margin-right: 0; }

/*********************
RELATED PRODUCTS
*********************/
/* font weight of Related Products*/
.woocommerce div.product .woocommerce-tabs .panel h2, .related.products h2, .cart_totals h2 {
  font-size: 1.5rem;
  font-weight: 700; }

/* font weight of Related Products - individual titles*/
.related .products h2 {
  font-size: 1.25rem; }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-weight: 700;
  font-size: 1.25rem; }

/*********************
CHECKOUT PAGE
*********************/
/* remove grey borders from checkout page */
.woocommerce table.shop_table {
  border: none; }

/* remove all blue backgrounds from checkout page*/
thead, td, th {
  background: #fefefe; }

.woocommerce-info {
  border-width: 1px; }

/* size of headings in Checkout forms */
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3 {
  font-size: 1.25rem; }

.woocommerce-message, .woocommerce-info {
  background-color: #fefefe; }

/*********************
BORDERS
*********************/
/* remove border radius from various */
.select2-container--default .select2-selection--single, .woocommerce-checkout #payment, .wc-block-components-product-badge {
  border-radius: 0; }

input {
  border-radius: 0;
  border: 1px solid;
  margin-bottom: 1rem; }

.select2-container--default .select2-selection--single {
  height: 3em; }

/* remove coloured top border from Woo commerce boxes*/
.woocommerce-info {
  border: none; }

/*remove top border from message confirming product bought */
.woocommerce-message {
  border: 0; }

/*********************
BASKET
*********************/
/* style Basket plugin */
.xoo-wsc-basket {
  box-shadow: none !important;
  border-radius: 0 !important;
  margin-top: 1rem !important;
  background: none !important;
  padding-right: 1.5rem !important; }

/* move View Basket that appears when item added to cart from main Shop page */
.woocommerce a.added_to_cart {
  padding-left: 1rem; }

/*remove breadcrumbs bar*/
.woocommerce .woocommerce-breadcrumb {
  display: none;
  height: 0; }

.asp-thank-you-page-msg-wrap {
  background-color: #fefefe !important;
  border: none !important; }

.asp-thank-you-page-wrap {
  margin-bottom: 5rem; }

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
  float: left; }

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
  float: none; }

p .woocommerce-mini-cart__buttons .buttons {
  width: auto; }

/* Make basket layout better with no boxing  */
.woocommerce table.shop_table {
  border: 0px;
  margin-bottom: 5rem; }

.woocommerce table.shop_table td {
  border: 0px;
  padding: 10px; }

tr .woocommerce-cart-form__cart-item cart_item {
  padding-bottom: 2rem; }

/*********************
BUTTONS
*********************/
/* make border radius for "Buy" button the same as rest of template */
.woocommerce a.button, .woocommerce .button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
  border-radius: 10rem;
  font-size: 1.25rem; }

/* make Quantity box same height as "Buy" button*/
.woocommerce .quantity .qty, .woocommerce button.button, .woocommerce-cart table.cart td.actions .coupon .input-text {
  height: 3rem; }

/* make Coupon box same height as "Buy" button and sensible width*/
.woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text {
  height: 3rem;
  min-width: 8rem;
  padding-left: 1rem; }

.woocommerce a.button, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
  color: #fefefe; }

.woocommerce button.button:hover, .woocommerce button.button.alt:hover {
  background: #f10000; }

/* remove BUTTON from Related Products section below Single Product because button looks too squished. */
.related .products .button {
  display: none; }

.woocommerce a.button {
  margin: 1rem auto; }

/* CONTINUE SHOPPING button  */
a.button.continue {
  border-radius: 0;
  margin-top: 1rem;
  margin-right: 3rem;
  margin-bottom: 2rem;
  padding: 1rem 2rem; }

.woocommerce div.product form.cart .button {
  border-radius: 0;
  margin-top: 1rem;
  margin-right: 3rem;
  font-size: 1.125rem; }
  @media print, screen and (min-width: 40em) {
    .woocommerce div.product form.cart .button {
      font-size: 1.25rem;
      padding: 1rem 2rem 2.5rem 2rem; } }
  @media screen and (min-width: 87.5em) {
    .woocommerce div.product form.cart .button {
      font-size: 1.5rem; } }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  font-size: 1.125rem; }
  @media print, screen and (min-width: 40em) {
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
      font-size: 1.25rem; } }
  @media screen and (min-width: 87.5em) {
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
      font-size: 1.5rem; } }
/* make layout better for Coupon on Basket page */
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button {
  padding: 0 2rem; }

/*improve styling of COUPON CODE button on Basket page */
.woocommerce-cart table.cart td.actions .coupon .input-text {
  margin-right: 3rem !important;
  text-align: center !important; }

.single_add_to_cart_button button .alt {
  padding: 5rem !important; }

/*style button in View My Basket */
.wc-block-components-button:not(.is-link).outlined:not(:focus) {
  border: solid 2px red;
  box-shadow: none; }

/* SALE button */
.woocommerce span.onsale {
  padding: 0;
  font-size: 1.25rem; }

.single-product span.sku_wrapper {
  display: none !important; }

select:focus, [type='number']:focus {
  box-shadow: none; }

/*********************
OTHER BITS
*********************/
/* MAKE PLUGIN THAT SHOWS COLOUR SWATCHES LOOK NICE */
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  padding: 0 !important; }

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
  box-shadow: none; }

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected {
  box-shadow: none !important;
  border: 2px solid red; }

.woocommerce-variation-price {
  margin-bottom: 2rem; }

/* REMOVE ROUNDED CORNERS OF GPAY */
.gpay-card-info-container {
  border-radius: 0 !important; }

/* COUPON CODE */
[input='text'] .input-text #coupon_code {
  margin-right: 3rem; }

/* removes background from numbers when shop page shows categories */
mark {
  background: none !important; }

/*********************
WOO SIDEBAR things
*********************/
/*add in styling for Search box option within Woo Sidebar*/
input[type='search']:focus {
  box-shadow: none; }

input[type='search'] {
  padding: 1.5rem; }

.widget_product_search {
  height: 7rem; }

.select2-container--default .select2-selection--single {
  border-radius: 0 !important;
  border: 1px solid #5f6260 !important;
  padding: 0.5rem 1rem 2.5rem 1rem !important; }

.woo-bottom .woocommerce .widget_shopping_cart .buttons a {
  width: auto;
  margin-right: 75%;
  margin-bottom: 2rem; }

.woo-right .woocommerce.widget_shopping_cart .buttons a {
  width: auto;
  margin-bottom: 2rem; }

.woocommerce.widget_shopping_cart .total {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 2rem; }

.woocommerce.widget_shopping_cart .total strong {
  padding-top: 2rem; }

.woocommerce div.product form.cart div.quantity {
  margin-right: 60%; }

/* REMOVE TAGS FROM INDIVIDUAL PRODUCT PAGE */
.tagged_as {
  display: none; }