/* ========================================================================
   Mi&Sa Boutique — CSS Custom para WordPress + Blocksy + WooCommerce
   Cole este arquivo em: Aparência → Personalizar → CSS Adicional
   ======================================================================== */

:root {
  --misa-rose:        #C97B7B;
  --misa-rose-deep:   #A85F5F;
  --misa-rose-soft:   #E8C4C4;
  --misa-blush:       #F5E6E0;
  --misa-nude:        #E8D5C4;
  --misa-cream:       #FAF6F2;
  --misa-bone:        #F4EDE5;
  --misa-ink:         #2A1F1A;
  --misa-ink-soft:    #5C4A42;
  --misa-muted:       #9A857B;
  --misa-line:        #E8DDD3;
  --misa-gold:        #C9A878;
}

/* ----- Tipografia geral ----- */
body, .ct-container, p {
  font-family: 'Inter', system-ui, sans-serif;
  color: var(--misa-ink);
  background: var(--misa-cream);
}

h1, h2, h3, h4, .product_title, .woocommerce-loop-product__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em;
  line-height: 1.1;
}

/* ----- Barra promocional (topo) com scroll horizontal ----- */
.ct-header-top-bar,
.ct-topbar {
  background: var(--misa-ink) !important;
  color: var(--misa-cream) !important;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  overflow: hidden;
  padding: 8px 0;
}
.ct-header-top-bar .ct-toolbar-items {
  animation: misa-scroll 30s linear infinite;
  white-space: nowrap;
}
@keyframes misa-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ----- Header / Logo ----- */
.ct-header {
  background: rgba(250, 246, 242, 0.92);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--misa-line);
}
.site-logo img,
.ct-logo-container img {
  mix-blend-mode: multiply;
  max-height: 64px !important;
  width: auto !important;
}

/* ----- Menu principal ----- */
.menu li > a,
.ct-menu-link {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--misa-ink-soft) !important;
  transition: color 0.2s;
}
.menu li > a:hover,
.menu .current-menu-item > a,
.ct-menu-link:hover {
  color: var(--misa-rose-deep) !important;
}

/* ----- Botões (genérico + WooCommerce) ----- */
.wp-block-button__link,
.button,
button[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page button.button,
.single_add_to_cart_button {
  background: var(--misa-ink) !important;
  color: var(--misa-cream) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 26px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: all 0.2s ease;
}
.wp-block-button__link:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.single_add_to_cart_button:hover {
  background: var(--misa-ink-soft) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(168, 95, 95, 0.15);
}

/* Botão primário rose */
.is-style-primary .wp-block-button__link,
.button.alt,
.woocommerce .button.alt {
  background: var(--misa-rose) !important;
  color: white !important;
}
.is-style-primary .wp-block-button__link:hover,
.button.alt:hover,
.woocommerce .button.alt:hover {
  background: var(--misa-rose-deep) !important;
}

/* Botão outline */
.is-style-outline .wp-block-button__link {
  border: 1px solid var(--misa-ink) !important;
  background: transparent !important;
  color: var(--misa-ink) !important;
}

/* ----- Cards de produto na listagem ----- */
.woocommerce ul.products li.product,
.wc-block-grid__product {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--misa-ink) !important;
  margin-top: 12px !important;
  letter-spacing: 0 !important;
}
.woocommerce ul.products li.product .price,
.wc-block-grid__product-price {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: var(--misa-ink) !important;
  font-weight: 600;
}
.woocommerce ul.products li.product .price del {
  color: var(--misa-muted) !important;
  font-size: 12px;
  font-weight: 400;
  margin-right: 8px;
}
.woocommerce ul.products li.product img {
  border-radius: 10px;
  aspect-ratio: 3/4;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.woocommerce ul.products li.product:hover img {
  transform: scale(1.04);
}

/* Tag "Novidade" / "Promo" no card */
.woocommerce span.onsale {
  background: var(--misa-gold) !important;
  color: var(--misa-ink) !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 5px 10px !important;
  min-height: auto !important;
  min-width: auto !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  font-weight: 600;
}

/* ----- Página de produto individual ----- */
.product .product_title {
  font-size: 32px !important;
  margin-bottom: 8px !important;
}
.product .price {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 36px !important;
  font-weight: 500 !important;
  color: var(--misa-ink) !important;
}
.product .price del {
  font-size: 18px;
  color: var(--misa-muted) !important;
}

/* Seletor de tamanho como botão */
.variations select {
  display: none;
}
/* (Use plugin "WooCommerce Variation Swatches" para botões de tamanho/cor) */

/* Aba de descrição/medidas/avaliações */
.woocommerce-tabs .tabs li {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  margin: 0 24px 0 0 !important;
  padding: 0 !important;
}
.woocommerce-tabs .tabs li a {
  padding: 14px 0 !important;
  color: var(--misa-ink-soft) !important;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
}
.woocommerce-tabs .tabs li.active {
  border-bottom-color: var(--misa-rose) !important;
}
.woocommerce-tabs .tabs li.active a {
  color: var(--misa-ink) !important;
}

/* ----- Inputs ----- */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
input[type="number"], textarea, select {
  border: 1px solid var(--misa-line) !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  background: white !important;
  color: var(--misa-ink) !important;
  transition: border-color 0.15s, box-shadow 0.15s;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--misa-rose) !important;
  box-shadow: 0 0 0 3px rgba(201, 123, 123, 0.12) !important;
  outline: none !important;
}

