/* ============================================================================
   SHARED COMPONENT: production-form system (B8 companion) — SKIN tier — from site-wahooart-V2.0.css
   Migrated 2026-07-05. Cluster: buy_production_form / production_form /
   frame_box / summery_checkout / total_price_box / select_size /
   upload_image_box / elvatee_content_box / signature_* — shared by the artwork
   buy pages AND the photo funnel (25 templates) → BASE-LINKED ×8.
   select_size/upload_image_box/elvatee are JS-relevant (main-V2.1.js) —
   class names untouched. PHASE-A FIDELITY: verbatim relocation.
   ============================================================================ */
.production_form .enter_manually_box .form-control {
	background-color: var(--wa-form-surface) !important;
	border: 1px solid var(--wa-sand) !important;
	color: var(--wa-ink) !important;
	box-shadow: none !important;
}

.production_form .enter_manually_box .form-control:focus {
	background-color: var(--wa-form-surface) !important;
	border-color: var(--wa-bronze) !important;
	color: var(--wa-ink) !important;
	box-shadow: none !important;
}

.production_form .enter_manually_box .form-floating > label {
	color: var(--wa-ink-soft) !important;
}

.production_form .enter_manually_box .form-floating > .form-control {
	padding: 1rem 0.75rem !important;
	line-height: 1.25;
}

.production_form .enter_manually_box .form-floating > .form-control:focus,
.production_form .enter_manually_box .form-floating > .form-control:not(:placeholder-shown) {
	padding-top: 1.625rem !important;
	padding-bottom: 0.625rem !important;
	padding-left: 0.75rem !important;
	padding-right: 0.75rem !important;
}

.production_form .enter_manually_box .form-floating > .form-control:focus ~ label::after,
.production_form .enter_manually_box .form-floating > .form-control:not(:placeholder-shown) ~ label::after {
	background-color: var(--wa-form-surface) !important;
}

.production_form .enter_manually_box .form-control:-webkit-autofill,
.production_form .enter_manually_box .form-control:-webkit-autofill:hover,
.production_form .enter_manually_box .form-control:-webkit-autofill:focus {
	background-color: var(--wa-form-surface) !important;
	-webkit-box-shadow: 0 0 0 1000px var(--wa-form-surface) inset !important;
	-webkit-text-fill-color: var(--wa-ink) !important;
}

.production_form .repro-faces__option {
	background: var(--wa-form-surface) !important;
	border: 1px solid var(--wa-sand) !important;
	color: var(--wa-ink-soft) !important;
}

.production_form .image-upload-box,
.production_form #add-image.image-upload-box {
	background: var(--wa-form-surface) !important;
	border-color: var(--wa-muted) !important;
}

.production_form .steps_count span {
	background: var(--wa-ink) !important;
	color: var(--wa-parchment) !important;
}

.production_form .form_heading {
	color: var(--wa-ink) !important;
	font-family: var(--font-title);
}

.production_form .form_content,
.production_form .primary-label,
.production_form .repro-size__manual-label p,
.production_form .switches-container label {
	color: var(--wa-ink-soft) !important;
}

.production_form .repro-required {
	color: var(--wa-logo-red) !important;
}

.production_form .repro-faces__option {
	background: var(--wa-form-surface) !important;
	border: 1px solid var(--wa-form-surface) !important;
	color: var(--wa-ink-soft) !important;
}

.production_form .repro-faces__option.checked_box,
.production_form .checked_box {
	border: 1px solid var(--wa-bronze) !important;
	box-shadow: inset 0 0 0 1px var(--wa-bronze);
}

.production_form .repro-faces__count p {
	color: var(--wa-ink) !important;
}

.production_form .repro-faces__free-badge,
.production_form span.green_include,
.production_form .green_include,
.production_form .reproduc_tabs .green_include,
.production_form span.repro-price-tag.is-free {
	color: var(--wa-bronze) !important;
}

.production_form .face_color_red,
.production_form .repro-price-tag {
	color: var(--wa-ink) !important;
	font-weight: 700;
}

.production_form input[type="radio"],
.production_form .repro_radio input[type="radio"] {
	background: var(--wa-inset) !important;
}

.production_form input[type="radio"]:after,
.production_form .repro_radio input[type="radio"]:after {
	background-color: var(--wa-inset) !important;
	border: 1px solid var(--wa-muted) !important;
}

