/*
 Theme Name:   SoVi
 Theme URI:    https://solarvignette.ch/
 Description:  GeneratePress child theme for Solarvignette.ch
 Author:       @voneff
 Author URI:   https://laikalaika.de
 Template:     generatepress
 Version:      0.1
*/

@font-face {
    font-family: 'knockout_46flyweightsolafrica';
    src: url('assets/webfonts/knockout-46solafrica.eot');
    src: url('assets/webfonts/knockout-46solafrica.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/knockout-46solafrica.woff2') format('woff2'),
         url('assets/webfonts/knockout-46solafrica.woff') format('woff'),
         url('assets/webfonts/knockout-46solafrica.ttf') format('truetype'),
         url('assets/webfonts/knockout-46solafrica.svg#knockout_46flyweightsolafrica') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Basis Grotesque';
    src: url('assets/webfonts/basis-grotesque-medium-pro.eot');
    src: url('assets/webfonts/basis-grotesque-medium-pro.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/basis-grotesque-medium-pro.woff2') format('woff2'),
         url('assets/webfonts/basis-grotesque-medium-pro.woff') format('woff'),
         url('assets/webfonts/basis-grotesque-medium-pro.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Basis Grotesque';
    src: url('assets/webfonts/basis-grotesque-black-pro.eot');
    src: url('assets/webfonts/basis-grotesque-black-pro.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/basis-grotesque-black-pro.woff2') format('woff2'),
         url('assets/webfonts/basis-grotesque-black-pro.woff') format('woff'),
         url('assets/webfonts/basis-grotesque-black-pro.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


/*--------------------------------------------------------------
# Mobile cart icon next to mobile-header hamburger toggle
--------------------------------------------------------------*/

.sovi-mobile-cart {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;     /* Push to the right side of the flex row. */
	margin-right: 0.5rem;  /* Small gap between cart icon and hamburger. */
	padding: 0.25rem 0.5rem;
	color: inherit;
	line-height: 1;
	text-decoration: none;
	order: 1;              /* Sit just before the hamburger toggle. */
}

.sovi-mobile-cart .woofc-icon-cart10 {
	font-size: 1.5rem;
}

@media (max-width: 768px) {

	/* Make sure the hamburger toggle stays after the cart icon. */
	#mobile-header .menu-toggle {
		order: 2;
	}

	/* Hide the cart menu item from the mobile slide-out menu so the
	   cart only appears once on mobile (next to the hamburger). */
	#mobile-menu .woofc-menu-item {
		display: none;
	}
}

/* Count badge for the mobile cart icon. Reads from the data-count
   attribute that WPC Fly Cart keeps in sync with the cart contents.
   Hidden when the cart is empty. */
.sovi-mobile-cart .woofc-menu-item-inner {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.sovi-mobile-cart .woofc-menu-item-inner[data-count]:not([data-count="0"])::after {
	content: attr(data-count);
	position: absolute;
	top: -0.5rem;
	right: -0.6rem;
	min-width: 1.1rem;
	height: 1.1rem;
	padding: 0 0.25rem;
	border-radius: 999px;
	background: var(--sv-red, #E94D23);
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1.1rem;
	text-align: center;
	box-sizing: border-box;
}