/* Label dos campos */
.form-row label,
.woocommerce form .form-row label {
  font-size: 11px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--misa-ink-soft) !important;
  font-weight: 500;
  margin-bottom: 6px;
}

/* ----- Carrinho / Cart drawer ----- */
.woocommerce-mini-cart,
.widget_shopping_cart_content {
  font-family: 'Inter', sans-serif;
}
.cart_list li img {
  border-radius: 6px;
}
.woocommerce-mini-cart__total {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
}

/* ----- Checkout ----- */
.woocommerce-checkout {
  background: var(--misa-bone);
  padding: 40px 0;
}
.woocommerce-checkout form.checkout {
  background: white;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 1px 2px rgba(42,31,26,0.04);
}

/* ----- Footer ----- */
.site-footer,
.ct-footer {
  background: var(--misa-ink) !important;
  color: var(--misa-cream) !important;
  padding: 80px 0 32px;
}
.site-footer h5,
.ct-footer .widget-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--misa-blush) !important;
  font-weight: 600;
}
.site-footer a,
.ct-footer a {
  color: rgba(244, 237, 229, 0.7) !important;
  font-size: 13px;
  transition: color 0.15s;
}
.site-footer a:hover {
  color: var(--misa-blush) !important;
}

/* ----- Tag/badge ----- */
.tag, .product-tag,
.woocommerce-info, .woocommerce-message {
  background: var(--misa-blush) !important;
  color: var(--misa-rose-deep) !important;
  border-top-color: var(--misa-rose) !important;
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 13px;
}

/* ----- Mensagens / Notices ----- */
.woocommerce-message {
  background: #E5EFE5 !important;
  border-top-color: #6B8E6E !important;
  color: #2A4A2D !important;
}
.woocommerce-error {
  background: #FCE8E8 !important;
  border-top-color: #B85C5C !important;
  color: #6B1F1F !important;
}

/* ----- Eyebrow (microtexto antes de heading) ----- */
.eyebrow,
.has-eyebrow-style {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--misa-rose-deep);
  font-weight: 500;
  display: block;
}

/* ----- Headings com itálico colorido (estilo editorial) ----- */
.h-display em,
h1 em, h2 em {
  font-style: italic;
  color: var(--misa-rose) !important;
  font-weight: 400;
}

/* ----- Filtros laterais (sidebar de loja) ----- */
.widget_layered_nav ul li,
.wc-block-product-categories-list-item {
  list-style: none !important;
  padding: 8px 0 !important;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: var(--misa-line) !important;
}
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
  background: var(--misa-rose) !important;
}

/* ----- Botão flutuante WhatsApp ----- */
.htcc-floating-icon,
.ctc-analytics {
  background: #25D366 !important;
  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4) !important;
}

/* ----- Responsivo ----- */
@media (max-width: 900px) {
  .woocommerce ul.products[class*="columns-"],
  .woocommerce-page ul.products[class*="columns-"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .product .product_title {
    font-size: 24px !important;
  }
  .product .price {
    font-size: 28px !important;
  }
}

/* ----- Hero da home (block "Capa") ----- */
.wp-block-cover {
  border-radius: 0;
  min-height: 600px;
}
.wp-block-cover h1,
.wp-block-cover h2 {
  font-size: clamp(48px, 7vw, 96px) !important;
  letter-spacing: -0.02em;
}

/* ----- Bordas suaves em todas as imagens ----- */
.wp-block-image img,
.woocommerce-product-gallery__image img {
  border-radius: 10px;
}

/* ----- Pix badge na página de produto ----- */
.pix-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--misa-blush);
  color: var(--misa-rose-deep);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  margin: 6px 0 28px;
}

