/* Final MODULIKE palette for all constructor, editor and try-on screens. */
:root {
  --orange: #1B5CFF;
  --orange-dk: #0F4AD6;
  --orange-lt: #EAF0FF;
  --orange-brd: #C9D8FF;
  --blue: #1B5CFF;
  --blue-dk: #0F4AD6;
  --blue-lt: #EAF0FF;
  --blue-brd: #C9D8FF;
  --pink: #FF2D8E;
  --text: #0A1A4F;
  --navy: #0A1A4F;
  --text-muted: #7A86A8;
  --muted: #7A86A8;
  --border: #E3E9F7;
  --bg: #F4F6FB;
  --bg-light: #F8FAFE;
  --shadow: 0 4px 24px rgba(10, 26, 79, .10);
  --shadow-lg: 0 12px 48px rgba(10, 26, 79, .18);
}

body,
.modal,
.sheet-title,
.choose-cap,
.of-label,
.of-input,
.op-label,
.op-value {
  color: #0A1A4F;
}

/* Primary constructor actions. */
.btn-tryon,
.btn-cart,
.btn-primary,
.file-btn:not(.ghost),
.save-btn,
.big-btn:not(.ghost),
.dock button.accent,
.photo-mode button.active,
.module-select-bar .ok,
#ofSubmitBtn {
  background: #1B5CFF !important;
  border-color: #1B5CFF !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(27, 92, 255, .24) !important;
}

.btn-tryon:hover,
.btn-cart:hover,
.btn-primary:hover,
.file-btn:not(.ghost):hover,
.save-btn:hover,
.big-btn:not(.ghost):hover,
.dock button.accent:hover,
#ofSubmitBtn:hover {
  background: #0F4AD6 !important;
  border-color: #0F4AD6 !important;
  box-shadow: 0 8px 22px rgba(15, 74, 214, .26) !important;
}

.price-block,
.op-total,
.size-tag {
  background: #EAF0FF !important;
  border-color: #C9D8FF !important;
}

.price-label,
.op-total .op-value,
.size-tag,
#promoApplyBtn,
.module-pick-btn,
.file-btn.ghost,
.big-btn.ghost {
  color: #1B5CFF !important;
}

#promoApplyBtn,
.module-pick-btn,
.file-btn.ghost,
.big-btn.ghost {
  background: #fff !important;
  border-color: #1B5CFF !important;
}

#promoApplyBtn:hover,
.module-pick-btn:hover,
.file-btn.ghost:hover,
.big-btn.ghost:hover {
  background: #EAF0FF !important;
  border-color: #0F4AD6 !important;
  color: #0F4AD6 !important;
}

/* Selection outlines, focus rings and editor accents. */
.choose-card:hover,
.choose-card:focus-visible,
.text-templates .tpl:hover,
.text-templates .tpl.active,
.preset:hover,
.room:hover,
.of-input:focus,
.modal .crop-area:focus-within {
  border-color: #1B5CFF !important;
}

.text-templates .tpl.active {
  box-shadow: none !important;
}

.choose-card:hover,
.choose-card:focus-visible,
.choose-card:active,
.sheet-card:hover,
.sheet-card:focus-visible,
.sheet-mini:hover,
.sheet-mini:focus-visible {
  background: #fff !important;
  box-shadow: none !important;
}

.sheet-card:hover,
.sheet-card:focus-visible,
.sheet-mini:hover,
.sheet-mini:focus-visible {
  border-color: #1B5CFF !important;
}

input[type="range"],
input[type="checkbox"],
input[type="radio"] {
  accent-color: #1B5CFF !important;
}

.modal-bg,
#orderModal,
.sheet-overlay,
.overlay,
.guide {
  background: rgba(10, 26, 79, .30) !important;
  -webkit-backdrop-filter: blur(5px) saturate(.78) !important;
  backdrop-filter: blur(5px) saturate(.78) !important;
}

.modal,
#orderModal > div {
  box-shadow: 0 18px 54px rgba(10, 26, 79, .18) !important;
}

.sheet-handle::before,
.text-templates::-webkit-scrollbar-thumb {
  background: #D7DEEF !important;
}

/* Constructor burger: same calm hover as the rest of the site. */
.drawer-nav a:hover,
.drawer-nav a:focus-visible,
.drawer-nav a:hover svg,
.drawer-nav a:focus-visible svg {
  color: #0A1A4F !important;
}

.drawer-nav a:hover,
.drawer-nav a:focus-visible {
  background: #F7FAFF !important;
  box-shadow: 0 5px 16px rgba(10, 26, 79, .06) !important;
  transform: translateX(2px);
  outline: none;
}

.drawer-bottom {
  margin-top: auto;
  padding: 10px 20px 22px;
}

.drawer-socials {
  display: flex !important;
  align-items: center;
  justify-content: center;
  grid-template-columns: none !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.drawer-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden;
}

.drawer-socials img {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
}

.drawer-email {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  color: #0A1A4F !important;
  background: #F8FAFE !important;
  border: 1px solid #D7DEED;
  border-radius: 14px;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 20px rgba(10, 26, 79, .07);
}

.drawer-email:hover {
  color: #0A1A4F !important;
  border-color: #C9D8FF;
}

/* Consent checkbox matches the gift-certificate checkout. */
.order-agree-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 12px 0 0 !important;
  color: #0A1A4F !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  cursor: pointer;
}

.order-agree-row input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px;
  flex: 0 0 16px !important;
  margin: 1px 0 0 !important;
  accent-color: #1B5CFF !important;
  cursor: pointer;
}

.order-agree-row a {
  color: #1B5CFF !important;
  font-weight: 800;
  text-decoration: none;
}