/**
 * Empik WC Settings tab — horizontal section bar (Variant 1 / Empik_Projekt).
 * Scoped to Empik settings tab only. No logo (deferred). CSV pages unchanged.
 */

body.woocommerce_page_wc-settings-empik_woocommerce .wrap.woocommerce > h1,
body.woocommerce_page_wc-settings.woocommerce_page_wc-settings-empik_woocommerce .wrap > h1 {
	margin-bottom: 12px;
}

/* ----- Section navigation (subsubsub → white bar) ----- */

body.woocommerce_page_wc-settings-empik_woocommerce ul.subsubsub {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	float: none;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 8px 0 28px !important;
	padding: 10px 20px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	font-size: 14px;
	line-height: 1.2;
	gap: 4px 8px;
}

body.woocommerce_page_wc-settings-empik_woocommerce ul.subsubsub li {
	margin: 0;
	padding: 0;
	font-size: 0; /* hide "|" text separators */
}

body.woocommerce_page_wc-settings-empik_woocommerce ul.subsubsub li a {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #50575e !important;
	text-decoration: none;
	padding: 10px 14px 8px;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	line-height: 1.3;
	transition: color 0.15s ease, border-color 0.15s ease;
}

body.woocommerce_page_wc-settings-empik_woocommerce ul.subsubsub li a:hover,
body.woocommerce_page_wc-settings-empik_woocommerce ul.subsubsub li a:focus {
	color: #1d2327 !important;
	box-shadow: none;
}

body.woocommerce_page_wc-settings-empik_woocommerce ul.subsubsub li a.current {
	color: #1d2327 !important;
	font-weight: 600;
	border-bottom-color: #1d2327;
}

/* ----- Connection: stack labels + inputs vertically ----- */
/* Connection fields render without form-table (no title/sectionend).
   After JS wrap they live inside .empik-settings-panel-card. */