/* ========================================================================
   BLOCOS PERSONALIZADOS Mi&Sa
   ======================================================================== */

/* Container e cabeçalho compartilhado */
.misa-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.misa-section-head { margin: 0 0 28px; }
.misa-section-head__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
}
.misa-section-head h2.h-display { margin: 6px 0 0; font-size: clamp(32px, 4vw, 48px); }
.misa-see-all {
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--misa-ink-soft) !important;
  text-decoration: none;
  white-space: nowrap;
}
.misa-see-all:hover { color: var(--misa-rose-deep) !important; }

/* Botões customizados dos blocos */
.misa-btn {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.2s;
}
.misa-btn--soft {
  background: var(--misa-blush);
  color: var(--misa-rose-deep);
}
.misa-btn--soft:hover { background: var(--misa-rose-soft); }

/* ---- Bloco: Barra de ícones ---- */
.misa-icons-bar-wrap { padding: 28px 0; background: var(--misa-cream); border-top: 1px solid var(--misa-line); border-bottom: 1px solid var(--misa-line); }
.misa-icons-bar { display: grid; gap: 24px; }
.misa-icons-bar__item { display: flex; align-items: center; gap: 16px; }
.misa-icons-bar__icon {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--misa-blush);
  color: var(--misa-rose-deep);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.misa-icons-bar__icon svg { width: 22px; height: 22px; }
.misa-icons-bar__text { display: flex; flex-direction: column; gap: 2px; }
.misa-icons-bar__text strong { font-size: 14px; font-weight: 600; color: var(--misa-ink); }
.misa-icons-bar__text span { font-size: 12px; color: var(--misa-muted); }
@media (max-width: 900px) { .misa-icons-bar { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 500px) { .misa-icons-bar { grid-template-columns: 1fr !important; } }

/* ---- Bloco: Grade de categorias adaptativa ---- */
.misa-cat-section { padding: 72px 0; }
.misa-cat-grid {
  display: grid;
  gap: 16px;
  min-height: 480px;
}
.misa-cat-cell {
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  min-height: 240px;
  display: flex;
  align-items: flex-end;
  padding: 24px;
  transition: transform 0.4s;
}
.misa-cat-cell:hover { transform: translateY(-2px); }
.misa-cat-cell__label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--misa-rose);
  font-size: 11px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  opacity: 0.6;
  pointer-events: none;
}
.misa-cat-cell__pill {
  background: white;
  color: var(--misa-ink);
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  z-index: 2;
}

/* Layouts adaptativos */
.misa-cat-grid-1 { grid-template-columns: 1fr; }
.misa-cat-grid-2 { grid-template-columns: 1fr 1fr; }
.misa-cat-grid-3 {
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "a b" "a c";
}
.misa-cat-grid-3 .misa-cat-cell--1 { grid-area: a; }
.misa-cat-grid-3 .misa-cat-cell--2 { grid-area: b; }
.misa-cat-grid-3 .misa-cat-cell--3 { grid-area: c; }

.misa-cat-grid-4 {
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "a b c" "a d c";
}
.misa-cat-grid-4 .misa-cat-cell--1 { grid-area: a; }
.misa-cat-grid-4 .misa-cat-cell--2 { grid-area: b; }
.misa-cat-grid-4 .misa-cat-cell--3 { grid-area: c; }
.misa-cat-grid-4 .misa-cat-cell--4 { grid-area: d; }

.misa-cat-grid-5 {
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "a b c" "a d e";
}
.misa-cat-grid-5 .misa-cat-cell--1 { grid-area: a; }
.misa-cat-grid-5 .misa-cat-cell--2 { grid-area: b; }
.misa-cat-grid-5 .misa-cat-cell--3 { grid-area: c; }
.misa-cat-grid-5 .misa-cat-cell--4 { grid-area: d; }
.misa-cat-grid-5 .misa-cat-cell--5 { grid-area: e; }

