/*
Plugin Name: Zuckersucht Customer Design
File       : zs-cdstyles.css
Description: Stylings for Wordpress Frontend
Author     : Gernot Daum
*/


/* Fonts */
@font-face {
  font-family: 'Pacifico-Regular';
  font-style: normal;
  src: url('assets/fonts/Pacifico-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/Pacifico-Regular.woff') format('woff'),   /* Modern Browsers */
       url('assets/fonts/Pacifico-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/Pacifico-Regular.eot') format('embedded-opentype'); /* IE6-IE8 */
}


/* Globale Konstanten */
:root {
	--zsgb--spacing--unit: 1em;
	--zsgb--border--color: #ddd;
	--zsgb--color--red:    #ff658b;
	--zsgb--button--color: var(--zsgb--color--red);
}

/*    Canvas für Lebkuchenherz */
#content img.hidden, .asset-container .hidden, #gingerbread .hidden
{display: none}
#gingerbread .asset-container {
	display: flow-root;
	margin-bottom: var(--zsgb--spacing--unit);
	padding-bottom: var(--zsgb--spacing--unit);
	border-bottom: 1px solid var(--zsgb--border--color);
}
#gingerbread p {clear: both}
#gingerbread .highlighted {color: var(--zsgb--color--red) }
#gingerbread p.highlighted {margin: var(--zsgb--spacing--unit) 0 var(--zsgb--spacing--unit) 0}
#content .gb-asset {
	float: left;
	max-width: 60px
}
#gb-textmode, #gb-single, #gb-list {float: left}
#gb-textmode {
	width: calc(60% - var(--zsgb--spacing--unit));
	margin-right: var(--zsgb--spacing--unit)
}
#gb-textarea h6 {margin-bottom: var(--zsgb--spacing--unit)}
#gb-single input, #gb-list textarea {
	margin-left: var(--zsgb--spacing--unit);
}
#gb-textinput, #gb-namelist {
	max-width: 180px;
	line-height: 1.1
}

#save-design {
	clear: left;
	max-width: 220px;
	padding: var(--zsgb--spacing--unit);
	color: white;
	background: var(--zsgb--button--color);
	border: 1px solid var(--zsgb--button--color);
	border-radius: 4px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	cursor: pointer
}

/* WooCommerce Controls */
.woocommerce button.hidden {display: none}

/* Warenkorb */
.variation dt.variation-Namensliste {display: initial !important}
.variation::before {display: none }