.appt-details {
    color: #000000;
}

.paid-variations { margin-top: 10px; }

/* Estilos modernos para botones de citas */
.booked-appointment-actions {
	display: flex;
	gap: 8px;
	margin-top: 12px;
	flex-wrap: wrap;
}

.booked-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	height: 36px;
	min-height: 36px;
	line-height: 1;
}

.booked-btn i {
	font-size: 12px;
}

.booked-btn-primary {
	background: linear-gradient(135deg, #4CAF50, #45a049);
	color: white;
}

.booked-btn-primary:hover {
	background: linear-gradient(135deg, #45a049, #3d8b40);
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(76, 175, 80, 0.3);
}

.booked-btn-danger {
	background: linear-gradient(135deg, #f44336, #d32f2f);
	color: white;
}

.booked-btn-danger:hover {
	background: linear-gradient(135deg, #d32f2f, #b71c1c);
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(244, 67, 54, 0.3);
}

.booked-btn-disabled {
	background: #f5f5f5;
	color: #999;
	cursor: not-allowed;
	opacity: 0.6;
	box-shadow: none;
}

.booked-btn-disabled:hover {
	transform: none;
	box-shadow: none;
}

/* Estilos para botón "Cambiar fecha" */
body #booked-profile-page .booked-profile-appt-list .appt-block .edit,
.booked-profile-appt-list .appt-block .edit,
.appt-block .edit {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 8px 16px !important;
	border: none !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
	background: linear-gradient(135deg, #2196F3, #1976D2) !important;
	color: white !important;
	margin-top: 8px !important;
	margin-right: 8px !important;
	height: 36px !important;
	min-height: 36px !important;
	line-height: 1 !important;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .edit:hover,
.booked-profile-appt-list .appt-block .edit:hover,
.appt-block .edit:hover {
	background: linear-gradient(135deg, #1976D2, #1565C0) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(33, 150, 243, 0.3) !important;
	text-decoration: none !important;
}

/* Estilos específicos para botones de acción en línea */
.booked-appointment-actions .edit {
	margin-top: 0 !important;
	margin-right: 8px !important;
}

/* Estilos adicionales para botón "Cambiar fecha" en diferentes contextos */
.booked-profile-appt-list .appt-block a.edit,
.booked-profile-appt-list .appt-block .edit,
a.edit[data-app-calendar],
a[data-app-calendar].edit {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 8px 16px !important;
	border: none !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
	background: linear-gradient(135deg, #2196F3, #1976D2) !important;
	color: white !important;
	margin-top: 8px !important;
	margin-right: 8px !important;
	height: 36px !important;
	min-height: 36px !important;
	line-height: 1 !important;
}

.booked-profile-appt-list .appt-block a.edit:hover,
.booked-profile-appt-list .appt-block .edit:hover,
a.edit[data-app-calendar]:hover,
a[data-app-calendar].edit:hover {
	background: linear-gradient(135deg, #1976D2, #1565C0) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(33, 150, 243, 0.3) !important;
	text-decoration: none !important;
	color: white !important;
}

/* Estilos específicos para enlaces con data-app-calendar */
a[data-app-calendar] {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 8px 16px !important;
	border: none !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
	background: linear-gradient(135deg, #2196F3, #1976D2) !important;
	color: white !important;
	margin-top: 8px !important;
	margin-right: 8px !important;
	height: 36px !important;
	min-height: 36px !important;
	line-height: 1 !important;
}

a[data-app-calendar]:hover {
	background: linear-gradient(135deg, #1976D2, #1565C0) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(33, 150, 243, 0.3) !important;
	text-decoration: none !important;
	color: white !important;
}

/* Estilos para botón "Cancelar reserva" en shortcodes */
.booked-profile-appt-list .appt-block .cancel {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 8px 16px !important;
	border: none !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
	background: linear-gradient(135deg, #f44336, #d32f2f) !important;
	color: white !important;
	margin-top: 8px !important;
	margin-left: 8px !important;
	height: 36px !important;
	min-height: 36px !important;
	line-height: 1 !important;
}

.booked-profile-appt-list .appt-block .cancel:hover {
	background: linear-gradient(135deg, #d32f2f, #b71c1c) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(244, 67, 54, 0.3) !important;
}

/* Estilos para el botón "Añadir al calendario" */
.google-cal-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 8px 16px !important;
	border: none !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
	background: linear-gradient(135deg, #FF9800, #F57C00) !important;
	color: white !important;
	margin-top: 8px !important;
	margin-right: 8px !important;
	height: 36px !important;
	min-height: 36px !important;
	line-height: 1 !important;
	position: relative !important;
}

/* Ocultar elementos problemáticos pero mantener funcionalidad */
.google-cal-button i.fa-solid.fa-calendar-plus {
	display: none !important;
}

.google-cal-button img,
.google-cal-button svg {
	display: none !important;
}

.google-cal-button:hover {
	background: linear-gradient(135deg, #F57C00, #E65100) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(255, 152, 0, 0.3) !important;
}


/* Estilos legacy para compatibilidad */
body #booked-profile-page .booked-profile-appt-list .appt-block .pay {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	background: linear-gradient(135deg, #4CAF50, #45a049);
	color: white;
	margin-top: 8px;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .pay:hover {
	background: linear-gradient(135deg, #45a049, #3d8b40);
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(76, 175, 80, 0.3);
}

div.booked-wc-checkout-section { line-height:1.3; padding:0 0 10px; }
.woocommerce-checkout-review-order div.booked-wc-checkout-section:last-child { padding:0; margin:0 0 -1.4em; }

span.booked_wc_payment_pending { color: #E35656; font-weight:600; }
span.booked_wc_payment_completed { color:#000; font-weight:600; }