@media (max-width: 900px) {
  .misa-cat-grid-3, .misa-cat-grid-4, .misa-cat-grid-5 {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    grid-template-areas: none !important;
  }
  .misa-cat-grid .misa-cat-cell { grid-area: auto !important; }
}

/* ---- Bloco: Banner editorial ---- */
.misa-editorial-wrap { padding: 0; }
.misa-editorial-wrap.misa-theme-dark { background: var(--misa-ink); color: var(--misa-cream); }
.misa-editorial-wrap.misa-theme-light { background: var(--misa-cream); color: var(--misa-ink); }
.misa-editorial {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  padding: 72px 0;
}
.misa-editorial--right { direction: rtl; }
.misa-editorial--right > * { direction: ltr; }
.misa-editorial__img img,
.misa-editorial__img .misa-placeholder {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 16px;
  background: var(--misa-rose-soft);
}
.misa-editorial__text h2.h-display {
  font-size: clamp(36px, 5vw, 56px);
  margin: 12px 0 24px;
}
.misa-theme-dark .misa-editorial__text h2 { color: var(--misa-cream); }
.misa-editorial__text p { color: inherit; opacity: 0.85; font-size: 15px; line-height: 1.6; margin-bottom: 28px; }
@media (max-width: 900px) {
  .misa-editorial { grid-template-columns: 1fr; gap: 32px; padding: 48px 0; }
}

/* ---- Bloco: Carrossel de produtos ---- */
.misa-pc-wrap { padding: 72px 0; }
.misa-pc-swiper { position: relative; padding: 0 8px; }
.misa-pc-nav {
  position: absolute;
  top: 35%;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: white;
  color: var(--misa-ink);
  border: 1px solid var(--misa-line);
  cursor: pointer;
  z-index: 10;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  transition: all 0.2s;
}
.misa-pc-nav:hover { background: var(--misa-ink); color: white; }
.misa-pc-nav--prev { left: -22px; }
.misa-pc-nav--next { right: -22px; }
.misa-pc-nav.swiper-button-disabled { opacity: 0.3; cursor: default; }
@media (max-width: 600px) { .misa-pc-nav { display: none; } }

/* Card de produto reutilizável */
.misa-product-card { background: transparent; }
.misa-card-link { text-decoration: none; color: inherit; display: block; }
.misa-card-imgwrap {
  position: relative;
  aspect-ratio: 3/4;
  background: var(--misa-blush);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 12px;
}
.misa-card-imgwrap img,
.misa-card-img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform 0.5s;
}
.misa-product-card:hover .misa-card-img { transform: scale(1.04); }
.misa-card-title { font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; color: var(--misa-ink); margin: 0 0 6px; }
.misa-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; font-size: 14px; }
.misa-price-current { font-weight: 600; color: var(--misa-ink); }
.misa-price-old { text-decoration: line-through; color: var(--misa-muted); font-size: 12px; }
.misa-installments { width: 100%; color: var(--misa-muted); font-size: 11px; }
.misa-badge {
  position: absolute;
  top: 12px; left: 12px;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 2;
}
.misa-badge-promo    { background: var(--misa-gold); color: var(--misa-ink); }
.misa-badge-novidade { background: var(--misa-rose); color: white; }

/* ---- Bloco: Instagram strip ---- */
.misa-insta-wrap { padding: 56px 0 72px; }
.misa-insta-head { text-align: center; margin-bottom: 28px; }
.misa-insta-head .eyebrow { text-decoration: none; }
.misa-insta-head h2.h-display { font-size: clamp(28px, 3.5vw, 40px); margin: 6px 0 8px; }
.misa-insta-sub { color: var(--misa-muted); font-size: 13px; }
.misa-insta-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
.misa-insta-cell {
  position: relative;
  aspect-ratio: 1;
  border-radius: 6px;
  overflow: hidden;
  display: block;
}
.misa-insta-cell img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.misa-insta-cell:hover img { transform: scale(1.08); }
.misa-insta-cell__overlay {
  position: absolute; inset: 0;
  background: rgba(42,31,26,0.35);
  color: white;
  display: flex; align-items: center; justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
}
.misa-insta-cell:hover .misa-insta-cell__overlay { opacity: 1; }
@media (max-width: 700px) {
  .misa-insta-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ---- Editor (Gutenberg) — só visual interno do bloco ---- */
.misa-pc-editor, .misa-categories-editor, .misa-editorial-editor, .misa-icons-bar-editor, .misa-insta-editor {
  padding: 16px;
  background: white;
  border: 1px dashed var(--misa-line);
  border-radius: 10px;
}
.misa-fake-btn {
  display: inline-block;
  padding: 12px 24px;
  background: var(--misa-blush);
  color: var(--misa-rose-deep);
  border-radius: 10px;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.misa-placeholder {
  background: repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(255,255,255,0.05) 8px, rgba(255,255,255,0.05) 16px), rgba(0,0,0,0.2);
  aspect-ratio: 1;
  border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.4); font-size: 14px;
}

