/* 
Theme Name: DWW Theme 
Version: 1.2.2
Description: Child theme for Storefront. 
Author: NF
Author URI: https://www.dww.at/ 
Template: storefront 
*/  

/* --------------- Theme customization starts here ----------------- */
/* fill with pink after footer */
body {background-color:#ffc6ff}
body > div {background-color:#ffffff}

.clear {clear:both;content:" ";display:table;visibility:hidden;font-size:0;height:0;}

/* small header */
#masthead { padding-top:0.5em}
#masthead .site-branding {margin-bottom: 0px}
#menu-main-menu li a, #site-header-cart li a { padding-top:0.5em; padding-bottom:0.5em;}

.storefront-breadcrumb {margin-bottom:0.3em;}

.social-icon {
  display:inline-block; margin:6px;
}


/* Remove cart value in header */
#site-header-cart .woocommerce-Price-amount { display:none; }
#site-header-cart .count { float:right; margin-left:0.7em;}

/* Bigger site title in homepage */
.page-template-template-homepage .entry-header h1 {
  color:#dc2818 !important;
  font-weight:800;
  font-size:3.5em;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
  padding-top:1.5em; padding-bottom:1.5em; /* make top home banner less tall */
}

/* Store Notice. Set in Appearance > Woocommerce > Store Notice */
.demo_store {
background-color: #008800;
color: #fff;
/* Bar at the top - covers other elements
top: 0px !important;
bottom: auto;
z-index: 999;
*/
}

/* Customize Sale badge https://nicola.blog/2016/03/31/customize-sale-badge-storefront/ */
.onsale {
  background-color: #ffc6ff;
  border: 2px solid #fff !important;
  border-radius:6px;
  color: #000 !important;
}
ul.products li.product .onsale {
    position: absolute;
    top: 12px;
    right: 12px;
}

/* custom content */
/*#content {
    background-image:url('/catfight/wp-content/uploads/DWW_Home_banner_1.jpg');
    background-repeat:no-repeat;
    background-size:contain;
}*/

.dvd-warn-multi { font-size:0.8em;font-weight:bold; }
.descr-small { font-size:0.9em; }

/*---------------*/
/* product page */
/* reduce space between thumbnails / categories and girls */
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {margin-bottom:1.5em;}
.storefront-full-width-content.single-product div.product .summary {margin-bottom:1.5em;}

/* less margin around price, smaller sectin titles */
.single-product div.product p.price {margin:0.5em 0;}
.single-product h1 {font-size:2.2em;}
.single-product h2 {font-size:1.5em;}
.single-product h3 {font-size:1.3em;}

/* change color of Add To Cart button */
button.single_add_to_cart_button { background-color: #f00 !important; }

/* girls and category in single-product page */
.dww-prod-girls {float:left;  margin:0px 20px 30px 0px; max-width: 90px; text-align:center;}
.dww-prod-girls .dww-prod-image {width:90px; height:120px; overflow:hidden;}
.dww-prod-girls .dww-prod-text {line-height:1;margin-top:4px;font-weight:bold;font-size:1.1em;}
.dww-prod-categ {float:right; margin:0px 0px 30px 20px; max-width: 80px; text-align:center;}
.dww-prod-categ .dww-prod-image {width:60px; height:45px; margin: 0 auto 4px auto;}
.dww-prod-categ .dww-prod-text {font-size:0.9em;line-height:1;}


/*---------------*/
/* Girls list (archive categories): don't enlarge picture, keep it same size or smaller */
.archive .product-category img { object-fit: scale-down; max-height:480px; }

/* Lighbox full zoom: don't enlarge picture, keep it same size or smaller */
.pswp img.pswp__img { object-fit: scale-down; }

/* Remove categories from 404 page */
.fourohfour-columns-2 .col-2 { display:none; }

/* small footer */
#colophon {padding-top:0px; padding-bottom:0px;}
.footer-widgets {padding-top:1.5em;}
.footer-widgets .widget_text { margin-bottom:1em;}
.site-info {padding-top:0.5em; padding-bottom:0.5em;}

/* fix Google CLS Cumulative Layout Shift in FlexForm */
.woocommerce-product-gallery__wrapper {max-height:360px; overflow:hidden;}
/* .woocommerce-product-gallery {max-height:640px; overflow:hidden;} */
.tax-product_cat .woocommerce-products-header img {min-height: 290px;/* 480px full screen, 290px min mobile */}