.woo-sidebar {
    width: 300px;
    background-color: #fff;
    border-right: 1px solid #e0e0e0;
    padding: 30px 20px;
    font-family: 'Open Sans', sans-serif;
}
.woo-sidebar h3 {
    margin-bottom: 20px;
}
.woo-sidebar ul {
    padding: 0;
    margin: 0;
    padding: 0 !important;
}
.woo-sidebar li {
    margin-bottom: 15px;
}
.woo-sidebar i {
    margin-right: 10px;
    font-size: 16px;
    transition: color 0.3s ease;
}

.wc-mcs-filter {
    margin-bottom: 20px;
}
.wc-mcs-filter input,
.wc-mcs-filter select {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    box-sizing: border-box;
}
.wc-mcs-table {
    width: 100%;
    border-collapse: collapse;
}
.wc-mcs-table th,
.wc-mcs-table td {
    padding: 8px;
    border: 1px solid #e0e0e0;
    text-align: left;
}
.wc-mcs-download-group {
    margin-bottom: 20px;
}
.wc-mcs-download-btn {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 8px 12px;
    background-color: #ef5547;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}
.wc-mcs-address-form input {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    box-sizing: border-box;
}
.wc-mcs-success {
    padding: 10px;
    background-color: #d4edda;
    color: #155724;
    margin-bottom: 15px;
}
.wc-mcs-contenido-wrapper {
    color: #ef5547 !important;
}
input.regular-text {
    margin-bottom: 0px !important;
}
.woo-sidebar li {
  list-style-type: none !important;
}
.woocommerce-page button.button:hover:after{
opacity: 0 !important;
}
button.button.button-primary:hover {
    transform: none !important;
}
button.woocommerce-Button.button:hover {
    transform: none !important;
}
/* Sólo al H3 del formulario de editar cuenta */
.wc-mcs-contenido-wrapper .woocommerce-EditAccountForm.edit-account h3 {
    padding-top: 20px;
}

.wc-mcs-contenido-wrapper input, .wc-mcs-contenido-wrapper select {
    border-radius: 5px !important;
    width: 100% !important;
}
/* Contenedor relativo para poder posicionar la flecha */
.wc-mcs-filter {
  vertical-align: middle; /* opcional, para alinear este contenedor con elementos adyacentes */
  position: relative;
}

/* Estiliza el select quitando el arrow nativo y dejando espacio para el nuevo */
#wc-mcs-status-filter {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Pseudo-elemento con Font Awesome para la flecha */
.wc-mcs-filter::after {
content: "\f107";
    font-size: 16px;
    position: absolute;
    top: 44%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #ef5547;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.form-row-first  { width:48%; float:left;  margin-right:4%; }
.form-row-last   { width:48%; float:left;  margin-right:0; }
.form-row-wide   { width:100%; clear:both; }
.clear           { clear:both; display:block; height:0; }


.woocommerce-EditAccountForm .form-row-first {
  width: 48% !important;
  float: left !important;
  margin-right: 4% !important;
}
.woocommerce-EditAccountForm .form-row-last {
  width: 48% !important;
  float: left !important;
  margin-right: 0 !important;
}
.woocommerce-EditAccountForm .clear {
  clear: both !important;
  display: block !important;
  height: 0;
}

@media (max-width: 768px) {
    .woo-sidebar {
        border-right: 0 !important;
        width: 100% !important;
    }

    .woo-sidebar h3 {
        text-align: center !important;
    }

    .wc-mcs-contenido-wrapper {
        padding: 5px 10px 30px 10px !important;
    }
    .woo-sidebar {
        padding: 30px 20px 5px 20px;
    }
}

/* responsive-pedidos.css */
@media screen and (max-width: 767px) {
  /* Oculta encabezados de tabla */
  .wc-mcs-table thead {
    display: none;
  }

  /* Convierte filas y celdas en bloques */
  .wc-mcs-table,
  .wc-mcs-table tbody,
  .wc-mcs-table tr,
  .wc-mcs-table td {
    display: block;
    width: 100%;
  }

  /* Estilo de “tarjeta” para cada pedido */
  .wc-mcs-table tr {
    margin-bottom: 1rem;
    background: #fff;
    border-radius: 5px !important;
    border: 1px solid #ef5547;
  }
.entry-content table:not(.variations) {
    border: 0 !important;
}

  /* Cada celda con padding y posición relativa para el label */
  .wc-mcs-table td {
    position: relative;
    padding: 0.5rem 1rem 0.5rem 45% !important;
    text-align: right;
  }
.wc-mcs-contenido-wrapper table th, .wc-mcs-contenido-wrapper table td {
    border: 0.5px solid #ef5547 !important;
}

  /* Inserta las etiquetas antes de cada dato */
  .wc-mcs-table td:before {
    content: attr(data-label);
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    width: 40%;
    white-space: nowrap;
    font-weight: bold;
    text-align: left;
  }

  /* Asocia cada columna con su etiqueta */
  .wc-mcs-table td:nth-child(1):before { content: "Imagen"; }
  .wc-mcs-table td:nth-child(2):before { content: "Producto"; }
  .wc-mcs-table td:nth-child(3):before { content: "Estado"; }
  .wc-mcs-table td:nth-child(4):before { content: "Precio"; }
  .wc-mcs-table td:nth-child(5):before { content: "Fecha"; }

  /* Ajuste de la imagen dentro de la tarjeta */
  .wc-mcs-table td:nth-child(1) img {
    width: 40px;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}