/* ========================================================================
   PAGAMENTOS Mi&Sa — exibição dinâmica
   ======================================================================== */

/* Tarja promocional animada (override da nossa) */
.misa-topbar {
  background: var(--misa-ink);
  color: var(--misa-cream);
  overflow: hidden;
  padding: 9px 0;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.misa-topbar__track {
  display: flex;
  white-space: nowrap;
  animation: misa-marquee 40s linear infinite;
}
.misa-topbar__track span { padding-right: 24px; }
@keyframes misa-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Badge "R$ X no Pix (10% off)" na página de produto */
.misa-pix-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--misa-blush);
  color: var(--misa-rose-deep);
  padding: 8px 14px;
  border: 1px solid rgba(168, 95, 95, 0.18);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  margin: 8px 0 22px;
}
.misa-pix-badge strong { font-weight: 600; }

/* Linha de parcelamento abaixo do preço (em qualquer lugar) */
.misa-price-installments-line,
.misa-installments {
  color: var(--misa-muted);
  font-size: 12px;
  font-weight: 400;
}
.misa-installments strong { color: var(--misa-ink); font-weight: 500; }

/* Botão "Comprar com 1 clique no Pix" */
.misa-buy-now-pix {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 14px 24px;
  background: var(--misa-blush) !important;
  color: var(--misa-rose-deep) !important;
  border: 1px solid var(--misa-rose-soft) !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s;
}
.misa-buy-now-pix:hover {
  background: var(--misa-rose-soft) !important;
  color: var(--misa-ink) !important;
}

/* Link "Tabela de medidas" alinhado à direita do label TAMANHO */
.misa-size-guide-link {
  float: right;
  font-size: 12px;
  color: var(--misa-rose-deep);
  text-decoration: underline;
  cursor: pointer;
}
.misa-size-guide-link:hover { color: var(--misa-ink); }

/* ----- Mini-cart: barra de progresso de frete grátis ----- */
.misa-ship-progress {
  padding: 12px 16px;
  background: var(--misa-blush);
  border-radius: 8px;
  margin: 0 0 14px;
}
.misa-ship-progress.is-achieved { background: #E5EFE5; }
.misa-ship-progress__text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--misa-ink-soft);
  margin-bottom: 8px;
}
.misa-ship-progress__bar {
  height: 4px;
  background: rgba(168, 95, 95, 0.15);
  border-radius: 999px;
  overflow: hidden;
}
.misa-ship-progress__fill {
  height: 100%;
  background: var(--misa-rose);
  transition: width 0.35s ease;
  border-radius: 999px;
}
.misa-ship-progress.is-achieved .misa-ship-progress__fill { background: #6B8E6E; }

/* ----- Mini-cart: linha "Pix (-10%) R$ X" ----- */
.misa-minicart-pix-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  margin: 8px 0;
  color: var(--misa-rose-deep);
  font-size: 13px;
  font-weight: 600;
  border-top: 1px dashed var(--misa-rose-soft);
  border-bottom: 1px dashed var(--misa-rose-soft);
}
.misa-minicart-pix-row__label {
  display: flex; align-items: center; gap: 6px;
}

/* ----- Linha de desconto no checkout (Fee API) ----- */
.misa-checkout-discount { color: var(--misa-rose-deep); font-weight: 600; }

/* ----- Modal Tabela de Medidas ----- */
.misa-modal { display: none; }
.misa-modal[aria-hidden="false"] { display: block; }
.misa-modal__overlay {
  position: fixed; inset: 0;
  background: rgba(42, 31, 26, 0.55);
  z-index: 9998;
}
.misa-modal__dialog {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: min(90vw, 720px);
  max-height: 85vh;
  overflow: auto;
  background: white;
  border-radius: 14px;
  padding: 36px 32px 28px;
  z-index: 9999;
  box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}