.production_form input[type="radio"]:checked:after,
.production_form .repro_radio input[type="radio"]:checked:after {
	background-color: var(--wa-bronze) !important;
	outline: 1.5px solid var(--wa-bronze) !important;
}

.production_form .repro_radio label {
	color: var(--wa-ink) !important;
}

.production_form .form-check .form-check-input {
	background-color: var(--wa-form-surface) !important;
	border-color: var(--wa-muted) !important;
}

.production_form .form-check-input:checked,
.production_form .form-check-input:checked[type="checkbox"] {
	background-color: var(--wa-bronze) !important;
	border-color: var(--wa-bronze) !important;
}

.production_form .switches-container {
	background: #DCD3BF !important;
}

.production_form .switch {
	background: var(--wa-bronze) !important;
}

.production_form .switch .switchbox {
	color: var(--wa-parchment) !important;
}

.production_form .select_size select,
.production_form select option {
	background: var(--wa-form-surface) !important;
	color: var(--wa-ink) !important;
}

.production_form select:focus > option:checked {
	background: var(--wa-bronze) !important;
	color: var(--wa-parchment) !important;
}

.production_form .repro-styles__option {
	background: var(--wa-form-surface) !important;
	border: 1px solid var(--wa-form-surface) !important;
}

.production_form .repro-styles__option.checked_box {
	border-color: var(--wa-bronze) !important;
}

.production_form .repro-styles__radio label,
.production_form .repro-styles__radio {
	color: var(--wa-ink) !important;
}

.production_form .artistic_img .overlay_img {
	background: rgba(47, 42, 35, 0.8) !important; /* --wa-ink @ 80% */
}

.production_form h6.frame_text,
.production_form .frame_details h5,
.production_form .frame_details p,
.production_form .headingSelect {
	color: var(--wa-ink) !important;
}

.production_form .frame_box {
	background-color: var(--wa-form-surface) !important;
	border: 1px solid var(--wa-form-surface) !important;
}

.production_form .frame_box.checked_box,
.production_form .frame-swatch.sel .frame_box {
	border-color: var(--wa-bronze) !important;
}

.production_form .frame-price-span {
	color: var(--wa-ink) !important;
	font-weight: 700;
}

.production_form .repro-customization__section {
	background: var(--wa-form-surface) !important;
}

.production_form .custome_check label,
.production_form .option_text label,
.production_form .optional_text {
	color: var(--wa-ink) !important;
}

.production_form .custom_detail {
	border: 1px solid #DCD3BF !important;
	background: var(--wa-inset) !important;
}

.production_form .custom_detail p {
	color: var(--wa-ink-soft) !important;
}

.production_form .yellow_cont a,
.production_form span.yellow_cont a {
	color: var(--wa-bronze) !important;
}

.production_form .yellow_cont a:hover,
.production_form span.yellow_cont a:hover {
	color: var(--wa-bronze-deep) !important;
}

.production_form .reproduc_tabs button.accordion-button,
.production_form .repruct_content_collapse button.accordion-button,
.summery_checkout button.accordion-button,
.summery_checkout .accordion-button:not(.collapsed) {
	background: transparent !important;
	color: var(--wa-ink) !important;
}

.production_form .repruct_content_collapse .accordion-body,
.summery_checkout .accordion-body {
	color: var(--wa-muted) !important;
}

.production_form .reproduc_tabs .accordion-item,
.summery_checkout .collapse_inner_box .accordion-item {
	border-color: #DCD3BF !important;
}

.summery_checkout {
	background: var(--wa-form-surface) !important;
	border: 1px solid #DCD3BF !important;
}

.summery_checkout .sum_chek_text {
	border-bottom: 1px solid #DCD3BF !important;
	color: var(--wa-ink) !important;
	font-family: var(--font-title);
}

.summery_checkout .repro-summary__row {
	border-bottom: 1px solid #DCD3BF !important;
}

.summery_checkout .repro-summary__row .dtl_con h4,
.summery_checkout .dtl_con h4 {
	color: var(--wa-ink) !important;
}

.summery_checkout .repro-summary__row .dtl_con p,
.summery_checkout .dtl_con p {
	color: var(--wa-muted) !important;
}

.summery_checkout .repro-summary__row .detail_cont_right h4,
.summery_checkout .detail_cont_right h4 {
	color: var(--wa-ink) !important;
	font-weight: 600;
}

.summery_checkout span.green_include,
.summery_checkout .green_include {
	color: var(--wa-bronze) !important;
}

