/*
Theme Name: Muzikali Shop
Theme URI: https://tienda.muzikali.com
Author: Muzikali
Description: Tema minimalista para el motor de checkout de Muzikali Shop (WooCommerce + Dropi), alineado con la identidad visual de las landings de producto.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: muzikali-shop
*/

:root{
  --plum:      #3D2436;
  --plum-soft: #5C3A4F;
  --rose:      #D9AEB3;
  --blush:     #F6E9E6;
  --gold:      #C9A66B;
  --gold-deep: #A9824A;
  --cream:     #FBF6F3;
  --ink:       #2A1C24;
  --ink-soft:  #6E5A64;
  --white:     #FFFFFF;

  --font-display: "Cormorant Garamond", serif;
  --font-body: "Jost", sans-serif;

  --radius: 4px;
  --shadow: 0 12px 32px -18px rgba(61,36,54,0.25);
}

*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin: 0;
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
}
img{ max-width: 100%; height: auto; }
a{ text-decoration: none; color: inherit; }

/* ---------- Trust bar ---------- */
.ms-trust-bar{
  background: var(--plum);
  color: var(--blush);
  text-align: center;
  font-size: .78rem;
  letter-spacing: .02em;
  padding: .55rem 1rem;
}

/* ---------- Header ---------- */
.ms-header{
  padding: 1.4rem 1.5rem .8rem;
  text-align: center;
}
.ms-brand{
  font-family: var(--font-display);
  font-size: 1.4rem;
  letter-spacing: .04em;
  color: var(--plum);
}
.ms-brand em{ font-style: italic; color: var(--gold-deep); }

/* ---------- Main content wrapper ---------- */
.ms-main{
  max-width: 1080px;
  margin: 0 auto;
  padding: 1.5rem 1.2rem 4rem;
}

/* ---------- Footer ---------- */
.ms-footer{
  background: var(--plum);
  color: var(--blush);
  text-align: center;
  padding: 2rem 1.2rem;
  margin-top: 3rem;
}
.ms-footer p{ font-size: .85rem; margin: 0 0 .3rem; }
.ms-footer .ms-footer-fine{ font-size: .72rem; color: var(--rose); }

/* =========================================================
   WooCommerce — bloques de Checkout / Carrito
   ========================================================= */
h1, h2, h3,
.wc-block-components-checkout-step__heading-text {
  font-family: var(--font-display) !important;
  color: var(--plum) !important;
  font-weight: 500 !important;
}

.wc-block-components-checkout-step{
  background: var(--white);
  border-radius: 8px;
  padding: 1.4rem 1.6rem;
  margin-bottom: 1.2rem;
  box-shadow: var(--shadow);
  border-top: 3px solid var(--gold);
}

.wc-block-components-checkout-step__heading{
  border-bottom: 1px solid var(--blush);
  padding-bottom: .6rem;
  margin-bottom: .8rem;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
textarea,
.wc-block-components-text-input input,
.wc-block-components-combobox input {
  font-family: var(--font-body) !important;
  background: var(--cream) !important;
  border: 1.4px solid var(--blush) !important;
  border-radius: var(--radius) !important;
  color: var(--ink) !important;
}

input:focus,
select:focus,
.wc-block-components-text-input input:focus {
  outline: 2px solid var(--gold) !important;
  outline-offset: 1px;
  border-color: var(--gold) !important;
}

.wc-block-components-text-input label,
label {
  color: var(--plum-soft) !important;
}

.wc-block-components-checkout-place-order-button,
.wc-block-components-button:not(.wc-block-components-button--link),
button[type="submit"] {
  background: var(--plum) !important;
  border-color: var(--plum) !important;
  color: var(--blush) !important;
  font-family: var(--font-body) !important;
  border-radius: var(--radius) !important;
  letter-spacing: .02em;
}

.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button:not(.wc-block-components-button--link):hover,
button[type="submit"]:hover {
  background: var(--plum-soft) !important;
  border-color: var(--plum-soft) !important;
}

.wc-block-components-order-summary,
.wp-block-woocommerce-checkout-order-summary-block {
  background: var(--white);
  border-radius: 8px;
  box-shadow: var(--shadow);
  border-top: 3px solid var(--gold);
}

.wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--plum) !important;
  font-family: var(--font-display);
  font-weight: 600;
}

.wc-block-components-radio-control__option{
  border: 1.4px solid var(--blush) !important;
  border-radius: var(--radius);
}
.wc-block-components-radio-control__input:checked + .wc-block-components-radio-control__label,
.wc-block-components-radio-control__option-checked {
  border-color: var(--gold) !important;
  background: var(--blush) !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 600px){
  .ms-main{ padding: 1rem .9rem 3rem; }
  .wc-block-components-checkout-step{ padding: 1.1rem 1.1rem; }
}