/*
Theme Name:storefront-child
Version: 1.0
Theme URI: http://quirm.net/themes
Description: A basic starter child theme for Twenty Fourteen 
Author: Mel Pedley
Author URI: http://blackwidows.co.uk
Template: storefront
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

.site-header{padding-top:0.618em;padding-bottom:0}

.site-branding h1{font-size:2.4em;letter-spacing:0px;margin:0}

.site-branding .site-description{font-size:1.157em}

.widget-area .widget{font-size:1.1em}

.widget h3.widget-title{font-size:1.387em;letter-spacing:0;border-bottom:1px solid rgba(0,0,0,.05);padding:0 0 10em;margin-bottom:5em;font-weight:700}

.widget .widget-title,.widget .widgettitle{font-size:1.41575em;letter-spacing:0;border-bottom:1px solid rgba(0,0,0,.05);padding:0 0 0em;margin-bottom:0em;font-weight:700}

.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product.site-header,.no-wc-breadcrumb .site-header{margin-bottom:0em}

.hentry .entry-header .byline,.hentry .entry-header .posted-on{font-size:.857em;display:none}

.hentry.type-post .entry-meta{width:0.6470588235%;float:left;margin-right:5.8823529412%;font-size:.857em;display:none}

.hentry.type-post .entry-content{width:76.4705882353%;float:left;margin-right:0}

.site-header .custom-logo-link,.site-header .site-branding,.site-header .site-logo-anchor,.site-header .site-logo-link{display:block;width:91.7391304348%;float:left;margin-right:4.347826087%;clear:both;margin-bottom:2.618em}

.site-info{padding:2.618em 0;display:none}

.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{padding:0.318em 1em}

.widget-area .widget a:not(.button){font-weight:400;text-decoration:none}


a { text-decoration: none !important; }
a:active, a:hover, a:focus {outline-style: none !important;}

.post-author {display:none;}
.cat-links {display:none;}
.tags-links {display:none;}
/* Döljer cart i headern */
.site-header-cart {display:none;}

/* Dölj allt annat i storefront-handheld-footer-bar */
.storefront-handheld-footer-bar .my-account,
.storefront-handheld-footer-bar .cart,
.storefront-handheld-footer-bar .search > a {
    display: none;
}



/* sökrutan däruppe allt som är remarkat här nedanför
/*@media screen and (max-width: 768px) {
/*    .site-search {
/*        display: block !important;
/*        width: 80%; /* Ändra bredden till önskad storlek */
/*        margin: 1px 0; /* Endast 5px ovanför och under, inget på sidorna */
/*        text-align: left; /* Säkerställer att innehållet i behållaren är vänsterjusterat */
/*    }
/*
/*    .site-search input.search-field {
/*        width: 100%; /* Sökfältet fyller hela behållaren */
/*    }
/*}
/*
/*
/*@media (max-width: 468px)
/*{
/*    ul.products li.product
/*    {
/*        width: 47.8% !important;
/*    }
/*}   */

/* sökrutan därnere behåll endast sökfältet och dess knapp därnere */
.storefront-handheld-footer-bar .site-search {
    display: block; /* Se till att sökrutan visas */
}

/* Centrera eller justera sökrutan om behövs */
.storefront-handheld-footer-bar {
    bottom: 25px; /* Justera detta för att flytta hela baren uppåt */
}




#wdgt_pl .pl .bdr h2 {
    font-size: 1.3em;
}

/* detta minska avståndet från rubriken ner till texten samt avståndet mellan stycken*/
p+h2,p+header h2,p+h3,p+h4,ul+h2,ul+header h2,ul+h3,ul+h4,ol+h2,ol+header h2,ol+h3,ol+h4,table+h2,table+header h2,table+h3,table+h4,blockquote+h2,blockquote+header h2,blockquote+h3,blockquote+h4,form+h2,form+header h2,form+h3,form+h4{margin-top:0.2906835em}

h1,h2,h3,h4,h5,h6{clear:both;font-weight:300;margin:0 0 .1407911001em;color:#131315}

/* Visar bara 2 rader av titeln så blir produktboxerna lika höga  */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Begränsar till två rader */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 3.2em; /* Tvingar titeln att alltid ta plats för två rader */
    max-height: 3.2em; /* Förhindrar att den sträcker sig in på en tredje rad */
    line-height: 1.6em; /* Justera efter din fontstorlek för att matcha 2 rader */
}

 /* Justera höjden om det bara finns en rad i titeln */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Tvingar samma höjd */
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 3.2em; /* Se till att titeln alltid tar plats för 2 rader */
}

.woocommerce ul.products li.product .price {
    margin-top: auto; /* Trycker ner priset så det alltid ligger längst ner */
}



/* Placerar rearutan  */
.woocommerce ul.products li.product .onsale {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    background-color: red; /* Du kan ändra färgen */
    color: white;
    padding: 5px 10px;
    font-size: 14px;
}



.woocommerce ul.products li.product {
    position: relative; /* För att placera REA-rutan rätt */
}

.single-product .onsale {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 20;
    background-color: red; /* Håller samma röda färg */
    color: white;
    padding: 5px 10px;
    font-size: 14px;
}

.single-product .product {
    position: relative; /* För att REA-rutan ska placeras rätt */
}

.storefront-breadcrumb {
    height: 30px !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important; /* Lägger till 10px utrymme under */
    position: relative; 
    top: 10px;  /* Flyttar ner 10px */
    left: 50px; /* Flyttar till höger 50px */
}

#masthead {
    margin-bottom: 10px !important; /* Lägger till 10px extra utrymme under headern och texten på startsidan */
}


/* två produktkolumner på mobilen */
@media (max-width: 768px) {
  ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  ul.products li.product {
    width: 48%;
    margin-bottom: 2%;
  }
}

/* Slogan syns samt radbryts vid behov på mobilen */
@media (max-width: 768px) {
  .site-description {
    display: block !important;
    margin-right: 25px;  /* Menyknappen gör att radbrytningen behövs på ca 25 */
  }
}



/* Röd och fet stil på priset i produktsidorna */
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    color: red !important;
    font-weight: bold !important;
}

/* Röd och fet stil på priset i  produktöversikten kategori, butikssida mm */
.woocommerce ul.products li.product .price ins {
    color: red !important;
    font-weight: bold !important;
}

/* Normalpris (Original price) skal IKKE være rød  i widgeten Recently Viewed Products */
.woocommerce del .woocommerce-Price-amount {
    color: inherit !important;
    font-weight: normal !important;
}

/* Udsalgspris (Current price) skal være rød og fed  i widgeten Recently Viewed Products */
.woocommerce ins .woocommerce-Price-amount {
    color: red !important;
    font-weight: bold !important;
}