/* ==========================================================================
   Lanyard Configurator – Compact Layout
   Tighter spacing, smaller step cards, buttons, and font sizes.
   Load when configurator_layout = compact.
   ========================================================================== */

.lc-configurator[data-lc-layout="compact"] {
	padding: 6px;
	margin-bottom: 24px;
}

.lc-configurator[data-lc-layout="compact"] .lc-preview-section {
	padding: 12px 0 6px;
}

.lc-configurator[data-lc-layout="compact"] .lc-preview-placeholder,
.lc-configurator[data-lc-layout="compact"] .lc-preview-image-wrap {
	min-height: 160px;
}

.lc-configurator[data-lc-layout="compact"] .lc-info-text {
	padding: 10px 12px 12px;
}

.lc-configurator[data-lc-layout="compact"] .lc-info-text p {
	font-size: 13px;
}

.lc-configurator[data-lc-layout="compact"] .lc-info-text__note {
	font-size: 12px;
}

/* Step panel */
.lc-configurator[data-lc-layout="compact"] .lc-step-panel {
	margin-bottom: 12px;
	border-radius: 4px;
}

/* Step nav tabs */
.lc-configurator[data-lc-layout="compact"] .lc-step-nav__btn {
	padding: 8px 12px;
	font-size: 12px;
	gap: 4px;
}

.lc-configurator[data-lc-layout="compact"] .lc-step-nav__number {
	width: 18px;
	height: 18px;
	font-size: 10px;
}

/* Step content */
.lc-configurator[data-lc-layout="compact"] .lc-step-content {
	padding: 14px 20px 20px;
}

.lc-configurator[data-lc-layout="compact"] .lc-step__title {
	font-size: 16px;
	margin-bottom: 4px;
}

.lc-configurator[data-lc-layout="compact"] .lc-step__subtitle,
.lc-configurator[data-lc-layout="compact"] .lc-step__desc {
	font-size: 12px;
	margin-bottom: 8px;
}

.lc-configurator[data-lc-layout="compact"] .lc-step__required-hint {
	margin-bottom: 12px;
	padding: 8px 12px;
	font-size: 12px;
}

/* Options grid */
.lc-configurator[data-lc-layout="compact"] .lc-options-grid {
	gap: 10px;
}

.lc-configurator[data-lc-layout="compact"] .lc-option-card {
	width: 130px;
	border-radius: 2px;
}

.lc-configurator[data-lc-layout="compact"] .lc-option-card__body {
	padding: 6px 8px 8px;
	gap: 1px;
}

.lc-configurator[data-lc-layout="compact"] .lc-option-card__title {
	font-size: 11px;
}

.lc-configurator[data-lc-layout="compact"] .lc-option-card__price {
	font-size: 10px;
}

.lc-configurator[data-lc-layout="compact"] .lc-option-card__check {
	width: 18px;
	height: 18px;
	top: 4px;
	right: 4px;
}

/* Colour section */
.lc-configurator[data-lc-layout="compact"] .lc-colour-section__heading {
	font-size: 14px;
	margin-bottom: 10px;
}

.lc-configurator[data-lc-layout="compact"] .lc-colour-grid {
	gap: 10px;
	margin-bottom: 8px;
}

.lc-configurator[data-lc-layout="compact"] .lc-colour-item {
	padding: 6px;
	min-width: 56px;
}

.lc-configurator[data-lc-layout="compact"] .lc-colour-swatch {
	width: 36px;
	height: 36px;
}

.lc-configurator[data-lc-layout="compact"] .lc-colour-label {
	font-size: 10px;
}

.lc-configurator[data-lc-layout="compact"] .lc-colour-selected-name {
	font-size: 12px;
	margin-top: 6px;
}

/* Options slider */
.lc-configurator[data-lc-layout="compact"] .lc-colour-slider {
	gap: 8px;
	margin-bottom: 8px;
}

.lc-configurator[data-lc-layout="compact"] .lc-colour-slider__nav {
	width: 28px;
	height: 28px;
	min-width: 28px;
	min-height: 28px;
	padding: 0;
}

.lc-configurator[data-lc-layout="compact"] .lc-colour-slider__nav svg {
	width: 18px;
	height: 18px;
}

.lc-configurator[data-lc-layout="compact"] .lc-colour-slider__track {
	gap: 10px;
	padding: 4px 12px;
}

/* Input section */
.lc-configurator[data-lc-layout="compact"] .lc-input-columns {
	gap: 20px;
	margin-bottom: 14px;
}

