/**
 * Accessory Tab — Frontend Styles v2.10.0
 * Dustin-inspirerad design: pill qty, meta inuti kort, ljusblå sektion.
 */

/* ── Section wrapper — light blue brand background ── */
.sijab-accessories-section {
	width: 100%;
	margin: 12px 0 24px;
	clear: both;
	background: #eef5fa;
	border-radius: 8px;
	padding: 24px;
	box-sizing: border-box;
}

.sijab-accessories-section__title {
	font-size: 18px;
	font-weight: 500;
	color: #1a1a1a;
	margin: 0 0 16px;
	padding: 0;
}

/* ── List container ── */
.sijab-accessories-section__list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* Hidden items (behind "Visa alla") */
.sijab-acc-item--hidden {
	display: none;
}

.sijab-accessories-section.sijab-show-all .sijab-acc-item--hidden {
	display: block;
}

.sijab-accessories-section--grid.sijab-show-all .sijab-acc-item--hidden {
	display: block;
}

/* ── "Visa alla tillbehör" link ── */
.sijab-accessories-section__footer {
	text-align: right;
	margin-top: 12px;
}

.sijab-accessories-section__category-link {
	text-align: right;
	margin-top: 10px;
}
.sijab-accessories-section__category-link a {
	font-size: 14px;
	font-weight: 600;
	color: var(--primary-color, #1e73be) !important;
	text-decoration: none !important;
}
.sijab-accessories-section__category-link a:hover {
	text-decoration: underline !important;
}

/* Outline pill button — matches the filled "LÄGG TILL" button language but
   stays visually secondary so it doesn't compete with primary CTAs. */
.sijab-show-all-link {
	display: inline-block !important;
	padding: 9px 22px !important;
	border: 2px solid var(--primary-color, #1e73be) !important;
	border-radius: 99px !important;
	background: transparent !important;
	color: var(--primary-color, #1e73be) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
	box-shadow: none !important;
}

.sijab-show-all-link:hover,
.sijab-show-all-link:focus {
	background: var(--primary-color, #1e73be) !important;
	color: #fff !important;
	text-decoration: none !important;
}

/* ══════════════════════════════════════════
   HORIZONTAL LAYOUT (default)
   ══════════════════════════════════════════ */

.sijab-accessories-section--horizontal .sijab-acc-card {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 16px;
	border: 1px solid #e0e0e0;
	background: #fff;
	margin-bottom: -1px;
	transition: background 0.15s ease;
}

.sijab-accessories-section--horizontal .sijab-acc-item:first-child .sijab-acc-card {
	border-radius: 6px 6px 0 0;
}

.sijab-accessories-section--horizontal .sijab-acc-item:last-child .sijab-acc-card,
.sijab-accessories-section--horizontal.sijab-show-all .sijab-acc-item:last-child .sijab-acc-card {
	border-radius: 0 0 6px 6px;
}

.sijab-accessories-section--horizontal:not(.sijab-show-all) .sijab-acc-item:not(.sijab-acc-item--hidden):last-of-type .sijab-acc-card {
	border-radius: 0 0 6px 6px;
}

.sijab-accessories-section--horizontal .sijab-acc-item:only-child .sijab-acc-card {
	border-radius: 6px;
}

.sijab-accessories-section--horizontal .sijab-acc-card:hover {
	background: #f8fbfd;
}

/* Image */
.sijab-accessories-section--horizontal .sijab-acc-card__image {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 64px !important;
	height: 64px !important;
	min-width: 64px !important;
	max-width: 64px !important;
	flex-shrink: 0;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
}

.sijab-accessories-section--horizontal .sijab-acc-card__image img {
	width: 64px !important;
	height: 64px !important;
	max-width: 64px !important;
	max-height: 64px !important;
	object-fit: contain !important;
}

/* Body */
.sijab-accessories-section--horizontal .sijab-acc-card__body {
	display: flex;
	align-items: center;
	flex: 1;
	gap: 16px;
	min-width: 0;
}

/* Details: name + price */
.sijab-accessories-section--horizontal .sijab-acc-card__details {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1;
	min-width: 0;
}

.sijab-accessories-section--horizontal .sijab-acc-card__name {
	font-size: 14px;
	font-weight: 600;
	color: #1a1a1a;
	text-decoration: none;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sijab-accessories-section--horizontal .sijab-acc-card__name:hover {
	color: #0073aa;
}

.sijab-accessories-section--horizontal .sijab-acc-card__price {
	font-size: 13px;
	font-weight: 500 !important;
	color: #444;
}

.sijab-accessories-section--horizontal .sijab-acc-card__price del {
	font-weight: 400;
	color: #999;
	font-size: 12px;
}

.sijab-accessories-section--horizontal .sijab-acc-card__price ins {
	text-decoration: none;
	color: #dd3333;
}

/* "Inkl moms" suffix — smaller and grey */
.sijab-accessories-section .sijab-acc-card__price .woocommerce-Price-currencySymbol + .tax_label,
.sijab-accessories-section .sijab-acc-card__price .woocommerce-price-suffix {
	font-size: 11px;
	font-weight: 400;
	color: #888;
}

/* ── Meta: stock + sku (inside card body) ── */
.sijab-accessories-section--horizontal .sijab-acc-card__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex-shrink: 0;
	min-width: 90px;
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
}

/* Stock badge — uppercase, no dot */
.sijab-acc-card__stock {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	text-transform: uppercase;
}

.sijab-acc-card__stock--instock {
	color: #1e7a2e;
}

.sijab-acc-card__stock--onbackorder {
	color: #7a5a1e;
}

.sijab-acc-card__stock--outofstock {
	color: #a61b1b;
}

/* SKU */
.sijab-acc-card__sku {
	font-size: 11px;
	color: #999;
	white-space: nowrap;
}

/* ── Right side: qty + button row ── */
.sijab-accessories-section--horizontal .sijab-acc-card__right {
	flex-shrink: 0;
	min-width: 210px;
}

.sijab-acc-card__qty-row {
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: flex-end;
}

/* ── Pill-shaped quantity selector ── */
.sijab-acc-card__qty {
	display: inline-flex !important;
	align-items: center;
	border: 1px solid #d0d0d0;
	border-radius: 99px;
	overflow: hidden;
	background: #fff;
	height: 36px;
	width: auto !important;
	max-width: 100px;
	flex-shrink: 0;
}

.sijab-qty-btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 30px !important;
	min-width: 30px !important;
	max-width: 30px !important;
	height: 100% !important;
	border: none !important;
	background: transparent !important;
	font-size: 16px;
	color: #555;
	cursor: pointer;
	user-select: none;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1;
	transition: background 0.15s ease, color 0.15s ease;
	box-shadow: none !important;
}

.sijab-qty-btn:hover {
	background: #f0f0f0 !important;
	color: #1a1a1a;
}

.sijab-qty-input {
	width: 34px !important;
	min-width: 34px !important;
	max-width: 34px !important;
	height: 100% !important;
	border: none !important;
	border-left: 1px solid #e8e8e8 !important;
	border-right: 1px solid #e8e8e8 !important;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	background: #fff !important;
	padding: 0 !important;
	margin: 0 !important;
	-moz-appearance: textfield;
	appearance: textfield;
	box-shadow: none !important;
	outline: none !important;
	border-radius: 0 !important;
}

.sijab-qty-input::-webkit-inner-spin-button,
.sijab-qty-input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* ── Outline button style ── */
.sijab-acc-atc-btn.button {
	background: var(--primary-color, #1e73be) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 99px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 8px 22px !important;
	margin: 0 !important;
	white-space: nowrap;
	transition: opacity 0.15s ease, background 0.15s ease;
	text-decoration: none;
	line-height: 1.4;
	height: 36px;
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
}

.sijab-acc-atc-btn.button:hover {
	opacity: 0.85;
	color: #fff !important;
}

/* Hide "added" checkmark */
.sijab-acc-atc-btn.button.added::after {
	content: none !important;
}

/* ══════════════════════════════════════════
   GRID LAYOUT (card style)
   ══════════════════════════════════════════ */

.sijab-accessories-section--grid .sijab-accessories-section__list {
	display: grid;
	grid-template-columns: repeat(var(--sijab-columns, 4), 1fr);
	gap: 16px;
	flex-direction: unset;
}

.sijab-accessories-section--grid .sijab-acc-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.sijab-accessories-section--grid .sijab-acc-card:hover {
	border-color: #ccc;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.sijab-accessories-section--grid .sijab-acc-card__image {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1;
	overflow: hidden;
	background: #fff;
	padding: 12px;
}

.sijab-accessories-section--grid .sijab-acc-card__image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transition: transform 0.2s ease;
}

.sijab-accessories-section--grid .sijab-acc-card:hover .sijab-acc-card__image img {
	transform: scale(1.03);
}

.sijab-accessories-section--grid .sijab-acc-card__body {
	display: flex;
	flex-direction: column;
	padding: 12px 14px 14px;
	flex: 1;
}

.sijab-accessories-section--grid .sijab-acc-card__details {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.sijab-accessories-section--grid .sijab-acc-card__name {
	font-size: 14px;
	font-weight: 600;
	color: #1a1a1a;
	text-decoration: none;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.7em;
}

.sijab-accessories-section--grid .sijab-acc-card__name:hover {
	color: #0073aa;
}

.sijab-accessories-section--grid .sijab-acc-card__price {
	font-size: 13px;
	font-weight: 500 !important;
	color: #444;
	margin: 4px 0 2px;
}

.sijab-accessories-section--grid .sijab-acc-card__price del {
	font-weight: 400;
	color: #999;
	font-size: 13px;
}

.sijab-accessories-section--grid .sijab-acc-card__price ins {
	text-decoration: none;
	color: #dd3333;
}

.sijab-accessories-section--grid .sijab-acc-card__meta {
	padding: 4px 14px 8px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.sijab-accessories-section--grid .sijab-acc-card__right {
	margin-top: auto;
	padding: 10px 14px 14px;
}

.sijab-accessories-section--grid .sijab-acc-card__right .sijab-acc-atc-btn.button {
	display: flex;
	width: 100%;
	justify-content: center;
}

.sijab-accessories-section--grid .sijab-acc-card__qty-row {
	display: flex;
	gap: 8px;
}

.sijab-accessories-section--grid .sijab-acc-card__qty {
	flex-shrink: 0;
}

.sijab-accessories-section--grid .sijab-acc-atc-btn.button {
	flex: 1;
	text-align: center;
	min-height: 36px;
}

/* Mobile toggle — hidden on desktop */
.sijab-mobile-toggle {
	display: none;
}

/* ── Responsive ── */

@media (max-width: 600px) {
	.sijab-accessories-section {
		padding: 16px;
		margin: 24px 0 16px;
	}

	.sijab-accessories-section--horizontal .sijab-acc-card {
		flex-wrap: wrap;
		gap: 10px;
		padding: 12px;
	}

	.sijab-accessories-section--horizontal .sijab-acc-card__image {
		width: 52px;
		height: 52px;
	}

	.sijab-accessories-section--horizontal .sijab-acc-card__body {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
		flex: 1;
		min-width: 0;
	}

	.sijab-accessories-section--horizontal .sijab-acc-card {
		overflow: hidden;
	}

	.sijab-accessories-section--horizontal .sijab-acc-card__name {
		white-space: normal;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.sijab-accessories-section--horizontal .sijab-acc-card__details {
		overflow: hidden;
	}

	.sijab-accessories-section--horizontal .sijab-acc-card__meta {
		flex-direction: row;
		gap: 12px;
	}

	.sijab-accessories-section--horizontal .sijab-acc-card__right {
		width: 100%;
		min-width: unset;
		overflow: hidden;
	}

	.sijab-accessories-section--horizontal .sijab-acc-card__price {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.sijab-acc-card__qty-row {
		width: 100%;
	}

	.sijab-acc-card__qty-row .sijab-acc-atc-btn.button {
		flex: 1;
		justify-content: center;
	}

	/* Mobile: show only 1st accessory, hide the rest */
	.sijab-acc-item:not(:first-child) {
		display: none;
	}
	.sijab-accessories-section.sijab-show-all-mobile .sijab-acc-item:not(:first-child) {
		display: block;
	}
	/* Hide desktop "Visa alla" on mobile, show mobile version */
	.sijab-accessories-section__footer {
		display: none;
	}
	.sijab-mobile-toggle {
		display: block;
		text-align: right;
		padding: 8px 0 0;
	}
	.sijab-mobile-toggle a {
		color: var(--primary-color, #1e73be);
		font-size: 13px;
		font-weight: 600;
		text-decoration: none;
	}
	.sijab-mobile-toggle a:hover {
		text-decoration: underline;
	}
}

/* Grid: responsive columns */
@media (max-width: 992px) {
	.sijab-accessories-section--grid .sijab-accessories-section__list {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.sijab-accessories-section--grid .sijab-accessories-section__list {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.sijab-accessories-section__title {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.sijab-accessories-section--grid .sijab-accessories-section__list {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
}

/* When placed inside product summary (narrow column) */
.summary .sijab-accessories-section--grid .sijab-accessories-section__list,
.product-info .sijab-accessories-section--grid .sijab-accessories-section__list,
.entry-summary .sijab-accessories-section--grid .sijab-accessories-section__list {
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

/* ══════════════════════════════════════════
   VARIABLE PRODUCT — variant select (inside details)
   ══════════════════════════════════════════ */

.sijab-acc-card__var-row {
	display: flex;
	align-items: center;
	margin-top: 4px;
}

.sijab-var-select {
	width: 100%;
	max-width: 200px;
	height: 30px !important;
	border: 1px solid #d0d0d0 !important;
	border-radius: 4px !important;
	padding: 0 8px !important;
	font-size: 12px !important;
	color: #333 !important;
	background: #fff !important;
	cursor: pointer;
	outline: none !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.sijab-acc-card__var-row {
	max-width: 100%;
	overflow: hidden;
}

.sijab-var-select:focus {
	border-color: #0073aa !important;
}

.sijab-var-atc-btn:disabled {
	opacity: 0.4 !important;
	cursor: not-allowed !important;
	pointer-events: none;
}

@media (max-width: 600px) {
	.sijab-var-select {
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.sijab-acc-card__var-row {
		width: 100%;
		overflow: hidden;
	}
}

/* ══════════════════════════════════════════
   BUNDLE SECTION — bygger på accessory-stilen
   ══════════════════════════════════════════ */

/* Antal-badge ersätter qty+knapp-raden */
.sijab-bundle-qty-badge {
	flex-shrink: 0;
	min-width: auto !important;
}

.sijab-bundle-qty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #e8f0f7;
	border: 1px solid #c8dcea;
	border-radius: 99px;
	font-size: 13px;
	font-weight: 600;
	color: #1a4a6b;
	padding: 4px 14px;
	white-space: nowrap;
}


/* Bundle section: product name truncation */
.sijab-bundle-section .sijab-acc-card__name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-width: 100%;
}

/* ── Bundle + Accessories: mobile text truncation ── */
@media (max-width: 600px) {
	.sijab-bundle-section .sijab-acc-card {
		flex-wrap: wrap;
		gap: 10px;
		padding: 12px;
	}

	.sijab-bundle-section .sijab-acc-card__body {
		flex: 1;
		min-width: 0;
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}

	.sijab-bundle-section .sijab-acc-card__name {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	.sijab-bundle-section .sijab-acc-card__right {
		width: auto;
		min-width: unset;
	}

	/* Variable product: variant select on mobile */
	.sijab-acc-card__var-row .sijab-var-select {
		max-width: 100% !important;
	}
}

/* ══════════════════════════════════════════════════
   COMPACT LAYOUT — one-line per accessory
   ══════════════════════════════════════════════════ */
.sijab-accessories-section--compact {
	background: transparent !important;
	padding: 0 !important;
	margin: 4px 0 12px !important;
	border-radius: 0 !important;
}

.sijab-accessories-section--compact .sijab-accessories-section__list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.sijab-accessories-section--compact .sijab-acc-item {
	border-bottom: 1px solid #e5e5e5;
}

.sijab-accessories-section--compact .sijab-acc-item:first-child {
	border-top: 1px solid #e5e5e5;
}

.sijab-accessories-section--compact .sijab-acc-card--compact {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 8px;
	background: transparent;
	border: none;
	border-radius: 0;
}

.sijab-accessories-section--compact .sijab-acc-card--compact:hover {
	background: #f9f9f9;
}

/* Image — small square */
.sijab-accessories-section--compact .sijab-acc-card__image {
	width: 48px !important;
	height: 48px !important;
	min-width: 48px;
	flex-shrink: 0;
	border-radius: 4px;
	overflow: hidden;
	display: block;
}

.sijab-accessories-section--compact .sijab-acc-card__image img {
	width: 48px !important;
	height: 48px !important;
	object-fit: contain;
	display: block;
}

/* Name — takes remaining space */
.sijab-accessories-section--compact .sijab-acc-card__name {
	flex: 1;
	min-width: 0;
	font-size: 13px !important;
	font-weight: 500;
	color: #1a1a1a;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.3;
}

.sijab-accessories-section--compact .sijab-acc-card__name:hover {
	color: var(--primary-color, #1e73be);
}

/* Price — fixed right */
.sijab-accessories-section--compact .sijab-acc-card__price {
	flex-shrink: 0;
	font-size: 13px !important;
	font-weight: 600;
	color: var(--primary-color, #1e73be);
	white-space: nowrap;
}

.sijab-accessories-section--compact .sijab-acc-card__price del {
	color: #999;
	font-weight: 400;
	font-size: 11px;
}

.sijab-accessories-section--compact .sijab-acc-card__price ins {
	text-decoration: none;
}

/* Button — small pill */
.sijab-accessories-section--compact .sijab-acc-atc-btn.button {
	flex-shrink: 0;
	font-size: 11px !important;
	padding: 5px 14px !important;
	height: 28px !important;
	line-height: 18px !important;
	border-radius: 4px !important;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	margin: 0 !important;
	min-height: unset !important;
	background: var(--primary-color, #1e73be) !important;
	color: #fff !important;
	border: none !important;
}

.sijab-accessories-section--compact .sijab-acc-atc-btn.button:hover {
	opacity: 0.85;
}

/* Hide WC "View cart" link that gets injected after add-to-cart */
.sijab-accessories-section--compact .added_to_cart {
	display: none !important;
}

/* Footer / show-all link in compact */
.sijab-accessories-section--compact .sijab-accessories-section__footer {
	padding: 8px 8px 0;
}

.sijab-accessories-section--compact .sijab-accessories-section__category-link {
	padding: 4px 8px 0;
}

/* Mobile compact */
@media (max-width: 600px) {
	.sijab-accessories-section--compact .sijab-acc-card--compact {
		gap: 8px;
		padding: 8px 4px;
	}

	.sijab-accessories-section--compact .sijab-acc-card__image {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px;
	}

	.sijab-accessories-section--compact .sijab-acc-card__image img {
		width: 40px !important;
		height: 40px !important;
	}

	.sijab-accessories-section--compact .sijab-acc-card__name {
		font-size: 12px !important;
	}

	.sijab-accessories-section--compact .sijab-acc-card__price {
		font-size: 12px !important;
	}
}

/* ══════════════════════════════════════════════════════════════
   CHECKLIST LAYOUT — checkboxes, category groups, dark rows
   ══════════════════════════════════════════════════════════════ */

.sijab-accessories-section--checklist {
	background: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
	margin: 16px 0 24px !important;
}

.sijab-accessories-section--checklist .sijab-checklist {
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* Category heading */
.sijab-checklist__heading {
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 12px 16px 6px !important;
	margin: 0 !important;
	color: #333;
	background: transparent;
}

/* Individual row */
.sijab-acc-card--checklist {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px 16px !important;
	margin: 0 !important;
	background: #f0f0f0 !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	min-height: 52px;
}

/* Alternating row colors */
.sijab-accessories-section--checklist .sijab-acc-item:nth-child(odd) .sijab-acc-card--checklist {
	background: #e6e6e6 !important;
}

.sijab-accessories-section--checklist .sijab-acc-item:nth-child(even) .sijab-acc-card--checklist {
	background: #f0f0f0 !important;
}

/* Checkbox */
.sijab-checklist__checkbox {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}

.sijab-checklist__checkbox input[type="checkbox"] {
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	cursor: pointer;
	accent-color: var(--primary-color, #1e73be);
}

.sijab-checklist__checkbox--disabled input[type="checkbox"] {
	cursor: not-allowed;
	opacity: 0.4;
}

/* Image in checklist */
.sijab-accessories-section--checklist .sijab-acc-card__image {
	flex-shrink: 0 !important;
	width: 48px !important;
	height: 48px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 4px !important;
	overflow: hidden !important;
	background: #fff;
}

.sijab-accessories-section--checklist .sijab-acc-card__image img {
	width: 48px !important;
	height: 48px !important;
	object-fit: contain !important;
	display: block !important;
}

/* Name in checklist */
.sijab-accessories-section--checklist .sijab-acc-card__name {
	flex: 1 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: var(--primary-color, #1e73be) !important;
	text-decoration: underline !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	min-width: 0 !important;
}

.sijab-accessories-section--checklist .sijab-acc-card__name:hover {
	text-decoration: none !important;
}

/* Stock label in checklist */
.sijab-accessories-section--checklist .sijab-acc-card__stock {
	flex-shrink: 0 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em;
	white-space: nowrap !important;
}

.sijab-accessories-section--checklist .sijab-acc-card__stock--instock {
	color: #2e7d32 !important;
}

.sijab-accessories-section--checklist .sijab-acc-card__stock--outofstock {
	color: #c62828 !important;
}

.sijab-accessories-section--checklist .sijab-acc-card__stock--onbackorder {
	color: #e65100 !important;
}

/* Price in checklist — right aligned */
.sijab-accessories-section--checklist .sijab-acc-card__price {
	flex-shrink: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #222 !important;
	white-space: nowrap !important;
	text-align: right !important;
	min-width: 80px !important;
}

.sijab-accessories-section--checklist .sijab-acc-card__price del {
	opacity: 0.5;
	font-size: 12px;
}

.sijab-accessories-section--checklist .sijab-acc-card__price ins {
	text-decoration: none;
}

/* Variable product price_html wraps in <p class="price"> with theme-level 21px styling — force checklist size */
.sijab-accessories-section--checklist .sijab-acc-card__price .price,
.sijab-accessories-section--checklist .sijab-acc-card__price p.price {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	display: inline !important;
}

.sijab-accessories-section--checklist .sijab-acc-card__price .amount,
.sijab-accessories-section--checklist .sijab-acc-card__price .woocommerce-Price-amount,
.sijab-accessories-section--checklist .sijab-acc-card__price .product-tax {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #222 !important;
}

/* Hide WC "Visa produktsidan" link after add */
.sijab-accessories-section--checklist .added_to_cart {
	display: none !important;
}

/* ── Checklist: variable product variant select ── */
.sijab-checklist__var-select {
	flex-shrink: 0 !important;
	height: 32px !important;
	padding: 4px 24px 4px 10px !important;
	margin: 0 !important;
	font-size: 13px !important;
	background-color: #fff !important;
	border: 1px solid #c7c7c7 !important;
	border-radius: 4px !important;
	min-width: 140px !important;
	max-width: 200px !important;
	line-height: 1.2 !important;
	color: #333 !important;
	cursor: pointer;
}

.sijab-checklist__var-select:focus {
	outline: 2px solid var(--primary-color, #1e73be);
	outline-offset: 1px;
}

/* Variable-row checkbox: dim until a variant is picked */
.sijab-checklist__checkbox--variable input[type="checkbox"]:disabled {
	opacity: 0.35;
	cursor: not-allowed;
}

/* Footer / show-all in checklist */
.sijab-accessories-section--checklist .sijab-accessories-section__footer {
	padding: 8px 16px;
}

.sijab-accessories-section--checklist .sijab-accessories-section__category-link {
	padding: 4px 16px;
}

/* ── Mobile checklist ── */
@media (max-width: 600px) {
	.sijab-acc-card--checklist {
		gap: 8px !important;
		padding: 8px 10px !important;
	}

	.sijab-accessories-section--checklist .sijab-acc-card__image {
		width: 36px !important;
		height: 36px !important;
	}

	.sijab-accessories-section--checklist .sijab-acc-card__image img {
		width: 36px !important;
		height: 36px !important;
	}

	.sijab-accessories-section--checklist .sijab-acc-card__name {
		font-size: 12px !important;
	}

	.sijab-accessories-section--checklist .sijab-acc-card__price {
		font-size: 12px !important;
		min-width: 60px !important;
	}

	.sijab-checklist__heading {
		font-size: 12px !important;
		padding: 10px 10px 4px !important;
	}
}

/* ── Checklist total box (v2.30.4) ── */
.sijab-checklist__total {
	display: flex !important;
	align-items: baseline !important;
	justify-content: flex-end !important;
	flex-wrap: wrap;
	gap: 8px !important;
	margin: 12px 0 16px !important;
	padding: 14px 16px !important;
	background: #eef5fa !important;
	border-radius: 6px !important;
	font-size: 16px !important;
}

.sijab-checklist__total-label {
	font-weight: 700 !important;
	color: #333 !important;
	margin-right: auto !important;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-size: 14px !important;
}

.sijab-checklist__total-value {
	font-weight: 700 !important;
	font-size: 20px !important;
	color: var(--primary-color, #1e73be) !important;
	white-space: nowrap;
}

.sijab-checklist__total-value .woocommerce-Price-amount {
	font-size: inherit !important;
	color: inherit !important;
	font-weight: inherit !important;
}

.sijab-checklist__total-suffix {
	font-size: 12px !important;
	color: #666 !important;
	font-weight: 400 !important;
}

@media (max-width: 600px) {
	.sijab-checklist__total {
		padding: 10px 12px !important;
		font-size: 14px !important;
	}
	.sijab-checklist__total-value {
		font-size: 17px !important;
	}
}

/* =================================================================
   "cards" layout — paketbyggare (self-contained, uses .kr-* names)
   ================================================================= */
.sijab-accessories-section--cards {
	background: transparent !important;
	padding: 0 !important;
	margin-bottom: 20px !important;
}
.sijab-accessories-section--cards .sijab-accessories-section__footer,
.sijab-accessories-section--cards .sijab-accessories-section__category-link {
	display: none !important;
}

.kr-bundle-cards {
	background: transparent;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: inherit;
}
.kr-bundle-cards__title {
	font-size: 22px;
	font-weight: 800;
	color: #111;
	margin: 0 0 14px;
	padding: 0;
	line-height: 1.2;
}

/* Grid — 2 columns desktop */
.kr-bundle-cards__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin: 0 0 22px;
}

/* Card — horizontal: image left, content right, meta bottom */
.kr-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 2px solid #e3e9f0;
	border-radius: 10px;
	padding: 14px 16px 12px;
	cursor: pointer;
	transition: border-color .15s ease, box-shadow .15s ease;
	user-select: none;
	box-sizing: border-box;
}
.kr-card:hover {
	border-color: #1e73be;
	box-shadow: 0 3px 10px rgba(30, 115, 190, 0.10);
}
.kr-card--active {
	border-color: #1e73be;
	box-shadow: 0 2px 8px rgba(30, 115, 190, 0.12);
}
.kr-card--disabled {
	opacity: 0.55;
	cursor: not-allowed;
}
.kr-card--disabled:hover {
	border-color: #e3e9f0;
	box-shadow: none;
}

/* Hidden native checkbox */
.kr-card__input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

/* Top row: image + body side-by-side */
.kr-card__top {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	flex: 1 1 auto;
}

/* Image (left) */
.kr-card__image {
	flex: 0 0 76px;
	width: 76px;
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f6f9fc;
	border-radius: 8px;
	overflow: hidden;
	text-decoration: none;
}
.kr-card__image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

/* Body (right of image) */
.kr-card__body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-top: 2px;
}
.kr-card__name {
	font-size: 16px;
	font-weight: 700;
	color: #111;
	line-height: 1.3;
	text-decoration: none;
	display: block;
	margin: 0;
	word-break: break-word;
}
.kr-card__name:hover {
	color: #1e73be;
	text-decoration: underline;
}

/* Variant select — right under name */
.kr-card__select {
	width: 100%;
	max-width: 220px;
	height: 34px;
	border: 1px solid #cbd5df;
	border-radius: 6px;
	padding: 0 10px;
	font-size: 13px;
	background: #fff;
	color: #111;
	box-sizing: border-box;
}
.kr-card__select:focus {
	outline: none;
	border-color: #1e73be;
	box-shadow: 0 0 0 3px rgba(30, 115, 190, 0.15);
}

/* Bottom row: green check + stock (left), price (right) */
.kr-card__bottom {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid #edf1f5;
}

/* Green checkbox indicator */
.kr-card__check {
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	border: 2px solid #cbd5df;
	border-radius: 5px;
	background: #fff;
	position: relative;
	transition: background .15s ease, border-color .15s ease;
}
.kr-card--active .kr-card__check {
	border-color: #2e7d32;
	background: #2e7d32;
}
.kr-card--active .kr-card__check::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 5px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.kr-card--disabled .kr-card__check {
	background: #f0f0f0;
}

/* Stock label next to check */
.kr-card__stock {
	flex: 1 1 auto;
	font-size: 13px;
	font-weight: 500;
	color: #2e7d32;
	text-transform: none;
	letter-spacing: 0;
}
.kr-card__stock.sijab-acc-card__stock--instock { color: #2e7d32; }
.kr-card__stock.sijab-acc-card__stock--outofstock { color: #c62828; }
.kr-card__stock.sijab-acc-card__stock--onbackorder { color: #ef6c00; }

/* Existing JS overwrites the stock element's className on variant select, which
   drops our .kr-card__stock class. Scope these rules to .kr-bundle-cards so they
   still apply without relying on the .kr-card__stock class. Does not affect
   other layouts because it's prefixed with .kr-bundle-cards. */
.kr-bundle-cards .sijab-acc-card__stock {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}

/* Price (right) */
.kr-card__price {
	flex: 0 0 auto;
	font-size: 16px;
	font-weight: 700;
	color: #111;
	text-align: right;
	line-height: 1.2;
}
.kr-card__price .woocommerce-Price-amount {
	font-weight: 700;
}
.kr-card__price .amount,
.kr-card__price .woocommerce-Price-currencySymbol {
	font-weight: 700;
}

/* ── Summary section ── */
.kr-bundle-summary {
	margin: 0;
	padding: 0;
}
.kr-bundle-summary__title {
	font-size: 20px;
	font-weight: 800;
	color: #111;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.3;
}

.kr-bundle-cards .kr-bundle-total {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 0 16px !important;
	display: block !important;
	font-size: 15px !important;
	color: #111 !important;
	font-weight: 400 !important;
	text-align: left !important;
}
.kr-bundle-total__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 8px 2px;
	border-bottom: 1px solid #edf1f5;
}
.kr-bundle-total__row--grand {
	background: #eaf3fb !important;
	border-bottom: 0 !important;
	border-radius: 8px !important;
	padding: 14px 16px !important;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 800;
}
.kr-bundle-total__label {
	color: #111;
	font-weight: 600;
}
.kr-bundle-total__row--grand .kr-bundle-total__label {
	color: #111;
	font-weight: 800;
	text-transform: none;
	letter-spacing: 0.3px;
	font-size: 16px;
}
.kr-bundle-total__value {
	color: #111;
	font-weight: 700;
}
.kr-bundle-total__row--grand .kr-bundle-total__value {
	color: #1e73be;
	font-size: 24px;
	font-weight: 800;
}
.kr-bundle-total__suffix {
	font-size: 11px;
	color: #888;
	font-weight: 400;
	margin-left: 6px;
}

/* Neutralise inherited checklist__total child styles */
.kr-bundle-cards .sijab-checklist__total-label,
.kr-bundle-cards .sijab-checklist__total-value,
.kr-bundle-cards .sijab-checklist__total-suffix {
	display: inline-block !important;
	font-size: inherit !important;
	color: inherit !important;
	font-weight: inherit !important;
}
.kr-bundle-cards .kr-bundle-total__row--grand .sijab-checklist__total-value {
	color: #1e73be !important;
	font-size: 24px !important;
	font-weight: 800 !important;
}

/* CTA button — full width, blue */
.kr-bundle-cta {
	display: block;
	width: 100%;
	margin: 14px 0 0 !important;
	padding: 14px 20px !important;
	background: #1e73be !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 8px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-align: center !important;
	cursor: pointer;
	transition: background .15s ease, transform .05s ease;
	line-height: 1.2 !important;
	text-transform: none !important;
	box-shadow: none !important;
	font-family: inherit !important;
}
.kr-bundle-cta:hover,
.kr-bundle-cta:focus {
	background: #155a96 !important;
	color: #fff !important;
}
.kr-bundle-cta:active {
	transform: translateY(1px);
}
.kr-bundle-cta:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Mobile — stack cards */
@media (max-width: 600px) {
	.kr-bundle-cards__grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.kr-bundle-cards__title {
		font-size: 20px;
	}
	.kr-card {
		padding: 12px;
	}
	.kr-card__image {
		flex: 0 0 64px;
		width: 64px;
		height: 64px;
	}
	.kr-card__name {
		font-size: 15px;
	}
	.kr-bundle-total__row--grand {
		padding: 12px 14px !important;
		font-size: 16px;
	}
	.kr-bundle-total__row--grand .kr-bundle-total__value {
		font-size: 20px !important;
	}
	.kr-bundle-cta {
		padding: 13px 18px !important;
		font-size: 15px !important;
	}
}

/* ─────────────────────────────────────────────────────────────
   Cards layout — hide default WC add-to-cart UI.
   The .kr-bundle-cta replaces the default button, so showing both
   creates duplicate buttons. Only apply on product pages where
   layout=cards (body.sijab-layout-cards set by filter_body_class).
   ───────────────────────────────────────────────────────────── */
body.sijab-layout-cards form.cart > .single_add_to_cart_button,
body.sijab-layout-cards form.cart > button[name="add-to-cart"],
body.sijab-layout-cards form.cart > .quantity,
body.sijab-layout-cards form.cart .woocommerce-variation-add-to-cart > .single_add_to_cart_button,
body.sijab-layout-cards form.cart .woocommerce-variation-add-to-cart > .quantity {
	display: none !important;
}

/* Also hide any trailing "add to cart" row WC/Flatsome renders directly
   inside form.cart (grouped-product rows are kept — they're nested differently). */
body.sijab-layout-cards form.cart > .cart-inner-actions,
body.sijab-layout-cards form.cart .wc-pao-addons-container + .single_add_to_cart_button {
	display: none !important;
}

/* Cards layout — empty-state summary: when no accessories are checked, the
   breakdown rows are meaningless (Tillbehör: 0 kr, Totalt == huvudpris).
   Hide title + breakdown so only the CTA button remains. JS toggles the
   data-empty attribute via updateCtaLabel(). */
.kr-bundle-summary[data-empty] .kr-bundle-summary__title,
.kr-bundle-summary[data-empty] .kr-bundle-total {
	display: none !important;
}
.kr-bundle-summary[data-empty] {
	padding-top: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   Companion-popup modal — shown when a customer checks an
   accessory that has required companion products (configured
   per main-product + accessory combination in admin).
   ═══════════════════════════════════════════════════════════ */

.sijab-companion-modal-overlay {
	position: fixed !important;
	inset: 0 !important;
	background: rgba(0, 0, 0, 0.55) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 100000 !important;
	padding: 20px !important;
	animation: sijab-modal-fade 0.18s ease-out !important;
}

@keyframes sijab-modal-fade {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.sijab-companion-modal {
	background: #fff !important;
	border-radius: 12px !important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3) !important;
	max-width: 500px !important;
	width: 100% !important;
	padding: 24px !important;
	box-sizing: border-box !important;
	animation: sijab-modal-slide 0.18s ease-out !important;
}

@keyframes sijab-modal-slide {
	from { transform: translateY(10px); opacity: 0; }
	to   { transform: translateY(0); opacity: 1; }
}

.sijab-companion-modal__title {
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: #1a1a1a !important;
	margin: 0 0 16px !important;
}

.sijab-companion-modal__list {
	list-style: none !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
}

.sijab-companion-modal__item {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 12px !important;
	border: 1px solid #e6e6e6 !important;
	border-radius: 8px !important;
	background: #f9f9f9 !important;
}

.sijab-companion-modal__item + .sijab-companion-modal__item {
	margin-top: 8px !important;
}

.sijab-companion-modal__img {
	width: 56px !important;
	height: 56px !important;
	object-fit: contain !important;
	border-radius: 4px !important;
	background: #fff !important;
	flex: 0 0 auto !important;
}

.sijab-companion-modal__info {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.sijab-companion-modal__name {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #1a1a1a !important;
	margin: 0 0 4px !important;
	line-height: 1.3 !important;
}

.sijab-companion-modal__meta {
	font-size: 13px !important;
	color: #555 !important;
	line-height: 1.3 !important;
}

.sijab-companion-modal__stock {
	font-weight: 600 !important;
	text-transform: uppercase !important;
}
.sijab-companion-modal__stock--instock { color: #00a32a !important; }
.sijab-companion-modal__stock--onbackorder { color: #d98500 !important; }
.sijab-companion-modal__stock--outofstock { color: #b32d2e !important; }

/* Role badges — identifies each item's role (main product / accessory customer
   picked / required companion) so the popup transparency is clear. */
.sijab-companion-modal__badge {
	display: inline-block !important;
	margin-top: 4px !important;
	padding: 2px 8px !important;
	border-radius: 10px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.3px !important;
	line-height: 1.5 !important;
}
.sijab-companion-modal__badge--main {
	background: #e7f3fe !important;
	color: #1e73be !important;
}
.sijab-companion-modal__badge--self {
	background: #e6f7ea !important;
	color: #00a32a !important;
}
.sijab-companion-modal__badge--required {
	background: #fff4e6 !important;
	color: #d98500 !important;
}

/* Subtle left-border highlight per role for quick visual scanning */
.sijab-companion-modal__item--main {
	border-left: 4px solid #1e73be !important;
}
.sijab-companion-modal__item--self {
	border-left: 4px solid #00a32a !important;
}
.sijab-companion-modal__item--required {
	border-left: 4px solid #d98500 !important;
}

.sijab-companion-modal__actions {
	display: flex !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	justify-content: flex-end !important;
}

.sijab-companion-modal__btn {
	padding: 11px 22px !important;
	border-radius: 99px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	border: 2px solid var(--primary-color, #1e73be) !important;
	transition: background-color 0.15s, color 0.15s !important;
	background: transparent !important;
	color: var(--primary-color, #1e73be) !important;
	margin: 0 !important;
}

.sijab-companion-modal__btn--primary {
	background: var(--primary-color, #1e73be) !important;
	color: #fff !important;
}

.sijab-companion-modal__btn--primary:hover,
.sijab-companion-modal__btn--primary:focus {
	background: #155a99 !important;
	border-color: #155a99 !important;
	color: #fff !important;
}

.sijab-companion-modal__btn--secondary:hover,
.sijab-companion-modal__btn--secondary:focus {
	background: var(--primary-color, #1e73be) !important;
	color: #fff !important;
}

@media (max-width: 500px) {
	.sijab-companion-modal { padding: 18px !important; border-radius: 8px !important; }
	.sijab-companion-modal__title { font-size: 15px !important; }
	.sijab-companion-modal__actions { flex-direction: column-reverse !important; align-items: stretch !important; }
	.sijab-companion-modal__btn { width: 100% !important; }
}

/* ──────────────────────────────────────────────────────────────
 * Installation radios (v2.33.0) — "Montering av tillbehör"
 * Injected after each accessory card by frontend JS when admin
 * has configured installation for that accessory on the main product.
 * ────────────────────────────────────────────────────────────── */
.sijab-install-options {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	margin: 8px 0 0 !important;
	padding: 8px 10px !important;
	background: #f7f8fa !important;
	border: 1px solid #e4e6eb !important;
	border-radius: 4px !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
}

.sijab-install-options--collapsed {
	display: none !important;
}

.sijab-install-radio {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	cursor: pointer !important;
	margin: 0 !important;
	padding: 4px 2px !important;
	color: #444 !important;
	font-weight: 400 !important;
}

.sijab-install-radio input[type="radio"] {
	flex: 0 0 auto !important;
	margin: 2px 0 0 !important;
	cursor: pointer !important;
}

.sijab-install-radio__label,
.sijab-install-label {
	flex: 1 1 auto !important;
	display: inline-block !important;
}

.sijab-install-radio--yes .sijab-install-label {
	color: #2c3e50 !important;
	font-weight: 500 !important;
}

.sijab-install-radio:hover .sijab-install-label {
	color: #000 !important;
}

/* Cards / checklist layout: gentle indent so the radio block visually
 * belongs to the accessory row above it. */
.sijab-acc-card--checklist .sijab-install-options,
.sijab-acc-card--cards .sijab-install-options {
	margin-left: 0 !important;
}

/* Horizontal / grid / compact: tighten up the styling a bit so it fits
 * within the card's existing footprint. */
.sijab-acc-card--horizontal .sijab-install-options,
.sijab-acc-card--grid .sijab-install-options,
.sijab-acc-card--compact .sijab-install-options {
	font-size: 12px !important;
	padding: 6px 8px !important;
}

@media (max-width: 500px) {
	.sijab-install-options { font-size: 12px !important; padding: 6px 8px !important; }
	.sijab-install-radio { padding: 3px 1px !important; }
}