/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	5
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {font-family: 'source_serif_proregular',"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;}
body, button, input, textarea {font-family: 'source_sans_proregular',"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;}
@font-face {font-family: 'source_sans_proregular'; src: url('sourcesanspro-regular-webfont.woff2') format('woff2'), url('sourcesanspro-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'source_sans_probold'; src: url('sourcesanspro-bold-webfont.woff2') format('woff2'), url('sourcesanspro-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'source_serif_proregular'; src: url('sourceserifpro-regular-webfont.woff2') format('woff2'), url('sourceserifpro-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'source_serif_prosemibold'; src: url('sourceserifpro-semibold-webfont.woff2') format('woff2'), url('sourceserifpro-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

.storefront-breadcrumb {margin: 0 0 15px;}
.negativeMarginTop {margin-top: -60px;}
.negativeMarginTop .alignright {margin-top: -60px;}
.hentry .entry-header {margin-bottom: 0;border-bottom: 0;display: none;}
.wp-block-media-text img {border-radius: 0px;}
#respond {background-color: #fff;border: solid 2px #f2f2f2;}

.site-info {display: none;}
.footer-widgets {border-bottom: 0;}
.site-footer {padding: 1.618em 0 1.618em;background-color: #f5f5f5;}
.widget {margin: 0 0 0;}
.footer-widgets {padding-top: 30px;border-bottom: 0;padding-bottom: 15px;}

/* styling for partner commission */
.use-partner-commission { background-color: #fafafa; padding: 1.41575em; margin-bottom: 0; float: none; width: 100%; margin-top: 2.617924em; margin-bottom: 2.617924em; }
.use-partner-commission > p { margin:0; }

/* show favorable variants */
[data-favorable-variants] {}
[data-favorable-variants] [data-favorable-variant] { display:none; border:1px #ce6632 solid; padding:10px; margin-bottom:10px; }

/**
* Task #397 Schlüsselwörter
* get rid of the sidebar and make primary content full-width
*/
body.post-template-default.single #secondary {
    display:none;
}
body.post-template-default.single #primary.content-area {
    width: 100%;
}
/**
* END Task #397 Schlüsselwörter
*/

/* prioritize woocommerce-error message */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	z-index: 100;
}

/* height of phone number country selector */
.iti__selected-country {
    height: 46px;
}


/* Language-switcher adjustments:
 * 1) Reset WPML default margins
 * 2) Align DE/FR inline with a separator
 * 3) Hide language links in main menu on tablets and larger
 */
li.wpml-ls-item {
    margin: 0;  /* remove all default spacing around each language item */
}
/* —— Secondary menu: show DE/FR inline with separator —— */
.secondary-navigation li.wpml-ls-slot-19 {
    display: inline-block;  /* place DE/FR side by side */
    margin: 0;              /* clear any extra outer margin */
    padding: 0;             /* clear any extra inner padding */
}
.secondary-navigation li.wpml-ls-item-de > a {
    height: 20px;
    padding-top: 3px;

    padding-left: 20px;     /* balance space on the left of “DE” */
    padding-right: 8px;     /* create gap before the separator */
    border-right: 1px solid #ccc;  /* thin vertical line between DE and FR */
}
.secondary-navigation li.wpml-ls-item-fr > a {
    padding-left: 4px;      /* space after the separator, before “FR” */
}
/* —— Main menu: hide language switcher on screens ≥768px —— */
@media (min-width: 768px) {
    .menu.nav-menu li.wpml-ls-slot-18 {
        display: none;      /* remove DE/FR from main nav on tablet+ */
    }
}
/* —— Mobile (≤767px): show DE/FR side by side and tighten gap —— */
@media (max-width: 767px) {
    .handheld-navigation li.wpml-ls-slot-18 {
        display: inline-block !important;   /* override block: put language items on one line */
        margin: 0;                          /* small horizontal gap between DE & FR */
        margin-top: 15px;
    }
    /* —— add a separator between DE & FR —— */
    .handheld-navigation li.wpml-ls-item-de > a {
        height: 20px;
        padding-top: 0;

        border-right: 1px solid #ccc;       /* vertical line */
        padding-right: 8px;                   /* space before the line */
        margin-right: 4px;                    /* gap after the line */
    }
    .handheld-navigation li.wpml-ls-item-de > a > span,
    .handheld-navigation li.wpml-ls-item-fr > a > span {
        position: relative;
        top: -3px;
    }
}
