#wcpdf-pro-bulk-export input.date,
#wcpdf-pro-bulk-export input.hour,
#wcpdf-pro-bulk-export input.minute {
	width: auto !important;
}

#wpo-wcpdf-settings .static-file-row input,
#wpo-wcpdf-settings .static-file-row .button {
	margin: 2px 4px 2px 0;
}

#wpo-wcpdf-settings .custom {
	margin-top: 15px;
}

#wpo-wcpdf-settings .wpo-disabled {
	color: #f86368;
	font-size: 11px;
	font-style: italic;
	margin: 6px 0 10px 0;
	line-height: 1.4;
}

.setting-warning input {
	border-color: red;
}

.filename-duplicate-warning {
	color: red;
}

#ftp_config .ftp-details {
	overflow: auto;
}
#ftp_config input + input {
	margin-left: 10px;
}
#ftp_protocol {
	margin-bottom: 5px;
}
#ftp_host,
#ftp_port,
#ftp_username,
#ftp_password,
#ftp_remote_folder,
#ftp_root_path {
	float:left;
	margin-bottom: 5px;
}

#ftp_host {
	width: calc(80% - 2px);
	max-width: 400px;
	clear:both;
}
#ftp_port {
	width: calc(20% - 12px);
	max-width: 100px;
}
#ftp_username {
	clear:both;
}
#ftp_username,
#ftp_password {
	width: calc(50% - 7px);
	max-width: 250px;
}
#ftp_root_path,
#ftp_remote_folder {
	width: calc(100% - 3px);
	max-width: 510px;
	clear: both;
}

#ftp_config .host-port,
#ftp_config .username-password,
#ftp_config .remote-folder,
#ftp_config .root-path {
	margin-top: 8px;
	margin-bottom: 14px;
}

#ftp_config .ftp-protocol {
	margin-bottom: 10px;
}

#ftp_config .remote-folder .description,
#ftp_config .root-path .description {
	clear: both;
	display: block;
	margin: 0;
	padding: 0 !important;
	max-width: 520px;
	line-height: 1.4;
}

div.requirements {
	margin-top: 15px;
	padding: 10px 0 20px 0;
	border: 1px solid #ccc;
	background: #f1f1f1;
}

div.requirement {
	padding: 10px 10px 10px 20px;
}

div.requirement p {
	padding-bottom: 5px;
}

#wpo-wcpdf-preview-wrapper .sidebar div.requirement select,
#wpo-wcpdf-preview-wrapper .sidebar div.requirement .select2.select2-container {
	width: 90%!important;
}

div.requirement span.remove-requirement {
	width: 10%;
	text-align: center;
	line-height: 1.8em;
	font-size: 1.5em;
	color: #666;
}

div.requirement span.remove-requirement:hover {
	color: #222;
	cursor: pointer;
}

div.requirement[data-requirement_id="require_one_or_all"] select {
	max-width: none;
}

div.requirement[data-requirement_id="require_one_or_all"] .description {
	width: 90%;
}

#bulk_export_status_error {
	display: none;
	font-style: italic;
	color: red;
	margin-top: 1em;
}

#wpo-wcpdf-preview-wrapper .static-file-row {
	display: flex;
}

#wpo-wcpdf-preview-wrapper .static-file-row > input.static-file-filename {
	flex: 1;
	width: 100% !important;
}


.wpo-wcpdf-accordion {
	margin: 1em 0;
}

.wpo-wcpdf-accordion > .header {
	border-bottom: 1px solid #c3c4c7;
	padding: 1em 0;
	margin: 0;
	font-weight: normal;
	color: #222;
	font-family: sans-serif;
	font-size: 1.1em;
	letter-spacing: -0.01em;
	position: relative;
	transition: transform 0.3s;
	cursor: pointer;
}

.wpo-wcpdf-accordion > .header::after {
	content: '\f347';
	font-family: 'dashicons';
	font-size: 16px;
	color: #82878c;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.15s;
}

.wpo-wcpdf-accordion > .header:hover:after {
	color: #222;
}

.wpo-wcpdf-accordion > .header.active::after {
	transform: translateY(-50%) rotate(180deg);
}

.wpo-wcpdf-placeholders {
	display: grid;
	column-gap: 1em;
	row-gap: 0.5em;
	grid-template-columns: repeat(auto-fit, minmax(14.3em, 1fr));
	align-items: start;
	margin: 0;
	padding: 1em 0;
}

.wpo-wcpdf-placeholders .placeholder-container {
	display: inline-flex;
	align-items: center;
	background-color: #2b2e37;
	color: #ffffff;
	padding: 6px 8px;
	border-radius: 0.3em;
	gap: 0.5em;
	width: max-content;
	margin: 0;
}

.wpo-wcpdf-placeholders .placeholder-container .wpo-wcpdf-copy-button {
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	background-size: contain;
	background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%2394b8ff" height="16" viewBox="0 0 24 24" width="16"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>') no-repeat;
}

.wpo-wcpdf-placeholders .placeholder-container .wpo-wcpdf-copy-button.copied {
	background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%234caf50" height="16" viewBox="0 0 24 24" width="16"><path d="M0 0h24v24H0z" fill="none"/><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat;
	background-size: contain;
}

.placeholder-container:has(.wpo-wcpdf-copy-button.copied) {
	background-color: #414651;
}


.wpo-wcpdf-placeholders .placeholder-container .value {
	white-space: nowrap;
	font-size: 0.9em;
	font-family: monospace;
}

sup.wcpdf_beta {
	background-color: #51266b;
	color: white;
	font-size: 7pt;
	padding: 1px 2px;
	border-radius: 2px;
}