/* ==========================================================================
   Seguí tu pedido (/seguir-pedido/). Lo encola inc/seguimiento.php solo en
   esa pagina, despues de theme.css.

   El formulario va en la misma columna de 420 que "Contraseña perdida"
   (account.css): titulo en mayusculas, etiquetas chicas en gris, campos con
   la linea de abajo y el boton negro a todo el ancho. El resultado usa las
   piezas de la pagina de gracias (.fedelan-ty__*, en checkout.css) en una
   columna de 760, la misma que esa pagina.
   ========================================================================== */

/* Con body.page adelante para ganarle al "Default Page Layout" de
   global.css (920 de columna, titulo de 56). */
body.page.fedelan-seguimiento-page:not(.home):not(.woocommerce-page) .inside-article > .entry-header,
body.page.fedelan-seguimiento-page:not(.home):not(.woocommerce-page) .entry-content {
    box-sizing: content-box;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}
body.page.fedelan-seguimiento-page:not(.home):not(.woocommerce-page) .inside-article:has(.fedelan-seguimiento__resultado) > .entry-header,
body.page.fedelan-seguimiento-page:not(.home):not(.woocommerce-page) .entry-content:has(.fedelan-seguimiento__resultado) {
    max-width: 760px;
}
body.page.fedelan-seguimiento-page:not(.home):not(.woocommerce-page) .entry-header .entry-title {
    font-family: var(--fedelan-font-display);
    font-size: 28px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0 0 24px;
}

/* --- El formulario -------------------------------------------------------- */
/* Con .woocommerce form adelante: woocommerce.css pinta los campos y el boton
   con ".woocommerce form .form-row input.input-text" y ".woocommerce
   button.button" (caja con borde, boton gris). */
.fedelan-seguimiento__form { margin: 0; }
.fedelan-seguimiento__intro {
    margin: 0 0 24px;
    font-size: 14px;
    line-height: 22px;
    color: var(--fedelan-ink-soft);
}
.woocommerce form.fedelan-seguimiento__form .form-row {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 20px;
}
.woocommerce form.fedelan-seguimiento__form .form-row label {
    display: block;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--fedelan-muted);
}
.woocommerce form.fedelan-seguimiento__form .form-row input.input-text {
    box-sizing: border-box;
    width: 100%;
    height: 53px;
    padding: 15px 0;
    border: 0;
    border-bottom: 1px solid var(--fedelan-muted);
    border-radius: 0;
    background: transparent;
    color: var(--fedelan-ink);
    font-family: var(--fedelan-font-primary);
    font-size: 16px;
    box-shadow: none;
}
.woocommerce form.fedelan-seguimiento__form .form-row input.input-text:focus {
    outline: 0;
    border-bottom: 2px solid var(--fedelan-ink);
    padding-bottom: 14px;
}
.woocommerce form.fedelan-seguimiento__form button.fedelan-seguimiento__submit {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    margin: 4px 0 0;
    padding: 0 24px;
    border: 0;
    border-radius: 0;
    background: var(--fedelan-ink);
    color: var(--fedelan-paper);
    font-family: var(--fedelan-font-primary);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--fedelan-dur) var(--fedelan-ease);
}
.woocommerce form.fedelan-seguimiento__form button.fedelan-seguimiento__submit:hover,
.woocommerce form.fedelan-seguimiento__form button.fedelan-seguimiento__submit:focus-visible {
    background: var(--fedelan-ink-soft);
    color: var(--fedelan-paper);
}
.woocommerce form.fedelan-seguimiento__form button.fedelan-seguimiento__submit:focus-visible {
    outline: 2px solid var(--fedelan-accent);
    outline-offset: 2px;
}
.fedelan-seguimiento__cuenta {
    margin: 20px 0 0;
    font-size: 14px;
    line-height: 22px;
    color: var(--fedelan-muted);
}
.fedelan-seguimiento__cuenta a {
    color: var(--fedelan-ink);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* El aviso de "no encontramos" va en la columna, arriba del formulario. */
.fedelan-seguimiento-page .entry-content .woocommerce-error {
    margin: 0 0 24px;
    border-radius: 0;
}

/* --- El resultado ---------------------------------------------------------- */
.fedelan-seguimiento__resultado .fedelan-ty__heading { margin-top: 0; }
.fedelan-seguimiento__notas {
    margin: 0;
    padding: 0;
    list-style: none;
}
.fedelan-seguimiento__notas li {
    margin: 0;
    padding: 12px 0;
    border-top: 1px solid var(--fedelan-line);
}
.fedelan-seguimiento__notas li:first-child { border-top: 0; padding-top: 0; }
.fedelan-seguimiento__nota-fecha {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--fedelan-muted);
}
.fedelan-seguimiento__nota-texto p {
    margin: 0 0 6px;
    font-size: 15px;
    line-height: 1.5;
}

