/* MC Optimizer 2.17.17 | cotizacion de variaciones (WooCommerce + WoodMart) */
/* Woo variable.php can say sold-out when no priced variations are visible.
   Only suppress that generic warning when PHP verified a published, in-stock,
   unpriced child; the new selector itself explains the quote-only state. */
body.mc-wa-quote-without-price.single-product .stock.out-of-stock,
body.mc-wa-quote-without-price .single-product .stock.out-of-stock,
body.mc-wa-quote-without-price .stock.out-of-stock,
.single-product .mc-wa-quote-info { display:none !important; }

body.single-product .mc-wa-attribute-picker[hidden],
body.single-product .mc-wa-validation-error[hidden],
body.single-product .mc-wa-fallback-quantity[hidden] { display:none !important; }
body.single-product .mc-wa-attribute-picker {
  display:block; flex:0 0 100%; order:-1; width:100%; max-width:100%;
  margin:0 0 14px; padding:18px; box-sizing:border-box; text-align:left;
  background:#fff; border:1px solid #e4eaf2; border-radius:16px;
  box-shadow:0 6px 20px rgba(12,40,72,.035); color:#24354b;
}
body.single-product .mc-wa-picker-head {
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:10px; flex-wrap:wrap; margin:0 0 16px;
}
body.single-product .mc-wa-picker-title-wrap {display:flex;flex-direction:column;gap:3px;flex:1 1 150px;min-width:0}
body.single-product .mc-wa-attributes-heading {
  display:block; margin:0; font-size:17px; font-weight:700;
  letter-spacing:-.025em; line-height:1.35; color:#102c52;
}
body.single-product .mc-wa-picker-subtitle {font-size:12px;line-height:1.55;color:#67778b}
body.single-product .mc-wa-picker-tag {
  display:inline-flex;align-items:center;white-space:nowrap;
  padding:5px 9px;border-radius:999px;border:1px solid #ffe5d8;
  color:#bd582d;background:#fff5ee;font-size:10.5px;font-weight:700;line-height:1.3;
}
body.single-product .mc-wa-attribute-fields {display:grid;grid-template-columns:1fr;gap:15px}
body.single-product .mc-wa-attribute-field {display:flex;flex-direction:column;gap:9px;min-width:0}
body.single-product .mc-wa-attribute-field > label,
body.single-product .mc-wa-fallback-quantity > label {
  font-size:12px;font-weight:700;line-height:1.45;color:#41546d;
}
body.single-product .mc-wa-attribute-select {
  display:block;width:100%;height:44px;min-height:44px;padding:8px 12px;margin:0;
  border-radius:10px;border:1px solid #d9e2ed;background:#fff;
  color:#22334a;font-size:14px;box-sizing:border-box;
}
/* Keep a usable dropdown without JS and for attribute sets with > 16 options. */
body.single-product .mc-wa-attribute-field.mc-wa-field--chips .mc-wa-attribute-select {
  position:absolute !important;width:1px !important;height:1px !important;
  overflow:hidden !important;clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;clip-path:inset(50%) !important;
}
body.single-product .mc-wa-option-chips {
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,88px),1fr));
  gap:8px;width:100%;
}
body.single-product button.mc-wa-option-chip {
  display:inline-flex;justify-content:center;align-items:center;gap:6px;
  width:100%;min-width:0;min-height:43px;padding:9px 8px;
  border-radius:9px;border:1px solid #d9e2ed;
  background:#f8fafc;color:#233b58;text-align:center;
  font:inherit;font-size:13px;font-weight:600;line-height:1.35;
  white-space:normal;word-break:normal;
  box-shadow:none;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s,color .16s;
}
body.single-product button.mc-wa-option-chip:hover:not(:disabled) {
  background:#eef4fb;border-color:#7b9abf;
}
body.single-product button.mc-wa-option-chip.is-selected,
body.single-product button.mc-wa-option-chip.is-selected:hover {
  color:#fff;background:#123b68;border-color:#123b68;
  box-shadow:0 3px 9px rgba(18,59,104,.14);
}
body.single-product button.mc-wa-option-chip:disabled {
  color:#a2acb8;background:#f5f7fa;border-color:#edf0f4;
  opacity:.62;cursor:not-allowed;
}
body.single-product button.mc-wa-option-chip:focus-visible,
body.single-product .mc-wa-qty-stepper button:focus-visible {
  outline:2px solid #f97742;outline-offset:2px;
}
body.single-product .mc-wa-picker-bottom {
  display:flex;justify-content:space-between;align-items:flex-end;
  flex-wrap:wrap;gap:12px;margin-top:15px;padding-top:14px;
  border-top:1px solid #edf1f6;
}
body.single-product .mc-wa-fallback-quantity {
  display:flex;flex-direction:column;gap:8px;min-width:0;
  font-size:12px;font-weight:600;line-height:1.4;
}
body.single-product .mc-wa-qty-stepper {
  display:inline-flex;align-items:stretch;overflow:hidden;height:40px;
  border:1px solid #d9e2ed;border-radius:9px;background:#fff;
}
body.single-product .mc-wa-qty-stepper button {
  display:inline-flex;align-items:center;justify-content:center;
  padding:0;width:34px;height:38px;min-width:34px;border:0;
  border-radius:0;background:#f8fafc;box-shadow:none;
  color:#26415f;font:inherit;font-size:18px;line-height:1;cursor:pointer;
}
body.single-product .mc-wa-qty-stepper button:hover {background:#eaf1f9}
body.single-product input.mc-wa-fallback-qty {
  width:47px;min-width:47px;max-width:47px;height:38px;min-height:38px;
  border:0;border-left:1px solid #edf1f6;border-right:1px solid #edf1f6;
  border-radius:0;outline:0;padding:2px 3px;margin:0;
  text-align:center;background:#fff;color:#172c49;
  font:inherit;font-size:13px;font-weight:700;
  box-sizing:border-box;appearance:textfield;-moz-appearance:textfield;
}
body.single-product input.mc-wa-fallback-qty::-webkit-outer-spin-button,
body.single-product input.mc-wa-fallback-qty::-webkit-inner-spin-button { -webkit-appearance:none;margin:0 }
body.single-product .mc-wa-variation-hint {
  display:block; flex:1 1 180px;max-width:250px;
  margin:0;padding:0 0 4px;text-align:right;color:#60728a;
  font-size:11.5px;line-height:1.5;
}
body.single-product .mc-wa-variation-hint:empty {display:none}
body.single-product .mc-wa-variation-hint.is-unavailable {color:#ad5734}
body.single-product .mc-wa-validation-error {
  display:block;flex:0 0 100%;order:99;margin:3px 0 0;
  font-size:12px;line-height:1.5;color:#b42318;
}
body.single-product .mc-wc-inline-holder:has(.mc-wa-attribute-picker) {flex-wrap:wrap;width:100%}
body.single-product .mc-wa-attribute-picker.mc-wa-no-variations {font-size:13px;color:#6f7b89}
@media (max-width:520px) {
  body.single-product .mc-wa-attribute-picker {padding:15px;border-radius:13px}
  body.single-product .mc-wa-picker-head {gap:8px;margin-bottom:13px}
  body.single-product .mc-wa-picker-tag {font-size:10px}
  body.single-product .mc-wa-option-chips {grid-template-columns:repeat(auto-fit,minmax(min(100%,82px),1fr));gap:7px}
  body.single-product .mc-wa-picker-bottom {align-items:flex-start}
  body.single-product .mc-wa-variation-hint {text-align:left;max-width:100%}
}
@media (prefers-reduced-motion:reduce) {
  body.single-product button.mc-wa-option-chip {transition:none}
}

/* Four independently configurable visual layouts. The native select is always
   the source of the selected variation; only its accessible presentation changes. */
body.single-product .mc-wa-attribute-picker[data-mc-wa-style="pills"] .mc-wa-option-chips {
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
}
body.single-product .mc-wa-attribute-picker[data-mc-wa-style="pills"] button.mc-wa-option-chip {
  width:auto;min-width:66px;min-height:40px;flex:0 0 auto;
  border-radius:999px;padding:8px 17px;background:#fff;
}
body.single-product .mc-wa-attribute-picker[data-mc-wa-style="pills"] button.mc-wa-option-chip.is-selected {
  background:#123b68;color:#fff;border-color:#123b68;
}
body.single-product .mc-wa-attribute-picker[data-mc-wa-style="cards"] .mc-wa-option-chips {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
body.single-product .mc-wa-attribute-picker[data-mc-wa-style="cards"] button.mc-wa-option-chip {
  min-height:52px;justify-content:flex-start;text-align:left;padding:12px 13px;
  border-radius:12px;background:#fff;box-shadow:0 2px 5px rgba(12,40,72,.025);
}
body.single-product .mc-wa-attribute-picker[data-mc-wa-style="cards"] button.mc-wa-option-chip::before {
  content:"";display:block;flex:0 0 auto;width:14px;height:14px;
  border-radius:999px;border:2px solid #aab9cc;background:#fff;
}
body.single-product .mc-wa-attribute-picker[data-mc-wa-style="cards"] button.mc-wa-option-chip.is-selected {
  background:#eff6ff;color:#123b68;border-color:#2f659b;
}
body.single-product .mc-wa-attribute-picker[data-mc-wa-style="cards"] button.mc-wa-option-chip.is-selected::before {
  background:#123b68;border-color:#123b68;box-shadow:inset 0 0 0 3px #eff6ff;
}
body.single-product .mc-wa-attribute-picker[data-mc-wa-style="select"] .mc-wa-attribute-select {
  width:100%;height:48px;min-height:48px;padding:9px 14px;
  border:1px solid #cbd7e5;border-radius:11px;background:#fff;color:#24354b;
  appearance:auto;-webkit-appearance:auto;clip-path:none;
}
body.single-product .mc-wa-attribute-picker[data-mc-wa-style="select"] .mc-wa-attribute-select:focus-visible {
  outline:2px solid #f97742;outline-offset:2px;
}
@media(max-width:520px){
  body.single-product .mc-wa-attribute-picker[data-mc-wa-style="cards"] .mc-wa-option-chips {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.single-product .mc-wa-attribute-picker[data-mc-wa-style="cards"] button.mc-wa-option-chip {
    padding:10px;min-height:48px;
  }
  body.single-product .mc-wa-attribute-picker[data-mc-wa-style="pills"] button.mc-wa-option-chip {
    padding:8px 13px;min-width:60px;
  }
}