/* RiproduzioniQuadri.it art request theme.
   Live homepage on 2026-10-19 and tpl_template_custom_css.php both resolve
   the shop button color to #f60, hover #d04a0a. The four fr-server shops
   currently share this bohase skin. This file only remaps the shared
   request skin. Sources:
   - includes/templates/bohase/common/tpl_header.php top bar #FFE9E0 / #4b1d1f
   - includes/templates/bohase/css/templatecss.css cart badge and nav #f60; body font Inter
   - includes/templates/bohase/css/samples_gallery_skin.css accent #ff6600, strong #4b1d1f, cream #ffe9e0
   - includes/templates/bohase/common/html_header.php loads Inter
   Grid column counts are left to the shared skin, which already stacks to
   one column at max-width 767px. The query below only keeps CTAs full width.
*/
#artrequestnewBody {
  --ar-navy: #4b1d1f;
  --ar-navy-2: #3a1618;
  --ar-blue: #ff6600;
  --ar-blue-dark: #d04a0a;
  --ar-ink: #222222;
  --ar-muted: #666666;
  --ar-line: #f3d3c4;
  --ar-ivory: #ffe9e0;
  --ar-ivory-light: #fff8f4;
  --ar-gold: #ff6600;
  --ar-kicker: #d04a0a;
  --ar-green: #2f7d4a;
  --ar-font-serif: Inter, "SF Pro Text", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ar-font-sans: Inter, "SF Pro Text", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#artrequestnewBody,
#artrequestnewBody .ar-new-page {
  font-family: var(--ar-font-sans);
  color: var(--ar-ink);
}

#artrequestnewBody h1,
#artrequestnewBody h2,
#artrequestnewBody .ar-new-hero h1,
#artrequestnewBody .ar-new-intro h2,
#artrequestnewBody .ar-submitted-confirmation > h1,
#artrequestnewBody .ar-submitted-summary-heading h2,
#artrequestnewBody .ar-submitted-title-row h1,
#artrequestnewBody .ar-submitted-aside-head strong,
#artrequestnewBody .ar-aside-head strong,
#artrequestnewBody .faq-container > div > h4 {
  font-family: var(--ar-font-serif);
}

#artrequestnewBody .ar-new-kicker {
  color: var(--ar-kicker);
}

#artrequestnewBody .ar-new-hero h1 em {
  font-style: normal;
  color: var(--ar-kicker);
}

#artrequestnewBody .ar-new-primary,
#artrequestnewBody .ar-new-primary:visited,
#artrequestnewBody .ar-new-mobile-cta {
  border-radius: 4px;
  background: var(--ar-blue);
  box-shadow: 0 8px 18px rgba(255, 102, 0, 0.22);
  color: #fff;
}

#artrequestnewBody .ar-new-primary:hover,
#artrequestnewBody .ar-new-primary:focus,
#artrequestnewBody .ar-new-mobile-cta:hover,
#artrequestnewBody .ar-new-mobile-cta:focus {
  background: var(--ar-blue-dark);
  border-color: var(--ar-blue-dark);
  color: #fff;
}

#artrequestnewBody .ar-new-mobile-cta small {
  color: #ffe9e0;
}

#artrequestnewBody .quotebutton,
#artrequestnewBody .generateinvoice,
#artrequestnewBody .is-submitted button.generateinvoice {
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--ar-blue) !important;
  box-shadow: 0 4px 14px rgba(255, 102, 0, 0.22) !important;
  color: #fff !important;
}

#artrequestnewBody .quotebutton:hover,
#artrequestnewBody .generateinvoice:hover,
#artrequestnewBody .is-submitted button.generateinvoice:hover,
#artrequestnewBody .is-submitted button.generateinvoice:focus {
  background: var(--ar-blue-dark) !important;
  border-color: var(--ar-blue-dark) !important;
}

#artrequestnewBody .is-submitted button.addanew {
  border: 1px solid var(--ar-blue);
  border-radius: 4px !important;
  background: #fff;
  color: var(--ar-blue-dark);
}

#artrequestnewBody .is-submitted button.addanew:hover,
#artrequestnewBody .is-submitted button.addanew:focus {
  background: var(--ar-ivory) !important;
  color: var(--ar-navy);
}

#artrequestnewBody .active.choosefrom .optiion,
#artrequestnewBody .active.choosefrom2 .optiion2,
#artrequestnewBody .choosefrom .optiion:hover,
#artrequestnewBody .choosefrom2 .optiion2:hover {
  border: 2px solid var(--ar-blue);
}

#artrequestnewBody .ar-aside-head,
#artrequestnewBody .ar-submitted-aside-head {
  background: var(--ar-navy);
  color: #fff;
}

#artrequestnewBody .is-submitted #cartSubTotal {
  border-left: 3px solid var(--ar-blue);
}

#artrequestnewBody .is-submitted #cartSubTotal .carttotal + .carttotal .totalBox {
  color: var(--ar-kicker) !important;
}

@media (max-width: 768px) {
  #artrequestnewBody .ar-new-hero {
    display: block;
  }
  #artrequestnewBody .ar-new-hero-actions {
    display: block;
  }
  #artrequestnewBody .ar-new-primary,
  #artrequestnewBody .is-submitted .dingzhiall > button.generateinvoice,
  #artrequestnewBody .is-submitted .dingzhiall > button.addanew {
    width: 100%;
    min-height: 48px;
  }
}