body.woocommerce_page_wc-settings-empik_woocommerce #mainform > label[for^="empik_woocommerce_set_"],
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-settings-panel-card > label[for^="empik_woocommerce_set_"] {
	display: block !important;
	width: 100%;
	max-width: 480px;
	margin: 20px 0 8px;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	color: #1d2327;
	clear: both;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform > label[for="empik_woocommerce_set_api_key"],
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-settings-panel-card > label[for="empik_woocommerce_set_api_key"] {
	margin-top: 8px;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform > label[for="empik_woocommerce_set_import_connection_test_BTN"],
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-settings-panel-card > label[for="empik_woocommerce_set_import_connection_test_BTN"] {
	display: none !important;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform > input[type="text"][name^="empik_woocommerce_set_"],
body.woocommerce_page_wc-settings-empik_woocommerce #mainform > input[type="number"][name^="empik_woocommerce_set_"],
body.woocommerce_page_wc-settings-empik_woocommerce #mainform > input[type="password"][name^="empik_woocommerce_set_"],
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-settings-panel-card > input[type="text"][name^="empik_woocommerce_set_"],
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-settings-panel-card > input[type="number"][name^="empik_woocommerce_set_"],
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-settings-panel-card > input[type="password"][name^="empik_woocommerce_set_"] {
	display: block;
	width: 100%;
	max-width: 480px;
	margin: 0 0 4px;
	clear: both;
	box-sizing: border-box;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform > fieldset,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-settings-panel-card > fieldset {
	display: block;
	width: 100%;
	max-width: 480px;
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	clear: both;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform > #empik_woocommerce_button_connection_test,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform > .empik-preloader-wrapper,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-settings-panel-card > #empik_woocommerce_button_connection_test,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-settings-panel-card > .empik-preloader-wrapper {
	display: block;
	clear: both;
	margin-top: 16px;
	margin-right: 0 !important;
}

/* ----- Links in settings copy (red); exclude section nav ----- */

body.woocommerce_page_wc-settings-empik_woocommerce #mainform a:not(.nav-tab):not(.button):not(.woocommerce-save-button):not(.components-button):not(.empik-ilabs-btn):not(.il-empik-btn) {
	color: #e31c23;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform ul.subsubsub a,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform ul.subsubsub a:hover,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform ul.subsubsub a:focus,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform ul.subsubsub a.current {
	color: #50575e !important;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform ul.subsubsub a.current {
	color: #1d2327 !important;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform a:not(.nav-tab):not(.button):not(.woocommerce-save-button):not(.components-button):not(.empik-ilabs-btn):not(.il-empik-btn):hover,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform a:not(.nav-tab):not(.button):not(.woocommerce-save-button):not(.components-button):not(.empik-ilabs-btn):not(.il-empik-btn):focus {
	color: #c4181e;
}

/* Hide Products help-field input (desc HTML stays visible). */
body.woocommerce_page_wc-settings-empik_woocommerce #empik_woocommerce_set_export_products_description,
body.woocommerce_page_wc-settings-empik_woocommerce label[for="empik_woocommerce_set_export_products_description"] {
	display: none !important;
}

/* White content card (all sections except Mapping). */
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-settings-panel-card {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	padding: 24px 28px;
	margin: 0 0 8px;
	box-sizing: border-box;
	max-width: 100%;
}

/* ----- Checked radios / checkboxes (red) ----- */

body.woocommerce_page_wc-settings-empik_woocommerce #mainform input[type="checkbox"],
body.woocommerce_page_wc-settings-empik_woocommerce #mainform input[type="radio"] {
	accent-color: #e31c23;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform input[type="checkbox"]:checked,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform input[type="radio"]:checked {
	background-color: #e31c23 !important;
	border-color: #e31c23 !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform input[type="checkbox"]:checked::before {
	filter: brightness(0) invert(1);
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform input[type="radio"]:checked::before {
	background-color: #ffffff !important;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform input[type="checkbox"]:focus,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform input[type="radio"]:focus {
	border-color: #e31c23 !important;
	box-shadow: 0 0 0 1px #e31c23 !important;
}

/* ----- Primary save (red, Empik mockup) ----- */

body.woocommerce_page_wc-settings-empik_woocommerce #mainform p.submit {
	margin-top: 24px;
	padding-top: 8px;
	clear: both;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform .woocommerce-save-button.components-button.is-primary,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform button.woocommerce-save-button {
	background: #e31c23 !important;
	border-color: #e31c23 !important;
	color: #ffffff !important;
	text-shadow: none !important;
	box-shadow: none !important;
	border-radius: 4px !important;
	padding: 8px 16px !important;
	height: auto !important;
	min-height: 36px;
	font-weight: 600;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform .woocommerce-save-button.components-button.is-primary:hover,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .woocommerce-save-button.components-button.is-primary:focus,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform button.woocommerce-save-button:hover,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform button.woocommerce-save-button:focus {
	background: #c4181e !important;
	border-color: #c4181e !important;
	color: #ffffff !important;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform .woocommerce-save-button:disabled,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform button.woocommerce-save-button:disabled,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .woocommerce-save-button[disabled] {
	opacity: 0.5 !important;
	cursor: not-allowed !important;
}

/* ----- Secondary / action buttons (outlined) ----- */

body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-ilabs-btn,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .il-empik-btn,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform #empik_woocommerce_button_connection_test,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform #empik_woocommerce_button_export_products,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform #empik_woocommerce_button_export_offers,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform #empik_woocommerce_button_csv,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform #empik_woocommerce_button_csv_2 {
	background: #ffffff !important;
	border: 1px solid #1d2327 !important;
	color: #1d2327 !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	text-decoration: none !important;
	font-weight: 600;
	padding: 6px 14px !important;
	height: auto !important;
	line-height: 1.4 !important;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform .empik-ilabs-btn:hover,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform .il-empik-btn:hover,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform #empik_woocommerce_button_connection_test:hover,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform #empik_woocommerce_button_export_products:hover,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform #empik_woocommerce_button_export_offers:hover,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform #empik_woocommerce_button_csv:hover,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform #empik_woocommerce_button_csv_2:hover {
	background: #f6f7f7 !important;
	border-color: #1d2327 !important;
	color: #1d2327 !important;
}

/* Soften default form-table chrome inside Empik tab (no heavy WC row frames) */

body.woocommerce_page_wc-settings-empik_woocommerce #mainform table.form-table {
	border: none;
	background: transparent;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform table.form-table th,
body.woocommerce_page_wc-settings-empik_woocommerce #mainform table.form-table td {
	border: none;
	padding-top: 12px;
	padding-bottom: 12px;
	background: transparent;
}

body.woocommerce_page_wc-settings-empik_woocommerce #mainform h2 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #1d2327;
	margin: 8px 0 16px;
}

/* ==========================================================================
   Standalone page: empik-settings-ilabs (Variant 1 visual, own nav class)
   ========================================================================== */

body.toplevel_page_empik-settings-ilabs .empik-settings-page > h1 {
	margin-bottom: 12px;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-nav-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	margin: 8px 0 28px;
	padding: 10px 20px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

body.toplevel_page_empik-settings-ilabs .empik-settings-nav__logo {
	display: block;
	flex: 0 0 auto;
	width: auto;
	height: 32px;
	max-width: 140px;
	object-fit: contain;
}

body.toplevel_page_empik-settings-ilabs ul.empik-settings-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex: 1 1 auto;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 4px 8px;
	background: transparent;
	border: 0;
	box-shadow: none;
}

body.toplevel_page_empik-settings-ilabs ul.empik-settings-nav li {
	margin: 0;
	padding: 0;
}

body.toplevel_page_empik-settings-ilabs a.empik-settings-nav__link {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #50575e !important;
	text-decoration: none;
	padding: 10px 14px 8px;
	border-bottom: 3px solid transparent;
	line-height: 1.3;
	transition: color 0.15s ease, border-color 0.15s ease;
	box-shadow: none !important;
}

body.toplevel_page_empik-settings-ilabs a.empik-settings-nav__link:hover,
body.toplevel_page_empik-settings-ilabs a.empik-settings-nav__link:focus {
	color: #1d2327 !important;
}

body.toplevel_page_empik-settings-ilabs a.empik-settings-nav__link.is-active {
	color: #1d2327 !important;
	font-weight: 600;
	border-bottom-color: #1d2327;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-card {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	padding: 24px 28px;
	margin: 0 0 8px;
	box-sizing: border-box;
	max-width: 100%;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-notice {
	margin: 12px 0 16px;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form label[for^="empik_woocommerce_set_"] {
	display: block !important;
	width: 100%;
	max-width: 480px;
	margin: 20px 0 8px;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	color: #1d2327;
	clear: both;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form label[for="empik_woocommerce_set_api_key"] {
	margin-top: 8px;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form label[for="empik_woocommerce_set_import_connection_test_BTN"] {
	display: none !important;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form input[type="text"][name^="empik_woocommerce_set_"],
body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form input[type="number"][name^="empik_woocommerce_set_"],
body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form input[type="password"][name^="empik_woocommerce_set_"] {
	display: block;
	width: 100%;
	max-width: 480px;
	margin: 0 0 4px;
	clear: both;
	box-sizing: border-box;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form fieldset {
	display: block;
	width: 100%;
	max-width: 480px;
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	clear: both;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form a:not(.button):not(.empik-ilabs-btn):not(.il-empik-btn):not(.empik-settings-nav__link) {
	color: #e31c23;
}

body.toplevel_page_empik-settings-ilabs #empik_woocommerce_set_export_products_description,
body.toplevel_page_empik-settings-ilabs label[for="empik_woocommerce_set_export_products_description"] {
	display: none !important;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form input[type="checkbox"],
body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form input[type="radio"] {
	accent-color: #e31c23;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form input[type="checkbox"]:checked,
body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form input[type="radio"]:checked {
	background-color: #e31c23 !important;
	border-color: #e31c23 !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form input[type="checkbox"]:checked::before {
	filter: brightness(0) invert(1);
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form input[type="radio"]:checked::before {
	background-color: #ffffff !important;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-save-button,
body.toplevel_page_empik-settings-ilabs button.empik-settings-save-button,
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card #test_csv,
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card input#test_csv[type="submit"],
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card .empik-csv-upload-btn,
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card input.empik-csv-upload-btn[type="submit"] {
	background: #e31c23 !important;
	border: 1px solid #e31c23 !important;
	color: #ffffff !important;
	text-shadow: none !important;
	box-shadow: none !important;
	border-radius: 4px !important;
	padding: 6px 14px !important;
	height: auto !important;
	min-height: 32px !important;
	line-height: 1.4 !important;
	font-weight: 600;
	font-size: 13px;
	box-sizing: border-box !important;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-save-button:hover,
body.toplevel_page_empik-settings-ilabs .empik-settings-save-button:focus,
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card #test_csv:hover,
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card #test_csv:focus,
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card input#test_csv[type="submit"]:hover,
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card input#test_csv[type="submit"]:focus,
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card .empik-csv-upload-btn:hover,
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card .empik-csv-upload-btn:focus,
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card input.empik-csv-upload-btn[type="submit"]:hover,
body.toplevel_page_empik-settings-ilabs .empik-settings-csv-card input.empik-csv-upload-btn[type="submit"]:focus {
	background: #c4181e !important;
	border-color: #c4181e !important;
	color: #ffffff !important;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-save-button:disabled,
body.toplevel_page_empik-settings-ilabs .empik-settings-save-button.is-busy {
	opacity: 0.65 !important;
	cursor: not-allowed !important;
}

body.toplevel_page_empik-settings-ilabs .empik-ilabs-btn,
body.toplevel_page_empik-settings-ilabs .il-empik-btn,
body.toplevel_page_empik-settings-ilabs #empik_woocommerce_button_connection_test,
body.toplevel_page_empik-settings-ilabs #empik_woocommerce_button_export_products,
body.toplevel_page_empik-settings-ilabs #empik_woocommerce_button_export_offers,
body.toplevel_page_empik-settings-ilabs #empik_woocommerce_button_csv,
body.toplevel_page_empik-settings-ilabs #empik_woocommerce_button_csv_2 {
	background: #ffffff !important;
	border: 1px solid #1d2327 !important;
	color: #1d2327 !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 13px;
	padding: 6px 14px !important;
	height: auto !important;
	min-height: 32px !important;
	line-height: 1.4 !important;
	box-sizing: border-box !important;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form table.form-table {
	border: none;
	background: transparent;
	width: 100%;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form table.form-table th,
body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form table.form-table td {
	border: none;
	padding-top: 12px;
	padding-bottom: 12px;
	background: transparent;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form h2 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #1d2327;
	margin: 8px 0 16px;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel-form p.submit {
	margin-top: 24px;
	padding-top: 8px;
	clear: both;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-panel[hidden] {
	display: none !important;
	pointer-events: none !important;
}

body.toplevel_page_empik-settings-ilabs .titledesc {
	display: none !important;
}

/* Bulk operations: two CSV cards stacked vertically. */
body.toplevel_page_empik-settings-ilabs .empik-settings-bulk-cards {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

body.toplevel_page_empik-settings-ilabs .empik-settings-bulk-cards .empik-settings-csv-card h3 {
	margin: 0 0 4px;
	font-size: 1.15rem;
	font-weight: 600;
	color: #1d2327;
}

body.toplevel_page_empik-settings-ilabs .empik-bulk-template-link {
	margin: 20px 0 16px;
	font-size: 13px;
	color: #50575e;
}

body.toplevel_page_empik-settings-ilabs .empik-bulk-template-link a {
	color: #e31c23;
	text-decoration: underline;
}

/* Prevent accidental horizontal page scroll (e.g. leftover inline styles). */
body.toplevel_page_empik-settings-ilabs #wpbody-content,
body.toplevel_page_empik-settings-ilabs #wpbody-content > .wrap,
body.toplevel_page_empik-settings-ilabs #empik-settings-page {
	overflow-x: hidden;
	max-width: 100%;
	box-sizing: border-box;
}