/* ============================================================================
   SHARED COMPONENT: production-form system (B8 companion) — SKIN tier — from site-originaluniqueart-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.
   ============================================================================ */
.elvatee_content_box h4 {
	color: #4A4A4A;
}

.elvatee_content_box {
	background: #D8D8D8F2;
}

.elvatee_content_box a {
	color: #6B6B6B;
}

.signature-caption h3 {
	color: #6B6B6B;
}

.signature-caption p,
.signature-caption .signature-text {
	color: #4A4A4A;
}

.signature-caption button,
.signature-caption button:hover {
	color: #6B6B6B;
	border: 1px solid #6B6B6B;
}

.black_back .signature-caption h3 {
	color: #B8B8B8;
}

.black_back .signature-caption button,
.meet_info .signature-caption button {
	color: #B8B8B8;
	border: 1px solid #B8B8B8;
}

.meet_info .signature-caption h3 {
	color: #B8B8B8;
}

.meet_info .signature-caption p {
	color: #E5E5E5;
}

.summery_checkout {
	background: #F0F0F0;
	border: 1px solid #D0D0D0;
}

.select_size select {
	background: #F0F0F0;
	color: #4A4A4A;
}

.frame_box {
	border: 1px solid #F0F0F0;
	background-color: #F0F0F0;
}

.production_form input[type="radio"] {
	background: #E0E0E0;
}

.production_form input[type="radio"]:after {
	background-color: #E0E0E0;
	border: 1px solid #8B8B8B;
}

.production_form input[type="radio"]:checked:after {
	background-color: #4A4A4A;
	outline: 1.5px solid #4A4A4A;
}

.elvatee_content_box p {
	color: #4A4A4A;
}

.production_form .form-check .form-check-input {
	background-color: #F0F0F0 !important;
}

.art-curator .signature-caption,
.art-curator .signature-caption h3,
.art-curator .signature-caption p,
.art-curator .signature-caption .signature-text {
	color: #4A4A4A;
}

.production_form,
.summery_checkout {
  --oua-icon-filter-accent: brightness(0) saturate(100%) invert(37%) sepia(28%) saturate(1679%) hue-rotate(339deg) brightness(91%) contrast(89%);
  --oua-icon-filter-accent-hover: brightness(0) saturate(100%) invert(30%) sepia(35%) saturate(1800%) hue-rotate(339deg) brightness(88%) contrast(92%);
}

.production_form .yellow_cont a,
.production_form span.yellow_cont a,
.summery_checkout .yellow_cont a,
.summery_checkout span.yellow_cont a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--oua-body, var(--font-body));
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--oua-accent, #45433f) !important;
  text-decoration: none;
  transition: color 0.15s ease;
}

.production_form .yellow_cont a:hover,
.production_form span.yellow_cont a:hover,
.summery_checkout .yellow_cont a:hover,
.summery_checkout span.yellow_cont a:hover {
  color: var(--oua-accent-dark, #93311f) !important;
}

.production_form .yellow_cont a .yellow_cont__icon,
.production_form .yellow_cont a img,
.production_form span.yellow_cont a .yellow_cont__icon,
.production_form span.yellow_cont a img,
.summery_checkout .yellow_cont a .yellow_cont__icon,
.summery_checkout .yellow_cont a img,
.summery_checkout span.yellow_cont a .yellow_cont__icon,
.summery_checkout span.yellow_cont a img {
  width: 14px;
  height: 14px;
  max-width: 14px;
  max-height: 14px;
  margin: 0 !important;
  flex-shrink: 0;
  filter: var(--oua-icon-filter-accent);
  opacity: 0.9;
  transition: opacity 0.15s ease, transform 0.15s ease, filter 0.15s ease;
}

.production_form .yellow_cont a:hover .yellow_cont__icon,
.production_form .yellow_cont a:hover img,
.production_form span.yellow_cont a:hover .yellow_cont__icon,
.production_form span.yellow_cont a:hover img,
.summery_checkout .yellow_cont a:hover .yellow_cont__icon,
.summery_checkout .yellow_cont a:hover img,
.summery_checkout span.yellow_cont a:hover .yellow_cont__icon,
.summery_checkout span.yellow_cont a:hover img {
  opacity: 1;
  transform: translateX(2px);
  filter: var(--oua-icon-filter-accent-hover);
}

.production_form .confirmation_notice img,
.summery_checkout .confirmation_notice img {
  filter: var(--oua-icon-filter-accent);
}

.production_form .upload_img_form.text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
}

.production_form .upload_img_form.text-center .img_upl_fm,
.production_form .upload_img_form.text-center .image-upload-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ============================================================================
   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-originaluniqueart-V2.1.css, original order.
   ========================================================================= */

.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 #877f76 !important;
	background-color: #e8e2cd !important;
	outline: none !important;
	padding: 0;
	margin: 0;
	box-shadow: none !important;
	cursor: pointer;
}