.lc-configurator[data-lc-layout="compact"] .lc-input-col__heading {
	font-size: 14px;
	margin-bottom: 8px;
	padding-bottom: 6px;
}

.lc-configurator[data-lc-layout="compact"] .lc-input-col__desc {
	font-size: 12px;
	margin-bottom: 8px;
}

.lc-configurator[data-lc-layout="compact"] .lc-label {
	font-size: 12px;
}

.lc-configurator[data-lc-layout="compact"] .lc-input,
.lc-configurator[data-lc-layout="compact"] .lc-textarea {
	padding: 8px 10px;
	font-size: 13px;
}

/* Text/logo blocks */
.lc-configurator[data-lc-layout="compact"] .lc-text-block,
.lc-configurator[data-lc-layout="compact"] .lc-logo-block {
	padding: 10px 12px;
	margin-bottom: 8px;
}

.lc-configurator[data-lc-layout="compact"] .lc-form-row {
	gap: 10px 16px;
	margin-bottom: 8px;
}

.lc-configurator[data-lc-layout="compact"] .lc-style-btn,
.lc-configurator[data-lc-layout="compact"] .lc-stepper-btn {
	width: 28px;
	height: 28px;
	font-size: 12px;
}

.lc-configurator[data-lc-layout="compact"] .lc-nudge-btn {
	width: 24px;
	height: 24px;
	font-size: 12px;
}

.lc-configurator[data-lc-layout="compact"] .lc-btn--add {
	margin-top: 8px;
	padding: 8px 16px;
	font-size: 13px;
}

/* Summary */
.lc-configurator[data-lc-layout="compact"] .lc-summary__pricing-table-wrap {
	margin-bottom: 16px;
}

.lc-configurator[data-lc-layout="compact"] .lc-pricing-table th,
.lc-configurator[data-lc-layout="compact"] .lc-pricing-table td {
	padding: 6px 10px;
	font-size: 12px;
}

.lc-configurator[data-lc-layout="compact"] .lc-summary__print-options {
	margin-top: 14px;
	padding-top: 12px;
}

.lc-configurator[data-lc-layout="compact"] .lc-summary__print-options h4 {
	font-size: 13px;
	margin-bottom: 10px;
}

.lc-configurator[data-lc-layout="compact"] .lc-print-option {
	margin-bottom: 8px;
}

.lc-configurator[data-lc-layout="compact"] .lc-print-option__radio,
.lc-configurator[data-lc-layout="compact"] .lc-print-option__checkbox {
	font-size: 13px;
}

.lc-configurator[data-lc-layout="compact"] .lc-summary__columns {
	gap: 24px;
}

.lc-configurator[data-lc-layout="compact"] .lc-summary__details h4 {
	font-size: 14px;
	margin-bottom: 8px;
}

.lc-configurator[data-lc-layout="compact"] .lc-summary__table td {
	padding: 4px 2px;
	font-size: 12px;
}

.lc-configurator[data-lc-layout="compact"] .lc-summary__row {
	font-size: 13px;
	padding: 4px 0;
}

.lc-configurator[data-lc-layout="compact"] .lc-summary__row strong {
	font-size: 14px;
}

.lc-configurator[data-lc-layout="compact"] .lc-summary__quantity-cart-row {
	gap: 10px;
	margin-bottom: 10px;
}

/* Quantity & buttons */
.lc-configurator[data-lc-layout="compact"] .lc-quantity-row {
	margin-bottom: 8px;
}

.lc-configurator[data-lc-layout="compact"] .lc-qty-btn {
	width: 28px;
	min-width: 28px;
	height: 30px;
	font-size: 13px;
}

.lc-configurator[data-lc-layout="compact"] .lc-qty-input {
	height: 30px;
}

.lc-configurator[data-lc-layout="compact"] .lc-qty-input {
	width: 48px;
	padding: 6px 8px;
	font-size: 13px;
}

.lc-configurator[data-lc-layout="compact"] .lc-btn--primary,
.lc-configurator[data-lc-layout="compact"] .lc-btn--secondary {
	padding: 10px 18px;
	font-size: 13px;
}

.lc-configurator[data-lc-layout="compact"] .lc-nav-bar {
	padding: 12px 16px;
}

.lc-configurator[data-lc-layout="compact"] .lc-nav-bar__btn {
	padding: 8px 14px;
	font-size: 13px;
}