/*
Theme Name: Astra Child
Theme URI: https://mercadolibro.com.co/
Description: Tema hijo para Astra
Author: Andinoweb
Author URI: https://andinoweb.com/
Template: astra 
Version: 1.0.0
Text Domain: astra-child
*/

/* Estilos para Acadp 
/* ==== Contactar Vendedor - Estilos personalizados ==== */
/* Quitar negrita y subrayado de los botones ACADP */
.acadp-button,
.acadp-button-primary,
.acadp-button-post,
.acadp-button-submit,
.acadp-button-reset,
.acadp-button-sold {
    font-weight: normal !important;
    text-decoration: none !important;
}

/* Asegurar que los estados hover también mantengan el peso normal y sin subrayado */
.acadp-button:hover,
.acadp-button-primary:hover,
.acadp-button-post:hover,
.acadp-button-submit:hover,
.acadp-button-reset:hover,
.acadp-button-sold:hover {
    font-weight: normal !important;
    text-decoration: none !important;
}

/* Específicamente para el botón "Add New Listing" */
.acadp-button.acadp-button-primary.acadp-button-post.sm\:acadp-ms-auto {
    font-weight: normal !important;
    text-decoration: none !important;
}

/* Específicamente para el botón "Marcar como vendido" */
.acadp-button.acadp-button-primary.acadp-button-sold {
    font-weight: normal !important;
    text-decoration: none !important;
}

.acadp-contact-button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.acadp-contact-button,
.acadp-contact-button-wrapper .better-messages-pm-button {
    background-color: #5B8569 !important;
    color: #ffffff !important;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 8px rgba(91, 133, 105, 0.3);
}

.acadp-contact-button:hover,
.acadp-contact-button-wrapper .better-messages-pm-button:hover {
    background-color: #3F5C4A;
    box-shadow: 0 6px 12px rgba(63, 92, 74, 0.4);
    color: #ffffff;
    font-weight: normal !important;
}

.acadp-contact-button svg,
.acadp-contact-button-wrapper svg {
    fill: currentColor;
    width: 18px;
    height: 18px;
}

.acadp-contact-button-wrapper.has-new-messages .better-messages-pm-button {
    background-color: #0B65B5 !important;
}

.bpbm-pm-button,
.bpbm-pm-button.bm-fast-start {
    background-color: #5B8569 !important;  
    color: #ffffff !important;
    border: none !important;

    padding: 12px 24px;
    font-size: 16px;
    font-weight: normal !important;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 8px rgba(91,133,105,.3);
    transition: background-color .25s, box-shadow .25s;
}

.bpbm-pm-button:hover,
.bpbm-pm-button.bm-fast-start:hover {
    background-color: #3F5C4A !important; 
    box-shadow: 0 6px 12px rgba(63,92,74,.35);
    color: #ffffff !important;
    font-weight: normal !important;

}

.bpbm-pm-button svg {
    fill: currentColor;
    width: 18px;
    height: 18px;
}

/* =========================================================
   ============  BOTONES, ENLACES Y COLORES BASE  ===========
   ========================================================= */

/* Colores de enlaces UM */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color {
    color: #005b90 !important;  
}
.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #003d66 !important;  
}
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover {
    background: #3f5c4a !important; /* Verde MercadoLibro */
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    transition: all .3s ease;
    font-weight: normal !important;
}

/* Hover botones principales */
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover,
.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
    background: #4a6b54 !important; /* Verde un poco más claro */
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
}

/* Botones secundarios (azules) */
.um .um-button.um-alt,
.um input[type=submit].um-button.um-alt {
    background: #005b90 !important;
    color: #ffffff !important;
}
.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #004d76 !important;
}

/* Encabezado de secciones en el área de cuenta */
.um-account-heading {
    background: #3f5c4a !important;
    color: #ffffff !important;
    padding: 15px;
    border-radius: 4px 4px 0 0;
    font-weight: normal !important;
}

/*  custom */
.um-custom-profile-layout {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.um-custom-left {
	flex: 0 0 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.um-custom-avatar {
	margin-bottom: 20px;
	text-align: center;
}

.um-custom-tabs {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #f9f9f9;
	overflow: hidden;
}

.um-custom-tab-link {
	padding: 10px 15px;
	cursor: pointer;
	border-bottom: 1px solid #eee;
	transition: background 0.3s ease;
}

.um-custom-tab-link:last-child {
	border-bottom: none;
}

.um-custom-tab-link:hover,
.um-custom-tab-link.active {
	background: #e0f0e0;
	font-weight: bold;
}

.um-custom-right {
	flex: 1;
	min-width: 0;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 15px;
	background: #fff;
}

.um-custom-tab-content {
	display: none;
}

.um-custom-tab-content.active {
	display: block;
}

@media (max-width: 768px) {
	.um-custom-profile-layout {
		flex-direction: column;
	}
	.um-custom-left,
	.um-custom-right {
		width: 100%;
	}
}