.form-check-input-custom:checked {
	background-color: #4A4A4A !important;
	border-color: #4A4A4A !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;
}

.artdots-content-block {
	display: flex;
	gap: 10px;
	align-items: center;
}

.collection_tabs .nav-pills .nav-link.active,.collection_tabs .nav-pills .show>.nav-link {
    color: #494949 ! IMPORTANT;
    background-color: #dddddd;
}

.collection_tabs .nav-item {
	background-color: #9d9d9d;
}

.collection_tabs .nav-pills .nav-link {
    color: #dfdfdf;
}

.collection_details h4 {
    color: #dfdfdf;
}

.full_collection_section {
	background: url("/static/images/artworks/collecton_background-gray.123c447eb8c6.jpg");
	color: #dbdbdb;
}

h4.total_price,.confirmation_notice,.repro-size__manual-label p,.switches-container label,span.optional_text {
	color: #4A4A4A;
}

span.green_include {
	color: #6B6B6B;
}

.switches-container {
	background: #D0D0D0;
}

.switch {
	background: #6B6B6B;
}

.switch .switchbox {
	color: #E8E8E8;
}

h6.frame_text,.frame_details h5,.frame_details p,.repro-faces__option,.repro-faces__option img,.repro-faces__free-badge,.repro-styles__option,.repro-styles__option img,.repro-styles__radio label,.custom_detail p,.custom_detail,.premium_service .why_choose_right {
	color: #4A4A4A;
}

.reproduction_image_detail .accordion-item button.accordion-button {
	color: #4A4A4A;
}

.reproduction_image_detail .accordion-item {
	border: 1px solid #D0D0D0;
}

.repro-customization__section {
	background: #d8d8d8 !important;
}

.repro-faces__option {
    background: #d8d8d8 !important;
    border: 1px solid #c1c1c1 !important;
}

.reproduc_tabs .collapse_tab_repro .custom-dropdown,.reproduc_tabs .collapse_tab_repro .custom-dropdown .drop_repro {
	background: #F0F0F0 !important;
}

.buy_page_main_artwork_image,.form_produc2 .optional_add .option_text > div span.yellow_cont a,.form_produc2 .optional_add .option_text > span span.yellow_cont a,.optional_add .option_text > div span:last-child {
	color: #4A4A4A;
}

#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(--oua-accent, #45433f) !important;
}

.adc-buy-page-section.artwork_section {
  background: transparent !important;
  padding-top: 24px;
  padding-bottom: 8px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.adc-buy-page-section.artwork_section {
  padding-top: 32px !important;
}

.premium_service {
  margin-bottom: var(--oua-pad, 44px);
}

.premium_service .why_choose_right,.premium_service .why_choose_right.black_back {
  height: auto !important;
  min-height: 0;
  padding: 32px var(--oua-pad, 44px) 48px !important;
}

.premium_service .why_choose_right h3 {
  margin: 0 0 10px;
  padding: 0;
  font-family: var(--oua-display, 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(--oua-band, #f5f5f5);
}

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

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

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

.premium_service .why_choose_right.black_back {
  overflow: visible;
}

.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(--oua-body, var(--font-body));
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--oua-band, #f5f5f5);
}

.premium_service .why_choose_info p {
  width: 100%;
  margin: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.55;
  color: var(--oua-ink-3, #959595);
  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;
}

/* -- QUIZ / REPRODUCTION-TABS / DROPDOWN-WIDGET FAMILY (2026-07-06): the shared
   buy-tabs + quiz radios + custom dropdown + switches, used on buy pages,
   info-quiz, detail quick-facts, appraisal + funnel forms. Base-linked
   coverage. Verbatim from base-originaluniqueart-V2.1.css, original order. -- */

.custome_check label {
	color: #4A4A4A;
}

.custom-dropdown,.custom-dropdown .dropdown-list,.custom-dropdown .dropdown-list li {
	color: #4A4A4A;
	background: #C8C8C8;
}

.custom-dropdown .dropdown-list li:hover {
	background: #C8C8C8;
}

.custom-dropdown .arrow-icon img,.custom-dropdown.open span.arrow-icon,.custom-dropdown .custom-dropdown.open .arrow-icon img {
	color: #4A4A4A;
}

.reproduc_tabs .nav-pills .nav-link {
	color: #515151;
}

.reproduc_tabs .nav-pills .nav-link.active,.reproduc_tabs .nav-pills .show>.nav-link {
	color: #515151;
	background-color: unset;
	border-bottom: 1px solid #515151;
}

.reproduc_tabs .custom-dropdown .dropdown-header {
	background: #F0F0F0 !important;
	color: #4A4A4A !important;
}

.reproduc_tabs .custom-dropdown label {
	color: #4A4A4A !important;
	opacity: 0.6;
}