/**
* Theme Name: YITH Proteo Child
* Description: This is a child theme of YITH Proteo, generated by YITH_Proteo_Wizard.
* Author: <a href="https://yithemes.com">YITH</a>
* Template: yith-proteo
* Version: 1.3.0
*/

/* Bildspel i WooCommerce bild-lightbox  */
.pswp,
.pswp__scroll-wrap,
.pswp__container {
    background: #2f3438 !important;
}

.pswp__bg {
    background: #2f3438 !important;
    opacity: 1 !important;
}

.pswp__top-bar {
    background: #111 !important;
}

/* Undvik röd färg i UI-lagret */
.pswp__ui,
.pswp__ui--fit {
    background: transparent !important;
}

.pswp__button {
    color: #fff !important;
}

/* startsidan, döljer sorteringsrutan samt gör text centrerad */
body.home .yith_auction_current {
    text-align: center;
}
body.home .woocommerce-ordering {
    display: none;
}

/*Ökar margin på kategorititle*/
ul.products li.product .woocommerce-loop-category__title {margin-top: 1rem;}

/* Linjerar knppar på hero */
.wp-block-button.is-style-button-style-1 .wp-block-button__link:not(.has-background):not(.has-text-color) {margin-bottom: 0px;}

.site-branding img.custom-logo {
  display: inline-block;
  max-width: inherit;
  transition: max-width 0.3s ease, width 0.3s ease;
}

/*Länk på puff, tills det fungerar i WP igen*/
.full-puff-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.full-puff-link:hover {
  opacity: 0.9;
}

.puff-hover {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.puff-hover:hover {
  transform: scale(1.05);
  opacity: 0.95;
}

/* Staging-banner */
.starpix-staging-banner {
    background: #f4c542;
    color: #222;
    text-align: center;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 1.4;
    box-sizing: border-box;
    position: relative;
    z-index: 10000;
}

.starpix-staging-banner strong {
    font-weight: 700;
}

/* Proteos sticky header */
.site-header.sticky {
    top: 0 !important;
    z-index: 9999;
}