.summery_checkout h4.total_price,
.summery_checkout .total_price_box .total_price {
	color: var(--wa-ink) !important;
}

.summery_checkout .add_tocart_btn button,
.summery_checkout #addToCartButton,
.summery_checkout #emailConfigButton {
	background: var(--wa-bronze) !important;
	color: #FFFFFF !important;
	border: none !important;
}

.summery_checkout .add_tocart_btn button:hover,
.summery_checkout #addToCartButton:hover,
.summery_checkout #emailConfigButton:hover {
	background: var(--wa-bronze-deep) !important;
	color: #FFFFFF !important;
}

.summery_checkout .confirmation_notice p,
.production_form .confirmation_notice p {
	color: var(--wa-ink-soft) !important;
}

.signature_art-section .signature-caption h3 {
    text-align: center;
    margin-top: 0;
}

/* ============================================================================
   REPRODUCTION / BUY-PAGE FAMILY SWEEP (2026-07-06): 99 classes exclusive to
   the buy + photo-funnel templates (reproduc_tabs, repro_radio, repro-summary,
   commn_strache_frame, frame_*, collection_*, premium_service, ...) folded
   into this base-linked component from base-wahooart-V2.1.css, original order.
   ========================================================================= */

ul.sidebar_tags_edit_request_examples a.edit-request-example:hover,ul.sidebar_tags_edit_request_examples a.edit-request-example:focus {
    color: #3E342A;
}

ul.sidebar_tags_edit_request_examples a.edit-request-example:focus-visible {
    outline: 2px solid var(--wa-bronze, #8A5D2B);
    outline-offset: 2px;
}

.form-check-input-custom {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	flex-shrink: 0;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	border: 1px solid var(--wa-muted) !important;
	background-color: var(--wa-form-surface) !important;
	outline: none !important;
	padding: 0;
	margin: 0;
	box-shadow: none !important;
	cursor: pointer;
}

.form-check-input-custom:checked {
	background-color: var(--wa-ink) !important;
	border-color: var(--wa-ink) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M6.173 12.727L2.222 8.777l1.415-1.414 2.536 2.536 6.364-6.364 1.414 1.414z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 100% !important;
}

#collections-section .collection_tabs .nav.nav-pills {
    width: 100%;
    max-width: 100%;
}

.collection_details h4 a:hover,.full_collection_section .collec_heading a:hover {
    color: var(--wa-bronze, #8A5D2B) !important;
}

.premium_service {
  margin-bottom: 44px;
}

.premium_service .why_choose_right,.premium_service .why_choose_right.black_back {
  height: auto !important;
  min-height: 0;
  padding: 32px 44px 48px !important;
  background: var(--wa-ink, #2F2A23);
  overflow: visible;
}

.premium_service .why_choose_right h3 {
  margin: 0 0 10px;
  padding: 0;
  font-family: var(--font-title-accent);
  font-size: clamp(22px, 2.5vw, 28px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--wa-accent, #8A5D2B);
}

.premium_service .why_choose_right .heading_text {
  margin: 0 0 12px;
  font-family: var(--font-title-accent);
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  color: var(--wa-panel, #E8E4D9);
}

.premium_service .why_choose_right .heading_paragrap {
  margin: 0 auto;
  max-width: 52rem;
  text-align: center;
  color: var(--wa-ink-3, #a3a09b);
}

.premium_service .why_choose_box {
  margin-top: 28px;
  padding-bottom: 4px;
}

.premium_service .why_choose_box .row {
  row-gap: 28px;
  margin-bottom: 8px;
}

.premium_service .why_choose_box .row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.premium_service .why_choose_box_inner {
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 0;
  height: auto;
  min-height: 0;
  flex: 1 1 auto;
}

.premium_service .why_choose_icon {
  margin-top: 2px;
  flex-shrink: 0;
}

.premium_service .why_choose_info {
  min-width: 0;
  flex: 1;
}

.premium_service .why_choose_info h5 {
  margin: 0 0 8px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--wa-panel, #E8E4D9);
}

.premium_service .why_choose_info p {
  width: 100%;
  margin: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.55;
  color: var(--wa-ink-3, #a3a09b);
  overflow: visible;
}

.premium_service .why_choose_icon img {
  background: transparent !important;
  outline: none !important;
  outline-offset: 0;
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

.premium_service .why_choose_box_inner:hover .why_choose_icon img {
  opacity: 1;
}