/* El detalle (order/order-details.php de WooCommerce): las mismas reglas que
   la pagina de gracias, que en checkout.css cuelgan del body de esa pagina. */
.fedelan-seguimiento__resultado .woocommerce-order-details__title,
.fedelan-seguimiento__resultado .woocommerce-column__title {
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--fedelan-muted);
}
.fedelan-seguimiento__resultado table.shop_table {
    width: 100%;
    margin: 0 0 24px;
    border: 0;
    border-collapse: collapse;
    border-radius: 0;
    background: transparent;
    font-size: 15px;
}
.fedelan-seguimiento__resultado table.shop_table th,
.fedelan-seguimiento__resultado table.shop_table td {
    padding: 14px 0;
    border: 0;
    border-bottom: 1px solid var(--fedelan-line);
    background: transparent;
    text-align: left;
    vertical-align: top;
    color: var(--fedelan-ink);
}
.fedelan-seguimiento__resultado table.shop_table .product-total,
.fedelan-seguimiento__resultado table.shop_table tfoot td {
    padding-left: 16px;
    text-align: right;
}
.fedelan-seguimiento__resultado table.shop_table thead th {
    padding-top: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--fedelan-muted);
}
/* Las filas de totales las pinta checkout.css (.fedelan-ty__items, con
   !important), igual que en la pagina de gracias. */
.fedelan-seguimiento__resultado table.shop_table .product-name a {
    color: var(--fedelan-ink);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.fedelan-seguimiento__resultado table.shop_table .wc-item-meta,
.fedelan-seguimiento__resultado table.shop_table dl.variation {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    color: var(--fedelan-ink-soft);
}
.fedelan-seguimiento__resultado table.shop_table .wc-item-meta li,
.fedelan-seguimiento__resultado table.shop_table .wc-item-meta p {
    margin: 0;
}
.fedelan-seguimiento__resultado table.shop_table .wc-item-meta-label { font-weight: 700; }
.fedelan-seguimiento__resultado .woocommerce-customer-details .col2-set {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}
.fedelan-seguimiento__resultado .woocommerce-customer-details .col2-set::before,
.fedelan-seguimiento__resultado .woocommerce-customer-details .col2-set::after { display: none; }
.fedelan-seguimiento__resultado .woocommerce-customer-details .woocommerce-column {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}
.fedelan-seguimiento__resultado .woocommerce-customer-details address {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-size: 15px;
    line-height: 1.6;
}
.fedelan-seguimiento__resultado .woocommerce-customer-details address p { margin: 6px 0 0; }
.fedelan-seguimiento__resultado .woocommerce-customer-details--phone::before,
.fedelan-seguimiento__resultado .woocommerce-customer-details--email::before { display: none; }
.fedelan-seguimiento__resultado .woocommerce-customer-details--phone,
.fedelan-seguimiento__resultado .woocommerce-customer-details--email { padding-left: 0; }

@media (max-width: 600px) {
    .fedelan-seguimiento__resultado .woocommerce-customer-details .col2-set { grid-template-columns: 1fr; }
    .fedelan-seguimiento__resultado .fedelan-ty__actions .fedelan-ty__btn { flex: 1 1 100%; }
}