/* ================
   metabox_weitere_preise.css
   (styles for the "Weitere Preise" metabox)
================ */

/* Akkordeon/Header */
.preis-felder-header {
	background-color: #f4f4f4 !important;
	color: #000 !important;
	padding: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #ddd;
}
.preis-felder-header:hover {
	background-color: #e0e0e0;
}

/* Labels innerhalb der "Weitere Preise" Metabox */
#preis-felder-wrapper label {
    display: inline-block;
    margin-top: 13px;
    font-weight: bold;
}

/* Akkordeon/Content */
.preis-felder-content {
	display: none;
	padding: 10px;
	border: 1px solid #ddd;
	margin-top: -1px;
	background-color: #fafafa;
}

/* Wrapper für Felder */
.preis-felder {
	margin-bottom: 10px;
}

/* Button "Weiteren Preis anlegen" */
#add-preis-btn {
	background-color: #0173ab;
	color: white;
	padding: 7px 10px;
	border: none;
	cursor: pointer;
}

/* Buttons "Preis speichern" / "Preis entfernen" */
.save-preis-btn,
.remove-preis-btn {
	background-color: #1c9710;
	color: white;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	margin-top: 10px;
}
.remove-preis-btn {
	background-color: red;
}
.boxyfy-weitere-preise-logo {
	max-width: 100px;
}

/* Logo-Vorschau in der "Weitere Preise"-Metabox */
.boxyfy-metabox .logo-preview {
	max-width: 150px;
	height: auto;
	margin-top: 6px;
}

/* Wird vom PHP-Template automatisch gesetzt */
.boxyfy-metabox .hidden {
	display: none;
}

.boxyfy-weitere-preise-visible {
	display: block;
}

.boxyfy-weitere-preise-hidden {
	display: none;
}

#preis-felder-wrapper .logo-preview {
    max-width: 100px;
    max-height: 100px;
    margin: 5px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
}