.misa-modal__close {
  position: absolute;
  top: 12px; right: 14px;
  background: transparent;
  border: none;
  font-size: 28px;
  color: var(--misa-ink-soft);
  cursor: pointer;
  line-height: 1;
}
.misa-modal__dialog h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
  font-size: 28px;
  margin: 0 0 18px;
}

/* ----- Tabela de medidas (bloco) ----- */
.misa-size-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.misa-size-table th,
.misa-size-table td {
  padding: 12px 10px;
  text-align: center;
  border-bottom: 1px solid var(--misa-line);
}
.misa-size-table th {
  background: var(--misa-bone);
  color: var(--misa-ink);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.misa-size-table tbody tr:hover { background: var(--misa-cream); }
.misa-size-table__note {
  margin-top: 14px;
  font-size: 13px;
  color: var(--misa-muted);
  text-align: center;
}

/* ========================================================================
   PÁGINAS ESPECÍFICAS
   ======================================================================== */

/* ----- Hero da página da loja ----- */
.woocommerce.archive .page-title,
.woocommerce-page.archive .woocommerce-products-header {
  background: var(--misa-blush);
  padding: 56px 24px 64px;
  margin: 0 0 40px;
  text-align: left;
}
.woocommerce-products-header__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(40px, 5vw, 64px) !important;
  font-weight: 500 !important;
  margin: 0 0 8px;
  color: var(--misa-ink);
}
.woocommerce-result-count {
  color: var(--misa-ink-soft);
  font-size: 14px;
}

/* ----- Stepper do checkout (genérico, funciona com a maioria dos plugins multistep) ----- */
.wcms-progress-bar,
.ywsbm-checkout-step-bar,
.misa-checkout-steps {
  display: flex;
  justify-content: center;
  gap: 32px;
  padding: 24px 0 40px;
}
.wcms-progress-bar > *,
.ywsbm-checkout-step-bar > *,
.misa-checkout-steps > * {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--misa-muted);
  position: relative;
}
.wcms-progress-bar > .active,
.ywsbm-checkout-step-bar > .active {
  color: var(--misa-ink);
}
.wcms-progress-bar > .completed::before,
.ywsbm-checkout-step-bar > .completed::before {
  content: "✓";
  width: 28px; height: 28px;
  background: var(--misa-rose);
  color: white;
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 600;
}

/* ----- Checkout: layout 2 colunas com cards brancos ----- */
.woocommerce-checkout form.checkout {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 32px;
  align-items: flex-start;
}
.woocommerce-checkout .woocommerce-checkout-review-order {
  background: white;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 1px 2px rgba(42,31,26,0.04);
  position: sticky;
  top: 24px;
}
.woocommerce-checkout #customer_details {
  background: white;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 1px 2px rgba(42,31,26,0.04);
}
@media (max-width: 900px) {
  .woocommerce-checkout form.checkout { grid-template-columns: 1fr; }
  .woocommerce-checkout .woocommerce-checkout-review-order { position: static; }
}

/* ----- Página de obrigado ----- */
.woocommerce-order-received .entry-content {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
  padding: 56px 24px;
}
.woocommerce-thankyou-order-received {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(32px, 4vw, 44px);
  font-weight: 500;
  margin-bottom: 12px;
}
.woocommerce-order-overview,
.woocommerce-customer-details {
  background: white;
  border-radius: 16px;
  padding: 28px;
  margin: 24px 0;
  box-shadow: 0 1px 2px rgba(42,31,26,0.04);
  text-align: left;
}

/* QR Pix centralizado (Mercado Pago renderiza assim) */
.mp-pix-qr,
.mercadopago-pix-qrcode {
  display: block;
  margin: 20px auto;
  padding: 20px;
  background: var(--misa-blush);
  border-radius: 14px;
  max-width: 320px;
}
.mp-pix-qr img,
.mercadopago-pix-qrcode img {
  display: block;
  margin: 0 auto;
}

/* ----- Swatches no mini-cart (variations) ----- */
.cart_list .variation,
.woocommerce-mini-cart-item .variation {
  font-size: 12px;
  color: var(--misa-muted);
  margin-top: 2px;
}
.cart_list .variation-Cor,
.cart_list .variation-Color { display: inline-flex; align-items: center; gap: 4px; }